/* ----------------------------------------------------------------
	Variables
-----------------------------------------------------------------*/
/* Shades of #b0c4de
-------------------------------------------------- */
/* Tints of #b0c4de
-------------------------------------------------- */
/* Light Terrain Color Bar
-------------------------------------------------- */
/* Dark Terrain Color Bar
-------------------------------------------------- */
/* ----------------------------------------------------------------
	Animations
-----------------------------------------------------------------*/
.content-splashVideoFadeOutPreImage {
  -webkit-animation: splashVideoFadeOutPreImage 1s linear both;
          animation: splashVideoFadeOutPreImage 1s linear both; }

.content-splashVideoFadeInBackupImage {
  -webkit-animation: splashVideoFadeInBackupImage 1s linear both;
          animation: splashVideoFadeInBackupImage 1s linear both; }

.content-show {
  -webkit-animation: show .2s linear both;
          animation: show .2s linear both; }

.content-hide {
  -webkit-animation: hide .2s linear both;
          animation: hide .2s linear both; }

@-webkit-keyframes splashVideoFadeOutPreImage {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes splashVideoFadeOutPreImage {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
@-webkit-keyframes splashVideoFadeInBackupImage {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes splashVideoFadeInBackupImage {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-webkit-keyframes show {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
    z-index: -1;
    pointer-events: none; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
    z-index: 9999;
    pointer-events: all; } }
@keyframes show {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
    z-index: -1;
    pointer-events: none; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
    z-index: 9999;
    pointer-events: all; } }
@-webkit-keyframes hide {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
    z-index: 9999;
    pointer-events: all; }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
    z-index: -1;
    pointer-events: none; } }
@keyframes hide {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 1;
    z-index: 9999;
    pointer-events: all; }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    opacity: 0;
    z-index: -1;
    pointer-events: none; } }
