.width-100{
    width:100%;
    height:auto;
}

.nav-link{
	font-size:8vw;
}
.social{
width:27px;
}
.navbar-custom{
	color:#ffffff;
	width:100%;
	z-index:4;
}
.navbar-brand{
    width:15%;
}
.bg-custom{
	background-color:#000000;
	opacity: 85%;
}
.white{
    color:white !important;
}
.gray{
    color:#9B9B9B !important;
}
.blue{
    background-color:#1C4697 !important;
}
.bluet{
    color:#1C4697 !important;
}
.ltblue{
    background-color:#C4D3F2 !important;
}
.black{
    background-color:black;
}
.blue-text{
    color:#0E3674 !important;
}
.light-blue{
    background-color:#B1BFDB;
}
.ltbluecard{
    background-color:#C4D3F2;
  background: linear-gradient(to left, #C4D3F2 50%, white 50%);
  background-size: 200%;
  background-position: left;
  transition: background-position 0.5s ease-out;
}
.ltbluecard:hover{
background-position:right;
}

  @keyframes btfromleft {
    0% { left: -1000px; top: 0px; }
    100% { left: 0px; top: 0px; }
  }

  .lefttoright {
    position: relative;
    bottom: 1px; /* You may need to adjust this value */
    left: 1px; /* Initial position outside the viewport */
    width: 100%;
    animation-name: btfromleft;
    animation-duration: 4s;
  }

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
}
p,h1,h2,h4{
	color:#000000;
}
p,li{
    font-family: 'Aileron', sans-serif!important;
    font-size:1.25rem;
}
h3,h5{
	color:#1a6598;
}
.btn-secondary{
    background-color:#9B9B9B !important;
}
/* unvisited link */
a:link {
  color:#fff;
  text-decoration:none;
}

/* visited link */
a:visited {
  color: #fff;
  text-decoration:none;
}

/* mouse over link */

.homebanner{
     background-image: url("/images/simulator_interior_banner3.png");
     background-repeat: no-repeat;
     background-size:100%;
 background-color: #cccccc;
}
.customerbanner{
     background-image: url("/images/customercenter2.png") ;
     background-repeat: no-repeat;
     background-size:100%;
 background-color: #cccccc;
}

.aboutbanner{
    background-image:url("/images/about_banner.png");
    background-repeat:no-repeat;
    background-size:cover;
}
.devicebanner{
    background-image:url("/images/7272sim1200.jpg");
        background-repeat:no-repeat;
        background-size:cover;
}
.accomodationsbanner{
    background-image:url("/images/accomodation.jp");
        background-repeat:no-repeat;
        background-size:100%;
}
.banner727{
    background-image:url("/images/7272sim1200.jpg");
        background-repeat:no-repeat;
        background-size:cover;
}
.banner737{
    background-image:url("/images/737.png");
        background-repeat:no-repeat;
        background-size:cover;
}
.bannerdc9{
    background-image:url("/images/dc9.jpg");
        background-repeat:no-repeat;
        background-size:cover;
}
.display-2{
    font-family: 'Bebas Neue Cyrillic', sans-serif!important;
font-weight:bold!important;
}
.title{
    font-family: 'Bebas Neue Cyrillic', sans-serif!important;
font-weight:bold!important;
text-transform: uppercase; 
letter-spacing: -3px;
font-stretch:condensed;
}


.bottomuptext {
      position: relative;
  bottom:1;
  left: 0;
  width: 100%;
  animation-name: btmup;
  animation-duration: 4s;

}
@keyframes btmup {
  0%   {left:0px; top:1200px;}
  100%  { left:0px; top:0px;}

}

.top-down {
  position: relative;
  bottom:1;
  left: 0;
  width: 100%;
  animation-name: tpdwn;
  animation-duration: 1s;

}
@keyframes tpdwn {
  0%   {left:0px; top:-1200px;}
  100%  { left:0px; top:0px;}
}
.top-down-slow {
      position: relative;
  bottom:1;
  left: 0;
  width: 100%;
  animation-name: tpdwnslw;
  animation-duration: 4s;

}
@keyframes tpdwnslw {
  0%   {left:0px; top:-1200px;}
  100%  { left:0px; top:0px;}
}
/*.hoverdiv {
  width: 90%;
  height: 90%;
  transition: width 2s;
}
.hoverdiv:hover{
  width: 100%;
  height: 100%;
}*/

.footer{
    color:white !important;
}