.container-fluid {width: 90%;}
section{overflow: hidden;}

/* ##################################--slider--##################### */
.error {
    background-color: #f2dede;
    color: #DC0E23;
    border: solid 1px #DC0E23 !important;
}
.slider {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 620px;
  }
  .slider img {
    width: 100%;
    height: 620px;
  }
  .slider ul {
    list-style: none;
  }
  .slider ul li {
    background-color: #021c27 !important;
  }
  .slider-text{position:absolute; top: 40%; left: 0%; right:0%}
  
  @media only screen and (max-width: 768px) {
    .slider {
      height: 236px;
    }
    .slider img {
      width: 100%;
      height: 160px;
    }
    .slider .overflow-auto {
      overflow: visible !important;
    }
  }
  @media only screen and (max-width: 480px) {
    .slider {
      height: auto;
    }
    .slider img {
      width: 100%;
      height: 236px;
    }
    .slider .overflow-auto {
      overflow: visible !important;
    }
    .slider-text{position:absolute; top: 20%; left: 0%; right:0%; width: 85%;}
  }


.banner-text{top: 26%; left: 0%; right: 0%; background-color: #dcc7b0d4; position: absolute; padding: 35px;}
.banner-text h4{font-size: 47px;}
.banner-btn{ background-color: #424458; font-weight: 600; color: #fff; text-decoration: none; 
    padding: 8px 16px 8px 5px; 
    border-radius: 25px; 
    box-shadow: 0px 0px 9px #fff; transition: 0.3s;}
.banner-btn:hover{background-color: rgba(8, 72, 135, 0.92) !important;}
.banner-btn span{border: 2px solid #fff; padding: 5px 9px; border-radius: 50%;}
@media only screen and (max-width: 480px) {
    .banner-text { padding: 16px 15%; top: 13%;}
    .banner-text h4{font-size: 18px; font-weight: 600;}
    .banner-btn{float: none; padding: 8px 16px 8px 5px; font-size: 14px; margin-top: 4px; display: inline-block;}
    .banner-btn span{padding: 2px 6px}
}
/* ##################################--slider end--##################### */
/* ##################################--section1--##################### */
.section1 {
    background-image: url(../images/main-tab-bg.jpg);
    background-color: #f1ebd8;
    background-size: 100% 100%;
    min-height: 730px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 200px 0px 100px;
}
.right-inner-section a{padding: 7px; display: flex; min-height: 85px; background-color: #003264;}
.right-inner-section a span{height: 50px; width: 60px; display: inline-block; border-radius: 100%; padding: 10px;}
.right-inner-section a img{height: 40px; margin-top: 5px;}
.right-inner-section a h5{ font-size: 1.1em;  font-weight: 600; color: #ffffff; padding: 0 0 0 12px; line-height: 28px;}
/* .right-inner-section a p{font-size: 14px; color: #fff;} */


.left-inner-section{background-color: #ffb515; padding: 10px; width: 100%; height:315px; position: relative;}
.corner-icon{position: absolute; left: -18px; top: -14px; width: 170px;}
.corner-icon img{width: 100%;}

.rt-msg{margin-top: 60px; line-height: 1.2em; padding-left: 20%; padding-right: 5%; text-align: right; font-size: 24px; color: #084887;}
.rt-msg h3{ font-weight: 500;}
.rt-msg a{color: #084887; font-size: 22px; font-weight: 400; font-style: italic;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .section1 {
        background-size: cover;
        padding: 135px 0px 40px;
    }
    .corner-icon {
        left: -12px;
        top: -9px;
        width: 115px;
    }
  .right-inner-section a{padding: 0px 10px;  min-height: 55px; border-radius: 49px;}
  .right-inner-section a span{height: 50px; width: 45px; padding: 5px;}
  .right-inner-section a img{height: 34px; width: 40px; margin-top: 3px;}
  .right-inner-section a h5{ font-size: 17px;  font-weight: 500; padding: 0 0 0 6px; line-height: 32px;}
}

/* ##################################--section1 end--##################### */
/* ##################################--section2--##################### */
.section2 {
    background-image: url(../images/filght-search.jpg);
    background-color: #f1ebd8;
    background-size: 100% 100%;
    min-height: 500px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0px;
}
.form-section .nav-item {background-color: inherit; border: 0; border-bottom: 0px solid #fff;}
.form-section .nav-item .nav-link{background-color: inherit; color:#fff; font-size: 17px; font-weight: 500; border: 0; border-bottom: 3px solid #5a97cd;}
.form-section .nav-item .active{background-color: inherit; border: 0; border-bottom: 3px solid #088F8F;}

.select-floating{position: relative;}
.form-label{position: absolute; top: 7px; left: 12px;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    
}
/* ##################################--section2 end--##################### */

/* ##################################--section3--##################### */
.Terminal_Parking {
    background-image: url(../images/terminal-parking.jpg);
    background-color: #f1ebd8;
    background-size: cover;
    min-height: 500px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    padding: 100px 0px;
    font-size: 14px;
}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .m-parking-bg{
        background-color: #07325c;
        padding: 10px 5px;
    }
}
/* ##################################--section3 end--##################### */

/* ##################################--section4--##################### */
.Security-wait {
    background-image: url(../images/security-wait.jpg);
    background-color: #f1ebd8;
    background-size: cover;
    min-height: 500px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    padding: 100px 0px;
}
.table tr th, .table tr td{background-color: inherit; color: #fff; border: none;}
.table tr:nth-child(odd) td{background-color: #003264; vertical-align: middle;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .Security-wait h3{font-size: 18px;}
    .Security-wait p{font-size: 14px;}
    .Security-wait thead{display: none;}
}
/* ##################################--section 4 end--##################### */

/* ##################################--section 5--##################### */
.Walk-time-gate {
    background-image: url(../images/walk-times.jpg);
    background-color: #f1ebd8;
    background-size: 100% 100%;
    min-height: 500px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 0px;
}
.Walk-time-gate .card .card-body{min-height: 300px;}
.Walk-time-gate .card .card-body p{border-bottom: 1px solid #627a92; margin: 0px; padding: 5px 0px; font-size: 14px;}
.Walk-time-gate .card .card-body p:last-child{border-bottom: 0px solid #627a92;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .Walk-time-gate h3{font-size: 18px;}
    .Walk-time-gate p{font-size: 14px;}
    .Walk-time-gate .card .card-body{min-height: auto;}
    .Walk-time-gate .card-title{font-size: 16px;}
}
/* ##################################--section5 end--##################### */

/* ##################################--section 6--##################### */
.taxi-time {
    background-image: url(../images/taxt-wait.jpg);
    background-color: #f1ebd8;
    background-size: 100% 100%;
    min-height: 500px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    padding: 100px 0px;
}
.form-section{padding: 50px 10%; width: 100%; min-height:295px;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .form-section {
        padding: 20px 2%;
        width: 100%;
        min-height: 295px;
    }
}
/* ##################################--section6 end--##################### */
/* ##################################--footer menu--##################### */
.footer-section h5{color: #fff;}
.footer-menu {list-style: none; padding: 0px;}
.footer-menu li{ padding: 2px 0px;}
.footer-menu li a{font-size: 14px; text-decoration: none; color: #fff; transition: 0.5s;}
.footer-menu li a:hover{color: #ffa600;}
.social-icon a{text-align: center; text-decoration: none;}
.social-icon a i{font-size: 35px;  color: #fff;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .footer-section img{ height: 60px; margin-bottom: 20px;}
    .footer-menu {list-style: none; padding: 0px;}
    .footer-menu li a {
        display: block;
        border-bottom: 1px solid #23609d;
        padding: 5px;
        text-align: center;
    }
}
/* ##################################--footer menu end--##################### */
/* ##################################--footer--##################### */
footer{padding:20px 0px}
footer p {font-size: 14px;}
footer a{font-size: 14px; padding-right: 20px;}

@media only screen and (max-width: 767px) and (min-width: 320px) {
    footer{padding:20px 0px}
    footer p {font-size: 14px; text-align: center;}
    footer a{font-size: 14px; padding-right: 0px; text-align: center;}
}
/* ##################################--footer end--##################### */

/* ##################################--Aboutus page--##################### */
 .aboutus .flex-column{border-left: 2px solid #e29c04;}
 .aboutus .flex-column .nav-item,
 .aboutus .flex-column .nav-item .nav-link {border: none;}
 .aboutus .flex-column .nav-item .active, 
 .aboutus .flex-column .nav-item:hover{border: none; color: #000000;}

 @media only screen and (max-width: 767px) and (min-width: 320px) {
    
 }

/* ##################################--Aboutus end--##################### */


/* common css */
.no{padding: 3px; font-size: 20px; width: 35px; height: 35px; font-weight: 600; border: 1px solid;}
.no-none{background-color:inherit;}
.no-eight{background-color:rgb(233, 66, 47);}
.no-four{background-color:rgba(8, 98, 188, 0.92);}
.no-five{background-color:#ffcd00;}
.no-seven{background-color:rgb(255, 157, 0);}
.no-one{background-color:rgb(0, 255, 98);}

.bg-primary{background-color: #003264 !important;}
.bg-secondry{background-color: rgb(2, 71, 138) !important;}
.bg-warning{background-color:rgb(226, 156, 4) !important;}
.bg-section-box{background-color: rgba(8, 72, 135, 0.92) !important;}
.bg-inner-box{background-color: rgba(0, 50, 100, 0.72) !important;}
.bg-success{background-color: rgb(0, 177, 64) !important;}

.tab-content input[type=text], input[type=date], input[type=time], .form-group select{background-color: inherit; font-size: 14px; color: #fff; border-radius: 0px !important; border: none; border-bottom: 1px solid #088F8F;}
.tab-content .form-group select option{color: #000000; padding: 5px 0px; border-radius: 0px !important;}

.tab-content .form-control::placeholder { color: rgb(255, 255, 255); font-size: 14px;}
.tab-content .form-control::-ms-input-placeholder { color: rgb(193, 188, 188); font-size: 14px;}
.tab-content .form-control:focus,
.Terminal_Parking select:focus,
.Terminal_Parking input[type=date]:focus,
.Terminal_Parking input[type=time]:focus {
    background-color: inherit;
    color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
}

#loader {background:rgba(240,240,240,0.7);position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99999;margin:0 auto;text-align:center;}
#loader p {position:fixed;top:44.7%;width:100%;margin:0 auto;font-size:18px;color:#000;text-align:center;text-transform:capitalize;}
ul.loader{ z-index: 3; width: 150px;height: 60px;list-style: none;position: fixed; left: -3%; right: 0; margin: 0 auto; top: 50%; padding: 0; text-align: center;}
ul.loader li{background-color: #ca0302;width: 10px;height: 10px;float: right;margin-right: 5px;box-shadow: 0px 28px 9px rgba(202,3,2,0.4);}
ul.loader li:first-child{-webkit-animation: loadbars 0.9s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-moz-animation: loadbars 0.9s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-ms-animation: loadbars 0.9s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;-o-animation: loadbars 0.9s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;animation: loadbars 0.9s cubic-bezier(0.645,0.045,0.355,1) infinite 0s;}
ul.loader li:nth-child(2){-webkit-animation: loadbars 0.9s ease-in-out infinite -0.2s;-moz-animation: loadbars 0.9s ease-in-out infinite -0.2s;-ms-animation: loadbars 0.9s ease-in-out infinite -0.2s;-o-animation: loadbars 0.9s ease-in-out infinite -0.2s;animation: loadbars 0.9s ease-in-out infinite -0.2s;}
ul.loader li:nth-child(3){-webkit-animation: loadbars 0.9s ease-in-out infinite -0.4s;-moz-animation: loadbars 0.9s ease-in-out infinite -0.4s;-ms-animation: loadbars 0.9s ease-in-out infinite -0.4s;-o-animation: loadbars 0.9s ease-in-out infinite -0.4s;animation: loadbars 0.9s ease-in-out infinite -0.4s;}
ul.loader li:nth-child(4){-webkit-animation: loadbars 0.9s ease-in-out infinite -0.6s;-moz-animation: loadbars 0.9s ease-in-out infinite -0.6s;-ms-animation: loadbars 0.9s ease-in-out infinite -0.6s;-o-animation: loadbars 0.9s ease-in-out infinite -0.6s;animation: loadbars 0.9s ease-in-out infinite -0.6s;}
ul.loader li:nth-child(5){-webkit-animation: loadbars 0.9s ease-in-out infinite -0.8s;-moz-animation: loadbars 0.9s ease-in-out infinite -0.8s;-ms-animation: loadbars 0.9s ease-in-out infinite -0.8s;-o-animation: loadbars 0.9s ease-in-out infinite -0.8s;animation: loadbars 0.9s ease-in-out infinite -0.8s;}
ul.loader li:nth-child(6){-webkit-animation: loadbars 0.9s ease-in-out infinite -1.0s;-moz-animation: loadbars 0.9s ease-in-out infinite -1.0s;-ms-animation: loadbars 0.9s ease-in-out infinite -1.0s;-o-animation: loadbars 0.9s ease-in-out infinite -1.0s;animation: loadbars 0.9s ease-in-out infinite -1.0s;}
@keyframes 'loadbars' {0%{height: 10px;margin-top: 25px;}
    50%{height:50px;margin-top: 0px;}
    100%{height: 10px;margin-top: 25px;}
}
@-webkit-keyframes 'loadbars' {0%{height: 10px;margin-top: 25px;}
    50%{height:50px;margin-top: 0px;}
    100%{height: 10px;margin-top: 25px;}
}
@-moz-keyframes 'loadbars' {0%{height: 10px;margin-top: 25px;}
    50%{height:50px;margin-top: 0px;}
    100%{height: 10px;margin-top: 25px;}
}

.select2 .select2-container .select2-container--default .select2-container--focus{
        height: 37px !important;   
}
.select2-container .select2-selection--single{
    border-radius: 6px !important;
    height: 37px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 39px !important;
}


#suggesstion-box-from{
	width: 42%;
    margin-left: 0;
}

.suggesstion-box-from{
	background: none !important;
}

#suggesstion-box-from, #suggesstion-box-to{
	position: absolute;
    background: #FED;
    z-index: 1;
}

#search-from-list{
	width: 100%;
    box-shadow: 0px 1px 3px #ddd;
    background: #fff;
    border-radius: 25px;
}
#search-to-list{
	width: 100%;
    box-shadow: 0px 1px 3px #ddd;
    background: #fff;
}

#search-to-list li{
	padding: 7px 10px;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer; 
    margin-left: -40px;
    font-size: 15px;
}

#search-from-list li{
	padding: 7px 10px;
    border-bottom: 1px solid #f3f3f3;
    cursor: pointer; 
    margin-left: -40px;
    font-size: 15px;
}

.box_shadow_steps {
    float: left;
    width: 26%;
    box-sizing: border-box;
    background: #F9F9F9;
    padding: 25px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
    position: relative;
    margin-left: 54px;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .numberCircle {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    padding: 8px;
    background: #066591;
    border: 2px solid #066591;
    color: #fff;
    font: 27px Arial, sans-serif;
    text-align: center;
  }

@media only screen and (max-width: 767px) and (min-width: 320px) {
    .no {
        font-size: 15px;
        width: 25px;
        height: 25px;
    }
}