@-webkit-keyframes attentionPop {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes attentionPop {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes processing {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  7.5% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  12.5% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  20% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  32.5% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  37.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  45% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  57.5% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  62.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  70% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  82.5% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  87.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  95% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes processing {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  7.5% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  12.5% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  20% {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  32.5% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  37.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  45% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  57.5% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  62.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  70% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  82.5% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  87.5% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  95% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@-webkit-keyframes chatPulse {
  from {
    background: #beeabe; }
  to {
    background: #ed532a; } }
@keyframes chatPulse {
  from {
    background: #beeabe; }
  to {
    background: #ed532a; } }
/* ----------------------------------------------------------------
	Basic
-----------------------------------------------------------------*/
body {
  background: #343a42;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -.5px;
  font-size: 1rem;
  text-rendering: optimizeSpeed;
  height: 100%; }

.main-content {
  background: #ffffff;
  color: #58626f;
  padding: 1rem 0;
  position: relative;
  top: 5.9rem;
  margin-bottom: 5.9rem; }

@media (min-width: 544px) {
  .main-content {
    top: 6.5rem;
    margin-bottom: 6.5rem; } }
.main-footer-container {
  background: #343a42;
  position: relative; }

.container-white-space {
  margin: 2rem auto; }

.back-to-top {
  color: #58626f;
  background: #f7f9fb;
  padding: .7rem 1rem;
  position: fixed;
  bottom: .5rem;
  left: .5rem;
  border: 1px solid #dfe7f1;
  font-size: .6rem;
  font-weight: 700; }

.back-to-top:hover {
  cursor: pointer;
  color: #7b899b;
  background: #ffffff; }

.contact-page {
  margin: 2rem -.9375rem; }

@media (min-width: 544px) {
  .contact-page {
    margin: 4rem -.9375rem; } }
.contact-block {
  display: block;
  text-align: center; }

@media (min-width: 768px) {
  .contact-block {
    text-align: left; } }
.contact-block .fa {
  margin-bottom: .5rem; }

.btn {
  border: 0;
  border-radius: 0;
  font-weight: 700;
  white-space: normal;
  font-size: .9rem;
  font-family: 'Montserrat', sans-serif; }

.btn-lg {
  padding: 1rem 1.5rem;
  font-size: 1rem;
  font-weight: 700; }

.btn-disabled {
  cursor: default;
  opacity: .2;
  pointer-events: none; }

.btn-ba3-red {
  background-color: #ed532a !important;
  color: #f7f9fb !important; }

.btn-ba3-red:hover,
.btn-ba3-red:focus {
  background-color: #e87455 !important;
  color: #ffffff; }

.btn-dusty-blue {
  background-color: #71859f !important;
  color: #f7f9fb; }

.btn-dusty-blue:hover,
.btn-dusty-blue:focus {
  background-color: #8692a2 !important;
  color: #ffffff; }

.btn-deep-blue {
  background-color: #3c5b82 !important;
  color: #f7f9fb; }

.btn-deep-blue:hover,
.btn-dusty-blue:focus {
  background-color: #506885 !important;
  color: #ffffff; }

.btn-shade-of-4 {
  background-color: #464e58 !important;
  color: #eff3f8; }

.btn-shade-of-4:hover,
.btn-shade-of-4:focus {
  background-color: #58626f !important;
  color: #ffffff; }

.btn-tint-of-2 {
  background-color: #eff3f8 !important;
  color: #7b899b; }

.btn-tint-of-2:hover,
.btn-tint-of-2:focus {
  background-color: #f7f9fb !important;
  color: #9eb0c7; }

.btn-happy-green {
  background-color: #beeabe !important;
  color: #58626f !important; }

.btn-happy-green:hover,
.btn-happy-green:focus {
  background-color: #def4de !important;
  color: #7b899b; }

.pitch-major-action-buttons {
  display: inline-block;
  width: 100%;
  text-align: center; }

.pitch-major-action-buttons .btn {
  display: block; }

@media (min-width: 544px) {
  .pitch-major-action-buttons .btn {
    display: inline-block; } }
.pitch-major-action-buttons .btn + .btn {
  margin-top: .5rem; }

@media (min-width: 544px) {
  .pitch-major-action-buttons .btn + .btn {
    margin-top: 0; } }
@media (max-width: 660px) and (min-width: 545px) {
  .modal-dialog {
    width: auto;
    margin: 10px; } }
.modal-content {
  border-radius: 0;
  border: none; }

.modal-body {
  margin-right: 1px; }

.modal-footer button:first-child {
  float: left; }

@media (max-width: 544px) {
  .modal-footer button {
    display: block;
    width: 100%; }

  .modal-footer button:first-child {
    float: none;
    margin-bottom: 1rem; }

  .modal-footer .btn + .btn {
    margin-left: 0; } }
.modal-title {
  line-height: 1.8rem;
  font-weight: 700;
  color: #58626f; }

.modal-header p {
  margin-bottom: 0;
  margin-top: .5rem;
  color: #8c9cb1; }

#termsModal .modal-body p {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  color: #58626f;
  font-size: .8rem; }

.terms-agreement {
  display: block;
  padding: 1rem; }

.third-party-acknowledgments {
  font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
  color: #58626f;
  font-size: .8rem;
  display: block;
  padding: 1rem;
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */ }

/* Create dynamic 16:9 aspect ratio for videos */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0; }

.video-wrapper video,
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-control .play-pause-container {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

.video-control .play-pause-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.video-control .play-pause-container .fa {
  font-size: 2rem;
  padding-right: 0; }

.video-control .not-playing {
  background: rgba(35, 39, 44, 0.4);
  opacity: 1; }

.video-control .not-playing:hover {
  cursor: pointer; }

.video-control .playing {
  background: rgba(35, 39, 44, 0.4);
  opacity: 0; }

.video-control .playing:hover {
  cursor: pointer; }

.video-control .play-pause-container i {
  color: #ffffff; }

.video-duration {
  display: block;
  color: #7b899b;
  font-family: 'Raleway', sans-serif;
  font-size: .9rem;
  font-weight: 300;
  width: 100%;
  text-align: right;
  margin-top: .5rem; }

progress {
  display: block;
  margin-top: 4px; }

progress[value] {
  /* Get rid of the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
  border: none;
  /* Add dimensions */
  width: 100%;
  height: 4px;
  /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
  background-color: #dfe7f1;
  /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
  color: #f9cbbf;
  position: relative; }

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/
progress[value]::-webkit-progress-bar {
  background-color: #dfe7f1; }

progress[value]::-webkit-progress-value {
  position: relative;
  background-color: #f9cbbf; }

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */
progress[value]::-moz-progress-bar {
  background-color: #f9cbbf; }

/* Fallback technique styles */
.progress-bar {
  background-color: #dfe7f1;
  box-shadow: none;
  /* Dimensions should be similar to the parent progress element. */
  width: 100%;
  height: 4px; }

/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */
progress::-moz-progress-bar {
  background-color: #f9cbbf; }

a, .docs-content li a code {
  color: #ed532a;
  word-break: break-word; }

a:hover, .docs-content li a code:hover,
a:active,
.docs-content li a code:active,
a:focus,
.docs-content li a code:focus {
  color: #e87455;
  text-decoration: none;
  outline: none !important; }

a.anchor, .docs-content li a code.anchor {
  display: block;
  position: relative;
  top: -50px;
  visibility: hidden; }

@media (min-width: 544px) {
  a.anchor, .docs-content li a code.anchor {
    top: -60px; } }
p,
li {
  color: #697585;
  font-family: 'Raleway', sans-serif;
  font-weight: 400; }

p.section-title {
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 2rem;
  border-left: 1rem solid #dfe7f1;
  padding-left: 1rem; }

address {
  font-family: 'Raleway', sans-serif; }

.large-text,
.medium-text {
  margin-bottom: 1.5rem; }

.large-text {
  font-size: 1.3rem;
  line-height: 1.5rem;
  font-weight: 700; }

@media (min-width: 544px) {
  .large-text {
    font-size: 1.5rem;
    line-height: 1.7rem; } }
.medium-text {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 400; }

@media (min-width: 544px) {
  .medium-text {
    font-size: 1.2rem;
    line-height: 1.4rem; } }
.center {
  text-align: center; }

.big-header h3 {
  font-weight: 700;
  margin-top: 1.5rem; }

.big-header h5 {
  margin-bottom: 2rem; }

.label-pill {
  font-size: .9rem;
  line-height: 1rem;
  min-width: 2rem;
  font-family: 'Montserrat', sans-serif; }

.label-danger {
  background-color: #ed532a; }

#lo_avail_for_chat_btn {
  right: .5rem !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-color: #ed532a !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: -.5px !important;
  border-radius: 0 !important;
  padding: .7rem 1rem .7rem .5rem !important;
  border: 0 !important;
  bottom: .5rem !important;
  font-size: .9rem !important; }

#lo_avail_for_chat_btn:hover {
  background-color: #e87455 !important; }

#lo_green_blinker {
  margin: 0 0 0 10px !important; }

#lo_chat_box {
  border-top-width: 1px !important;
  border-right-width: 1px !important;
  border-left-width: 1px !important;
  box-shadow: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background-color: #343a42 !important; }

#lo_chat_box textarea {
  font-size: .9rem !important;
  min-height: 10rem !important;
  padding: 1rem !important;
  color: #58626f !important;
  background: #eff3f8 !important;
  -webkit-transition: color 0.2s ease, background 0.2s ease;
  transition: color 0.2s ease, background 0.2s ease; }

#lo_chat_box textarea:focus {
  outline: none !important;
  color: #343a42 !important;
  background: #ffffff !important; }

#lo_avail_for_chat_btn::after {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #beeabe;
  border: 1px solid #beeabe;
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 999;
  -webkit-animation: chatPulse 1s ease infinite;
          animation: chatPulse 1s ease infinite; }

#lo_chat_box #lo_operator {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

#lo_chat_box input, #lo_chat_box select, #lo_chat_box textarea {
  border-radius: 0 !important;
  border: none !important; }

#lo_chat_top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

#lo_chat_top div:nth-child(4) {
  display: none !important; }

#lo_chat_notify_badge {
  left: -12px !important;
  box-shadow: none !important;
  border: 1px solid #ffffff;
  background: #464e58 !important; }

#a0-lock.a0-theme-default .a0-panel {
  margin: 0 auto !important;
  max-width: 100% !important;
  box-shadow: 0 0 0 transparent !important;
  border: none !important;
  box-sizing: border-box; }

#a0-lock.a0-theme-default .a0-panel .a0-top-header {
  background: #343a42 !important;
  border-radius: 0 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-bg-gradient {
  opacity: 0 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-top-header h1 {
  color: #ffffff !important;
  line-height: 1.6rem !important;
  font-size: 1.4rem !important;
  text-transform: capitalize; }

#a0-lock.a0-theme-default .a0-panel .a0-mode form .a0-body-content {
  background: #f7f9fb !important;
  box-shadow: inset 0 0 5px #dfe7f1 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-email .a0-input-box, #a0-lock.a0-theme-default .a0-panel .a0-password .a0-input-box, #a0-lock.a0-theme-default .a0-panel .a0-repeatPassword .a0-input-box, #a0-lock.a0-theme-default .a0-panel .a0-username .a0-input-box {
  background: #f7f9fb !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 0 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-email input, #a0-lock.a0-theme-default .a0-panel .a0-password input, #a0-lock.a0-theme-default .a0-panel .a0-repeatPassword input, #a0-lock.a0-theme-default .a0-panel .a0-username input {
  border-radius: 0 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-mode {
  border-radius: 0 !important; }

#a0-lock.a0-theme-default .a0-panel button.a0-primary {
  border-radius: 0 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-action {
  margin-top: -2px; }

#a0-lock.a0-theme-default .a0-panel .a0-icon-container .a0-image {
  padding-top: 0 !important; }

#a0-lock.a0-theme-default .a0-panel .a0-icon-container {
  padding: 20px !important; }

#a0-lock.a0-theme-default .a0-panel .a0-icon-container .a0-image img {
  margin-bottom: .5rem !important;
  height: 35px !important; }

#a0-lock.a0-theme-default .a0-panel #a0-change_password .a0-collapse-reset .a0-instructions {
  color: #58626f;
  margin-bottom: 30px !important; }

#a0-lock.a0-theme-default .a0-panel .a0-success {
  color: #6a7673 !important;
  background-color: #d4ece6 !important;
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
  color: #ffffff;
  padding: 15px;
  position: relative; }

#a0-lock.a0-theme-default .a0-panel h2 {
  letter-spacing: -.5px;
  font-size: .9rem;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif; }

#a0-lock.a0-theme-default .a0-panel .a0-all, #a0-lock.a0-theme-default .a0-panel .a0-forgot-pass {
  color: #7b899b !important; }

.alert-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
  -webkit-animation: attentionPop 0.5s ease-out both;
          animation: attentionPop 0.5s ease-out both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.alert {
  border: none;
  border-radius: 0;
  padding: 2rem;
  min-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 2rem; }

@media (min-width: 544px) {
  .alert {
    min-width: 300px; } }
#portal .alert {
  width: 100%; }

.alert-danger {
  color: #ffffff;
  background-color: #f04848; }

.alert-sm {
  padding: 1rem !important; }

.cards-container {
  margin: -2rem auto 4rem !important;
  border: 1px solid #c7d5e7;
  background: #e7edf5;
  background-color: #e7edf5;
  padding: 0 0 1.75rem 0; }

.card-block {
  padding: 0; }

.card {
  background: transparent;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0; }

.card-title {
  color: #ed532a;
  font-size: 1.5rem;
  font-weight: 700;
  border: 1px solid #c7d5e7;
  background: #ffffff;
  background-color: #ffffff;
  padding: 1rem;
  min-height: 7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

.card-title span {
  font-size: 1rem;
  margin-top: .2rem; }

.card-title img {
  width: 8rem;
  display: block;
  margin: 0 auto; }

.card-text {
  color: #7b899b; }

.cards-container div:nth-of-type(2) {
  padding-left: auto; }

@media (min-width: 768px) {
  .cards-container div:nth-of-type(2) {
    padding-left: 1.5rem; } }
.cards-container div:nth-of-type(4) {
  padding-right: auto; }

@media (min-width: 768px) {
  .cards-container div:nth-of-type(4) {
    padding-right: 1.5rem; } }
@media (max-width: 768px) {
  .cards-container div:nth-of-type(2),
  .cards-container div:nth-of-type(3) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #c7d5e7; } }
.processing-overlay {
  background: rgba(17, 19, 22, 0.9);
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: progress;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  pointer-events: none; }

.processing {
  -webkit-animation: processing 8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;
          animation: processing 8s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; }

.processing,
.processing:before,
.processing:after {
  background: #beeabe;
  box-sizing: border-box;
  display: block;
  font: 0/0 a;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -5px;
  position: absolute;
  top: 50%;
  width: 8px; }

.processing:before,
.processing:after {
  content: '';
  display: block;
  position: absolute;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  left: -10px; }

.processing:after {
  left: auto;
  right: -15px; }

.optional {
  text-transform: uppercase;
  font-size: .8rem;
  display: block;
  margin-top: .5rem; }

form .form-control-label {
  padding: 0;
  width: 100%;
  text-transform: uppercase;
  color: #697585;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease; }

form .form-control {
  padding: 1rem;
  border-radius: 0;
  font-size: 1.2rem;
  line-height: 1;
  border: 1px solid #cfdbeb;
  background-color: #f7f9fb;
  color: #7b899b;
  -webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease; }

form .form-control:hover {
  border-color: #7b899b; }

form .form-control:focus {
  border-color: #7b899b;
  background-color: #ffffff;
  color: #58626f; }

input::-webkit-input-placeholder {
  color: #cfdbeb !important;
  text-transform: uppercase; }

input::-moz-placeholder {
  color: #cfdbeb !important;
  text-transform: uppercase; }

input:-moz-placeholder {
  /* Older versions of Firefox */
  color: #cfdbeb !important;
  text-transform: uppercase; }

input:-ms-input-placeholder {
  color: #cfdbeb !important;
  text-transform: uppercase; }

form .has-error .help-block {
  color: #ffffff !important;
  padding: .3rem .6rem;
  background: #f04848;
  width: 100%;
  float: left;
  margin-top: .3rem;
  position: relative; }

form .has-error .form-control-label {
  color: #f04848 !important; }

form .has-success .form-control-label {
  color: #6a7673 !important; }

form .has-error .form-control {
  border: 1px solid #ecb1b1 !important;
  color: #f04848 !important;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease; }

form .has-error .form-control:hover {
  border: 1px solid #f04848 !important; }

form .has-success .form-control {
  border: 1px solid #d4ece6 !important;
  color: #6a7673 !important;
  background-color: #d4ece6; }

form .has-success .form-control:hover {
  border: 1px solid #6a7673 !important; }

form .has-error .radio-btn-container label {
  border: 1px solid #ecb1b1 !important;
  -webkit-transition: border 0.2s ease;
  transition: border 0.2s ease; }

form .has-error .radio-btn-container label:hover {
  border: 1px solid #f04848 !important; }

form .has-success .radio-btn-container input[type=radio]:checked + label {
  color: #6a7673 !important;
  border: 1px solid #d4ece6 !important;
  background-color: #d4ece6; }

form .has-success .radio-btn-container input[type=radio]:checked + label:hover {
  border: 1px solid #6a7673 !important; }

.radio-btn-container {
  width: 100%;
  float: left;
  padding: 1rem;
  position: relative; }

@media (min-width: 661px) {
  .radio-btn-container {
    width: 49%; } }
.radio-btn-container + .radio-btn-container {
  margin-left: 0;
  margin-top: .5rem; }

@media (min-width: 661px) {
  .radio-btn-container + .radio-btn-container {
    margin-left: 2%;
    margin-top: 0; } }
.radio-btn-container label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1rem;
  padding: 1rem 1rem 1rem 3rem;
  margin-bottom: 0;
  margin: 0;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  position: absolute;
  color: #8c9cb1;
  border: 1px solid #cfdbeb;
  background-color: #f7f9fb;
  -webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease; }

.radio-btn-container label:hover {
  cursor: pointer;
  border: 1px solid #7b899b; }

input[type='radio'],
input[type='radio']:focus,
input[type='radio']:active {
  outline: none; }

.custom-radio {
  position: absolute;
  top: .9rem;
  left: .9rem;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  pointer-events: none;
  border: 1px solid #cfdbeb;
  background-color: #f7f9fb;
  -webkit-transition: background-color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, border 0.2s ease; }

.radio-btn-container label:hover + .custom-radio {
  border: 8px solid #7b899b;
  background-color: #ffffff; }

form .has-success .radio-btn-container input[type=radio]:checked + label + .custom-radio {
  border: 8px solid #6a7673;
  background-color: #ffffff; }

input[type=email],
input[type=text],
input[type=password] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.show {
  display: block !important; }

.hidden {
  display: none !important; }

hr {
  border-top: 1px solid #dfe7f1; }

/* Offset anchors to accommodate header navigation height */
:target:before {
  content: "";
  display: block;
  height: 94px;
  margin: -110px 0 0; }

@media (min-width: 544px) {
  :target:before {
    content: "";
    display: block;
    height: 104px;
    margin: -120px 0 0; } }
/* Exclude topOfPage anchor from offset rules */
#topOfPage:before {
  content: "";
  display: block;
  height: 0;
  margin: 0; }

@media (min-width: 544px) {
  #topOfPage:before {
    content: "";
    display: block;
    height: 0;
    margin: 0; } }
.hyphenate, .docs-content main h1 {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto; }

.body-noscroll {
  overflow: hidden; }

/* ----------------------------------------------------------------
	Navigation
-----------------------------------------------------------------*/
.main-nav {
  position: fixed;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  z-index: 1040;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-transition: .1s background ease-in-out;
  transition: .1s background ease-in-out;
  background: #343a42; }
  .main-nav #signin, .main-nav .private {
    display: none; }

#home .main-nav {
  background: transparent; }

@media (min-width: 544px) {
  .main-nav {
    padding-right: .9375rem;
    padding-left: .9375rem; } }
.main-nav > .container {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 544px) {
  .main-nav > .container {
    padding-right: .9375rem;
    padding-left: .9375rem; } }
.navbar {
  padding: 0;
  background: #343a42; }

@media (min-width: 544px) {
  .navbar {
    border-radius: 0;
    background: transparent; } }
.navbar-nav .nav-link {
  color: #8c9cb1;
  font-size: .8rem;
  width: 100%;
  border-top: 1px solid #23272c;
  padding: 1rem;
  cursor: pointer;
  -webkit-transition: color .1s ease-in-out;
  transition: color .1s ease-in-out; }

@media (max-width: 619px) and (min-width: 544px) {
  .navbar-nav .nav-link {
    width: auto;
    border-top: none;
    padding: 1.3rem .6rem; } }
@media (min-width: 620px) {
  .navbar-nav .nav-link {
    width: auto;
    border-top: none;
    padding: 1.3rem 1rem; } }
.navbar-nav .nav-link:hover {
  color: #ffffff; }

.navbar-nav .nav-item + .nav-item {
  margin-left: 0; }

.navbar-brand {
  margin-right: 1rem;
  padding: 1.1rem 1rem;
  opacity: 1;
  -webkit-transition: .1s opacity ease-in-out;
  transition: .1s opacity ease-in-out;
  position: absolute; }

@media (min-width: 544px) {
  .navbar-brand {
    padding: 1.2rem 0; } }
.navbar-brand:hover {
  opacity: .8; }

#setUpAccount .navbar-brand {
  opacity: 1;
  pointer-events: none;
  cursor: default; }

.navbar-brand > img {
  height: 1rem; }

@media (min-width: 544px) {
  .navbar-brand > img {
    height: 1.4rem; } }
.navbar-toggler {
  border: none;
  border-radius: 0;
  color: #dfe7f1;
  font-size: .8rem;
  padding: 1rem;
  line-height: 1.2rem; }

.navbar-toggler:hover {
  color: #ffffff;
  background: #464e58; }

.navbar-toggler.hide-navbar-toggler {
  color: transparent;
  pointer-events: none; }

button:focus {
  outline: none; }

@media (min-width: 544px) {
  .btn-main-join,
  .btn-main-portal {
    border: 1px solid #eff3f8;
    font-weight: 700;
    background: transparent;
    color: #eff3f8 !important;
    padding: .7rem 1rem !important;
    margin-top: .6rem;
    border-top: 1px solid #eff3f8 !important;
    margin-left: .75rem !important; }

  .btn-main-join:hover,
  .btn-main-join:focus,
  .btn-main-portal:hover,
  .btn-main-portal:focus {
    background: #eff3f8 !important;
    color: #343a42 !important; } }
.main-footer {
  padding: 1rem 0 2rem; }

@media (min-width: 544px) {
  .main-footer {
    padding: 2rem .9375rem 1.5rem .9375rem; } }
.main-footer h6 {
  color: #697585;
  text-transform: uppercase;
  font-size: .7rem;
  padding: 1.5rem 0 0 0; }

@media (min-width: 544px) {
  .main-footer h6 {
    padding: 0 0 .5rem 0; } }
.footer-link {
  padding: .25rem 0;
  font-size: .7rem;
  color: #8c9cb1;
  display: block;
  text-decoration: none;
  -webkit-transition: color .1s ease-in-out;
  transition: color .1s ease-in-out; }

.footer-link:hover,
.footer-link:active,
.footer-link:focus {
  color: #ffffff;
  text-decoration: none; }

.copyright {
  color: #7b899b;
  font-size: .6rem;
  text-align: left;
  padding: 1.5rem 0 0 0; }

@media (min-width: 544px) {
  .copyright {
    text-align: right;
    padding: 0; } }
#setUpAccount .copyright {
  text-align: left; }

.breadcrumb {
  background: transparent;
  border-radius: 0;
  font-size: .8rem;
  margin-bottom: 0;
  padding: .75rem 0; }

@media (min-width: 544px) {
  .breadcrumb {
    padding: .75rem 1rem; } }
.breadcrumb-container {
  background: #f7f9fb;
  position: fixed;
  margin-top: 3.2rem;
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid #dfe7f1; }

@media (min-width: 544px) {
  .breadcrumb-container {
    margin-top: 3.8rem; } }
.breadcrumb > li {
  font-family: 'Montserrat', sans-serif; }

.breadcrumb > li a, .docs-content .breadcrumb > li a code {
  color: #7b899b; }

.breadcrumb > li a:hover, .docs-content .breadcrumb > li a code:hover {
  color: #9eb0c7;
  text-decoration: none; }

.breadcrumb > .active {
  color: #58626f;
  font-weight: 700; }

.breadcrumb > li + li::before {
  color: #7b899b; }

.breadcrumb .btn-breadcrumb {
  float: right;
  padding: .75rem 1rem;
  margin: -.75rem 0;
  background: #ed532a;
  -webkit-transition: background .1s ease-in-out;
  transition: background .1s ease-in-out; }

.breadcrumb .btn-breadcrumb:hover {
  cursor: pointer;
  background: #e87455; }

.breadcrumb .btn-breadcrumb a, .breadcrumb .btn-breadcrumb .docs-content li a code, .docs-content li a .breadcrumb .btn-breadcrumb code {
  color: #f7f9fb;
  -webkit-transition: color .1s ease-in-out;
  transition: color .1s ease-in-out; }

.breadcrumb .btn-breadcrumb:hover a, .breadcrumb .btn-breadcrumb:hover .docs-content li a code, .docs-content li a .breadcrumb .btn-breadcrumb:hover code {
  color: #ffffff; }

.breadcrumb > .btn-breadcrumb::before {
  content: "";
  padding-left: 0;
  padding-right: 0; }

.breadcrumb > .btn-breadcrumb + .btn-breadcrumb::before {
  padding-left: 0;
  padding-right: 0; }

/* ----------------------------------------------------------------
	Pitches
-----------------------------------------------------------------*/
.altus-product-option,
.altus-product-title {
  padding: 1rem 0;
  display: block;
  margin: 1rem auto;
  text-align: center;
  text-decoration: none; }

@media (min-width: 544px) {
  .altus-product-option {
    padding: 0; } }
.altus-product-option img {
  width: 8rem;
  opacity: 1;
  -webkit-transition: .1s opacity ease-in-out;
  transition: .1s opacity ease-in-out; }

a.altus-product-option:hover img, .docs-content li a code.altus-product-option:hover img {
  opacity: .8; }

.altus-product-option h2 {
  color: #ed532a;
  -webkit-transition: .1s color ease-in-out;
  transition: .1s color ease-in-out;
  font-family: 'Raleway', sans-serif;
  font-weight: 400; }

.altus-product-option h6 {
  color: #58626f;
  -webkit-transition: .1s color ease-in-out;
  transition: .1s color ease-in-out;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  margin-top: 1rem; }

a.altus-product-option:hover, .docs-content li a code.altus-product-option:hover,
a.altus-product-option:focus,
.docs-content li a code.altus-product-option:focus {
  text-decoration: none; }

a.altus-product-option:hover h2, .docs-content li a code.altus-product-option:hover h2,
a.altus-product-option:focus h2,
.docs-content li a code.altus-product-option:focus h2 {
  color: #e87455; }

a.altus-product-option:hover h6, .docs-content li a code.altus-product-option:hover h6,
a.altus-product-option:focus h6,
.docs-content li a code.altus-product-option:focus h6 {
  color: #697585; }

.altus-product-title {
  padding: 0 0 1.5rem;
  margin-bottom: -2rem; }

@media (min-width: 300px) {
  .altus-product-title {
    padding: 1rem 0 1.5rem; } }
@media (min-width: 544px) {
  .altus-product-title {
    padding: 2rem 0 0; } }
@media (min-width: 1000px) {
  .altus-product-title {
    padding: 3rem 0 0; } }
.altus-product-title h2 {
  color: #ed532a;
  font-weight: 700;
  font-size: 1rem;
  margin-top: .1rem; }

@media (min-width: 300px) {
  .altus-product-title h2 {
    font-size: 1.3rem;
    margin-top: .2rem;
    margin-bottom: 1rem; } }
.altus-product-title img {
  width: 10rem; }

.pitch-page-title {
  text-align: center;
  font-size: 2rem;
  line-height: 2.2rem;
  padding: 1rem .5rem;
  color: #ed532a;
  font-family: 'Raleway', sans-serif;
  font-weight: 400; }

@media (min-width: 300px) {
  .pitch-page-title {
    font-size: 2.5rem;
    line-height: 2.7rem;
    padding: 1rem 1rem 2rem; } }
@media (min-width: 544px) {
  .pitch-page-title {
    font-size: 3rem;
    line-height: 3.2rem;
    padding: 2rem;
    font-weight: 300; } }
@media (min-width: 992px) {
  .pitch-page-title {
    font-size: 3.4rem;
    line-height: 3.6rem;
    padding: 3rem 6rem 2rem; } }
.pitch-page-subtitle {
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0 .5rem 1rem;
  color: #58626f;
  font-family: 'Raleway', sans-serif;
  font-weight: 400; }

@media (min-width: 300px) {
  .pitch-page-subtitle {
    padding: 0 1rem 2rem; } }
@media (min-width: 544px) {
  .pitch-page-subtitle {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 0 2rem 3rem;
    font-weight: 300; } }
@media (min-width: 992px) {
  .pitch-page-subtitle {
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 0 10rem 4rem; } }
.pitch-section {
  margin: 4rem auto; }

@media (min-width: 544px) {
  .pitch-section {
    margin: 6rem auto; } }
.pitch-section.form {
  margin: 1.5rem; }

.upper-area.altus-mapping-engine {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8))), url("https://developer.ba3.us/assets/img/altus-mapping-engine/page-header-altus-mapping-engine.jpg") no-repeat center center;
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.8) 100%), url("https://developer.ba3.us/assets/img/altus-mapping-engine/page-header-altus-mapping-engine.jpg") no-repeat center center;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.8) 100%), url("https://developer.ba3.us/assets/img/altus-mapping-engine/page-header-altus-mapping-engine.jpg") no-repeat center center; }

.upper-area.altus-server {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.8))), url("https://developer.ba3.us/assets/img/altus-server/page-header-altus-server.jpg") no-repeat center center;
  background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.8) 100%), url("https://developer.ba3.us/assets/img/altus-server/page-header-altus-server.jpg") no-repeat center center;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.8) 100%), url("https://developer.ba3.us/assets/img/altus-server/page-header-altus-server.jpg") no-repeat center center; }

.upper-area.altus-mapping-engine,
.upper-area.altus-server {
  background-size: cover;
  border-top: 1px solid #dfe7f1; }

.upper-area .pitch-section {
  max-width: 1200px; }

.pitch-section-title {
  text-align: center;
  padding: 0 .5rem 1rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  color: #58626f;
  font-weight: 700; }

@media (min-width: 300px) {
  .pitch-section-title {
    padding: 0 1rem 1.5rem; } }
@media (min-width: 544px) {
  .pitch-section-title {
    font-size: 1.8rem;
    line-height: 2rem;
    padding: 0 2rem 1.5rem; } }
@media (min-width: 992px) {
  .pitch-section-title {
    font-size: 2rem;
    line-height: 2.2rem;
    padding: 0 6rem 1.5rem; } }
.pitch-section-subtitle {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.7rem;
  padding: 0 .5rem 1.5rem;
  color: #697585;
  font-family: 'Raleway', sans-serif;
  font-weight: 400; }

@media (min-width: 300px) {
  .pitch-section-subtitle {
    padding: 0 1rem 1.5rem; } }
@media (min-width: 544px) {
  .pitch-section-subtitle {
    padding: 0 2rem 1.5rem; } }
@media (min-width: 992px) {
  .pitch-section-subtitle {
    padding: 0 14rem 1.5rem; } }
.pitch-section-what-you-get {
  width: 100%;
  margin-bottom: 2rem; }

.pitch-section-what-you-get,
.pitch-item-icon,
.pitch-item {
  float: left; }

.pitch-item-icon {
  width: 20%;
  text-align: right;
  padding-right: 1.5rem; }

@media (min-width: 544px) {
  .pitch-item-icon {
    width: 10%; } }
.pitch-item {
  width: 80%; }

@media (min-width: 544px) {
  .pitch-item {
    width: 90%; } }
.pitch-item-title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: .5rem; }

@media (min-width: 768px) {
  .pitch-item-title {
    font-size: 1.6rem;
    line-height: 1.8rem; } }
.pitch-item-text {
  color: #8c9cb1;
  font-family: 'Raleway', sans-serif; }

.point-underscore {
  background: #ed532a;
  float: left;
  width: 1.3rem;
  height: .2rem;
  margin-right: .4rem;
  margin-top: 1.1rem; }

@media (min-width: 768px) {
  .point-underscore {
    width: 1.5rem;
    margin-right: .5rem;
    margin-top: 1.4rem; } }
.pitch-section-point-title {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #58626f;
  padding-left: 1rem;
  border-left: 1rem solid #ed532a; }

@media (min-width: 768px) {
  .pitch-section-point-title {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 1rem; } }
.pitch-section-text {
  margin-bottom: 1rem; }

@media (min-width: 768px) {
  .pitch-section-text {
    margin-bottom: 0; } }
@media (min-width: 768px) {
  .pitch-feature {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; } }
.pitch-feature img {
  width: 100%; }

@media (min-width: 768px) {
  .pitch-feature img {
    width: 500px; } }
@media (min-width: 992px) {
  .pitch-feature img {
    width: 600px; } }
@media (min-width: 1400px) {
  .pitch-feature img {
    width: 100%; } }
@media (max-width: 544px) {
  .pitch-feature .multiple-images .row div + div {
    margin-top: 1rem; } }
@media (max-width: 544px) {
  .pitch-feature .multiple-images.multiple-images-no-margin .row div + div {
    margin-top: 0 !important; } }
.pitch-feature .multiple-images.markers {
  margin-top: 2rem; }

@media (max-width: 768px) {
  .pitch-feature .multiple-images.markers .row div + div {
    margin-top: 1rem; } }
.pitch-feature .multiple-images img {
  width: 100%; }

.pitch-feature .multiple-images .color-bar-container {
  background: #ffffff;
  padding-top: .5rem;
  display: block;
  margin-top: -1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%; }

.color-bar-block {
  height: 1rem;
  float: left;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 1px; }

.color-bar-block.color-bar-light-1 {
  background: #e0dabb; }

.color-bar-block.color-bar-light-2 {
  background: #eae2c5; }

.color-bar-block.color-bar-light-3 {
  background: #e0dabb; }

.color-bar-block.color-bar-light-4 {
  background: #fef4df; }

.color-bar-block.color-bar-light-5 {
  background: #f7ecd5; }

.color-bar-block.color-bar-light-6 {
  background: #f1e3c5; }

.color-bar-block.color-bar-light-7 {
  background: #f0dcc0; }

.color-bar-block.color-bar-light-8 {
  background: #f0d4b5; }

.color-bar-block.color-bar-light-9 {
  background: #eeceb4; }

.color-bar-block.color-bar-dark-1 {
  background: #1a1e24; }

.color-bar-block.color-bar-dark-2 {
  background: #1d2127; }

.color-bar-block.color-bar-dark-3 {
  background: #1a1e24; }

.color-bar-block.color-bar-dark-4 {
  background: #171b21; }

.color-bar-block.color-bar-dark-5 {
  background: #161a20; }

.color-bar-block.color-bar-dark-6 {
  background: #11151b; }

.color-bar-block.color-bar-dark-7 {
  background: #0c1016; }

.color-bar-block.color-bar-dark-8 {
  background: #070b11; }

.color-bar-block.color-bar-dark-9 {
  background: #000000; }

.pitch-feature .multiple-images .caption {
  background: #f7f9fb;
  border: 1px solid #e7edf5;
  padding: 1rem;
  display: block;
  margin-top: -1px;
  font-size: .8rem; }

.pitch-feature .multiple-images .caption p {
  color: #7b899b;
  margin-bottom: 0; }

.pitch-feature .fa {
  padding-right: 1rem;
  float: left;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #ed532a; }

@media (min-width: 768px) {
  .pitch-feature .fa {
    font-size: 1.8rem;
    line-height: 2rem; } }
.pitch-feature .fa + .fa {
  margin-left: -1.5rem;
  font-size: 2.5rem;
  line-height: 1.3rem; }

@media (min-width: 768px) {
  .pitch-feature .fa + .fa {
    font-size: 2.7rem;
    line-height: 1.7rem; } }
.pitch-feature .terrain-and-oceans {
  border-bottom: 0.2rem #ed532a solid;
  padding-left: .8rem;
  width: 3rem;
  height: 1.2rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem; }

@media (min-width: 768px) {
  .pitch-feature .terrain-and-oceans {
    padding-left: 1.3rem;
    width: 4rem;
    height: 1.4rem; } }
.pitch-section-text .btn {
  display: block; }

@media (min-width: 544px) {
  .pitch-section-text .btn {
    display: inline-block; } }
.pitch-feature .new {
  line-height: .6rem;
  font-size: .8rem;
  font-weight: 700;
  padding: .5rem;
  color: #ffffff;
  text-align: center;
  margin-right: .5rem;
  float: left;
  background: #ed532a; }

@media (min-width: 768px) {
  .pitch-feature .new {
    line-height: .8rem;
    padding: .6rem; } }
.features-area hr {
  max-width: 1110px; }

.features-area .pitch-section:first-child {
  margin: 0 auto 4rem; }

@media (min-width: 544px) {
  .features-area .pitch-section:first-child {
    margin: 0 auto 6rem; } }
.features-area {
  overflow: hidden; }

/* ----------------------------------------------------------------
	Portal
-----------------------------------------------------------------*/
.welcome {
  padding: 1rem;
  margin-bottom: 2rem; }

.welcome p {
  color: #31708f; }

.welcome p:last-child {
  margin-bottom: 0; }

.portal-header {
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  border-bottom: 1px solid #dfe7f1; }

.portal-header h3 {
  font-weight: 700;
  color: #ed532a; }

.sdk-block {
  border: 1px solid #dfe7f1;
  background: #f7f9fb;
  margin-right: 0;
  margin-left: 0;
  padding: 1rem;
  margin-bottom: 1rem; }

.sdk-brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 1.5rem; }

.sdk-brand img {
  width: 6rem; }

.sdk-brand h2 {
  color: #ed532a;
  font-size: 1.2rem;
  font-weight: 700; }

#portal .table:last-child {
  margin-bottom: 0; }

#portal .table td {
  padding: 1rem;
  line-height: inherit;
  color: #b0c4de; }

.license-ownership {
  color: #b0c4de;
  font-size: 1rem; }

.license-key {
  color: #ffffff;
  font-size: 1.2rem;
  letter-spacing: 1px; }

.license-ownership,
.license-key {
  margin-left: 1rem; }

.fa-key {
  color: #ffffff; }

.create-web-license {
  margin-top: .5rem; }

.nav-pills {
  margin-bottom: 2rem; }

.nav-pills .nav-item {
  float: none;
  margin-bottom: .2rem; }

.nav-pills .nav-item + .nav-item {
  margin-left: 0; }

.nav-pills .nav-link {
  display: block;
  padding: 1em 2em;
  border-radius: 0;
  background-color: #eff3f8;
  color: #7b899b;
  font-size: 1rem;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif; }

.nav-pills .nav-link:hover {
  cursor: pointer;
  background-color: #f7f9fb;
  color: #9eb0c7; }

.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
  cursor: default;
  background-color: #ed532a;
  color: #ffffff; }

/* ----------------------------------------------------------------
	Docs
-----------------------------------------------------------------*/
.docs-side-nav {
  margin-top: 1rem; }

.docs-side-nav .altus-sdk-label,
.docs-side-nav .altus-sdk-build,
.docs-side-nav ul li a,
.docs-side-nav ul .docs-content li a code,
.docs-content .docs-side-nav ul li a code {
  margin-right: 0; }

@media (min-width: 992px) {
  .docs-side-nav .altus-sdk-label,
  .docs-side-nav .altus-sdk-build,
  .docs-side-nav ul li a,
  .docs-side-nav ul .docs-content li a code,
  .docs-content .docs-side-nav ul li a code {
    margin-right: 1rem; } }
.docs-side-nav .altus-sdk-label {
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: center; }

.docs-side-nav .altus-sdk-label img {
  display: block;
  margin: 0 auto .2rem;
  width: 8rem; }

.docs-side-nav .altus-sdk-label .sdk-platform {
  color: #ed532a;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5rem; }

.docs-side-nav .altus-sdk-build {
  background: #f7f9fb;
  border: 1px solid #dfe7f1;
  color: #7b899b;
  font-weight: 400;
  font-size: .75rem;
  padding: .75rem 1rem;
  display: block;
  margin-bottom: 1rem; }

.docs-side-nav ul {
  padding: 0;
  list-style-type: none; }

.docs-side-nav ul li {
  list-style: none; }

.docs-side-nav ul li a, .docs-side-nav ul .docs-content li a code, .docs-content .docs-side-nav ul li a code {
  background: #f7f9fb;
  border: 1px solid #dfe7f1;
  color: #58626f;
  font-weight: 700;
  border-left: 1px solid #dfe7f1;
  padding: .75rem 1rem;
  display: block;
  word-break: break-word;
  -webkit-transition: .1s border-left ease-in-out, .1s background ease-in-out, .1s color ease-in-out;
  transition: .1s border-left ease-in-out, .1s background ease-in-out, .1s color ease-in-out; }

.docs-side-nav ul li a:hover, .docs-side-nav ul .docs-content li a code:hover, .docs-content .docs-side-nav ul li a code:hover,
.docs-side-nav ul li a.active,
.docs-side-nav ul .docs-content li a code.active,
.docs-content .docs-side-nav ul li a code.active {
  cursor: pointer;
  text-decoration: none;
  background: #ffffff;
  color: #ed532a;
  font-weight: 700;
  border-left: 1rem solid #ed532a; }

.docs-side-nav ul li a.active:hover, .docs-side-nav ul .docs-content li a code.active:hover, .docs-content .docs-side-nav ul li a code.active:hover {
  color: #e87455;
  border-left: 1rem solid #e87455; }

.docs-side-nav ul li + li {
  margin-top: -1px; }

pre {
  background: #343a42;
  color: #b0c4de;
  padding: 1rem; }

.docs-content li a:hover, .docs-content li a code:hover {
  text-decoration: none; }

.docs-content main {
  padding: 1rem 1.5rem 0;
  background: #f7f9fb;
  border: 1px solid #dfe7f1;
  margin: 1rem auto; }

@media (min-width: 992px) {
  .docs-content main {
    padding: 2rem 3rem 1.5rem; } }
.docs-content main article section {
  border-top: 1px solid #cfdbeb;
  padding-top: 1rem; }

.docs-content main article section :first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none; }

.docs-content main article .build-info {
  color: #7b899b;
  font-weight: 400;
  font-size: .75rem;
  margin: -1rem 0 1rem; }

.docs-content .btn-demo {
  position: relative;
  right: auto;
  top: auto;
  margin-bottom: 1rem;
  display: block; }

@media (min-width: 992px) {
  .docs-content .btn-demo {
    position: absolute;
    right: 4rem;
    top: 3rem; } }
.docs-content main img {
  max-width: 100%; }

.docs-content main .video-wrapper {
  margin-bottom: 1rem; }

.docs-content main h1,
.docs-content main h2,
.docs-content main h3,
.docs-content main h4 {
  font-weight: 700; }

.docs-content main h2,
.docs-content main h3,
.docs-content main h4 {
  color: #464e58;
  margin-top: 1.5rem; }

.docs-content main h1 {
  color: #ed532a;
  font-size: 2rem;
  line-height: 2.2rem;
  margin-right: 0;
  margin-bottom: 1rem; }

@media (min-width: 992px) {
  .docs-content main h1 {
    margin-right: 7rem;
    margin-bottom: 1.5rem; } }
.docs-content main h2 {
  font-size: 1.4rem;
  line-height: 1.6rem; }

.docs-content main h3 {
  font-size: 1.2rem;
  line-height: 1.4rem;
  border-top: 1px solid #cfdbeb;
  padding-top: 1rem; }

.docs-content main h4 {
  font-size: 1rem;
  line-height: 1.2rem; }

.docs-content main ul,
.docs-content main ol {
  margin-top: -.5rem; }

/* ----------------------------------------------------------------
	Home
-----------------------------------------------------------------*/
.splash-video {
  min-height: 600px;
  position: relative;
  margin-bottom: -5.9rem; }

@media (min-width: 544px) {
  .splash-video {
    margin-bottom: -6.5rem; } }
.splash-video video {
  display: block;
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  right: 0; }

.splash-video-mobile-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  z-index: 2;
  opacity: 1;
  display: none;
  background-image: url("https://developer.ba3.us/assets/img/home/splash-mobile.jpg"); }

.splash-video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  -webkit-backface-visibility: hidden;
  background-color: #23272c;
  opacity: .5;
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s; }

.splash-video-overlay-text-wrapper {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.splash-video-overlay-text {
  color: #ffffff;
  text-align: center;
  margin: 0 auto;
  padding: 30px 10% 0; }

@media (min-width: 544px) {
  .splash-video-overlay-text {
    padding: 30px 10% 0; } }
@media (min-width: 750px) {
  .splash-video-overlay-text {
    padding: 30px 15% 0; } }
@media (min-width: 1500px) {
  .splash-video-overlay-text {
    padding: 30px 25% 0; } }
.splash-video-overlay-text img {
  width: 60%; }

@media (min-width: 430px) {
  .splash-video-overlay-text img {
    width: 12rem; } }
@media (min-width: 630px) {
  .splash-video-overlay-text img {
    width: 14rem; } }
@media (min-width: 1250px) {
  .splash-video-overlay-text img {
    width: 18rem; } }
.splash-video-overlay-text span {
  font-size: 1rem;
  font-weight: 300;
  display: block;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  color: #ffffff;
  margin-bottom: 2rem;
  margin-top: .2rem; }

@media (min-width: 430px) {
  .splash-video-overlay-text span {
    font-size: 1.1rem; } }
@media (min-width: 630px) {
  .splash-video-overlay-text span {
    font-size: 1.5rem; } }
@media (min-width: 1250px) {
  .splash-video-overlay-text span {
    font-size: 1.7rem; } }
.splash-video-overlay-text .main-headline {
  font-size: 1rem;
  line-height: 1.2rem;
  margin-bottom: 20px;
  font-weight: 400;
  margin-bottom: 2rem; }

@media (min-width: 630px) {
  .splash-video-overlay-text .main-headline {
    font-size: 1.5rem;
    line-height: 1.7rem; } }
@media (min-width: 850px) {
  .splash-video-overlay-text .main-headline {
    font-size: 2rem;
    line-height: 2rem; } }
.splash-video-overlay-text .sub-headline {
  font-size: .8rem;
  line-height: .9rem;
  margin-bottom: 1.2rem; }

@media (min-width: 850px) {
  .splash-video-overlay-text .sub-headline {
    font-size: 1rem;
    line-height: 1.1rem;
    margin-bottom: 2rem; } }
@media (min-width: 1250px) {
  .splash-video-overlay-text .sub-headline {
    font-size: 1.2rem;
    line-height: 1.4rem;
    margin-bottom: 2.6rem; } }
.splash-video-overlay-text .btn {
  margin: .5rem .25rem 0 .25rem;
  display: block;
  font-size: 1rem;
  font-weight: 700; }

@media (min-width: 630px) {
  .splash-video-overlay-text .btn {
    display: inline-block; } }
.client-container {
  background: #e7edf5;
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding: 10px 0;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.client-logos img {
  margin: .5rem auto;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  -webkit-backface-visibility: hidden;
  width: 80%;
  display: block; }

@media (min-width: 544px) {
  .client-logos img {
    width: 100%; } }
.altus-developer-program-header {
  padding: 2rem;
  background: #ed532a;
  text-align: center;
  margin: -1px 0 2rem -1px;
  width: calc(100% + 2px); }

.altus-developer-program-header img {
  width: 12rem; }

.altus-developer-program-header span {
  font-size: 1.2rem;
  margin-top: .2rem;
  font-weight: 300;
  display: block;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  color: #ffffff; }

.table.join-block {
  max-width: 800px;
  margin: -7rem auto 0; }

@media (min-width: 545px) {
  .table.join-block {
    margin: -12rem auto 0; } }
.table td {
  padding: 1rem;
  line-height: inherit; }

@media (min-width: 360px) {
  .table td {
    padding: 1.5rem;
    line-height: inherit; } }
@media (min-width: 545px) {
  .table td {
    padding: 2rem;
    line-height: inherit; } }
.table-inverse {
  color: #ffffff;
  background-color: #343a42; }

.table-inverse td,
.table-inverse th,
.table-inverse thead th {
  border-color: #464e58; }

.join-block .fa-check {
  color: #beeabe;
  font-size: 1rem; }

@media (min-width: 545px) {
  .join-block .fa-check {
    font-size: 2rem; } }
@media (min-width: 545px) {
  .join-block .fa-check {
    font-size: 4rem; } }
.subscription-price {
  font-weight: 400;
  font-size: 1rem;
  padding-left: .3rem; }

.a-year {
  font-size: 300;
  font-family: 'Raleway', sans-serif;
  font-size: .8rem;
  padding-left: .1rem;
  text-transform: uppercase; }