/*=================================================================
CSS for Loading Page --- 
=================================================================*/

.tbx_loader {
    position: fixed;
    left: 50%;
    top: 60%;
    margin: -100px -100px -1000px -100px;
}        

.tbx_loader .contain { 
    position: relative;
}

.tbx_loader .loading-txt {
    position: absolute;
    top: 87px;
    left: 62px;
    color: #009BDE;
    font-weight: bold;
}

.tbx_loader svg {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1.7s;
  -webkit-animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  -moz-transition-property: -moz-transform;
  -moz-animation-name: rotate; 
  -moz-animation-duration: 1.7s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

  transition-property: transform;
  animation-name: rotate; 
  animation-duration: 1.7s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


.cls-1, .cls-5 {
fill: none;
}

.cls-1 {
stroke-miterlimit: 10;
stroke-width: 7px;
stroke: url(#linear-gradient);
}

.cls-2 {
fill: #009bde;
}

.cls-3 {
fill: #0074a7;
}

.cls-4 {
fill: #004e6f;
}


body {
background-color: #ECECEC;
}

/** App Image **/
.tbx_header {
    margin:-20px -20px;
    background-color: #263746;
    min-height: 33vh;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12);
}

.tbx_header-img {
    background: url(../../img/Boeing-logo-white.png) !important;
    background-repeat: no-repeat !important;
    padding-top: 16px; 
    width: 196px;
    height: 96px; 
}

.tbx_header-h1 {
    font-family: 'HelveticaNeue', sans-serif;
    font-size: 28px;  
    text-align: center;
    color: #fff;
}

.tbx_header-h2 {
    font-family: 'HelveticaNeueLt', sans-serif !important;
    font-size: 36px;
    font-family: inherit;
    text-align: center;
    color: #fff;
}

@media screen and (min-width: 1400px) {
  .tbx_header-title-wrapper {
    padding-top:11vh;
    padding-bottom:3vh; 
  }
}