@font-face {
    font-family: 'Gotcha';
    src: url('../fonts/gotham/GotchaRegular.woff2') format('woff2'),
        url('../fonts/gotham/GotchaRegular.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Black.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Book.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Book.woff') format('woff');
        font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/gotham/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body{
    font-family: 'Gotham';
}


#loaderModal{
    z-index: 99999;
}
.search-box-width{
    position:relative;
    z-index:9
}
.btn:focus,button:focus{
    outline:0
}
.banner-sec{
    position:relative;
    z-index: 9999;
    padding: 15px 0 50px;
    height: 284px;
    opacity: 1;
    
}
.search-engine-wrapper{
  top: 300px;
  z-index: 9;
  width: 100%;
}
.owl-carousel.owl-theme.options2 .item img{
    height: 100vh;
    object-fit: cover;
    
}
@media(max-width:1681px){
    .search-engine-wrapper{
        top:195px;
    }
}
@media(max-width:1368px){
   
}
.animation-content{
    background: #001799;
}
.animation-arapper{
    position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  z-index: 9999;
 
}

.animation-day-fixed{
   
    width: 100%;
    position: relative;
    z-index: 999;
}
.rotation-stand{
    position: absolute;
    opacity: 0.1;
    bottom: 61px;
    width: 110px;
    left: 56px;
}
.daterangepicker {
    box-shadow: 0 0 2px 0px #000000;
}
.rotation{
  position: absolute;
  opacity: 0.1;
  bottom: 97px;
  width: 236px;
  left: -6px;
  -webkit-animation:spin 13.75s linear infinite;
  -moz-animation:spin 13.75s linear infinite;
  animation:spin 13.75s linear infinite;
  z-index: 999;
}

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.plane{
    position: absolute;
    opacity: 1;
    top: 24px;
    width: 136px;
    left: 0px;
    -webkit-animation:planelift 19s linear infinite;
    -moz-animation:planelift 19s linear infinite;
    animation:planelift 19s linear infinite;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
     animation-delay: 5s;
     z-index: 1;
}
.plane-fade{
     opacity: 0;
     animation-name: planefade;
     animation-delay: 0s;
     animation-duration: 1s;
     animation-fill-mode: forwards;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
     animation-delay: 5s; 
    
     
}

@-webkit-keyframes planefade {
   100% { opacity: 1; }
  }
  
  @keyframes planefade {
  100% { opacity: 1; }
   
  }
  @-moz-keyframes planefade { 
    100% { opacity: 1; } 
    }





@-moz-keyframes planelift { 
    100% {left: 90%; } 
}
@-webkit-keyframes planelift { 
    100% {left: 90%;  } 
}
@keyframes planelift { 
    100% { 
        left: 90%;
    } 
}

.Cloud-1{
    position: absolute;
    opacity: 1;
    bottom: 274px;
    width: 100px;
    left: 0px;
    -webkit-animation:planelift 39.5s linear infinite;
    -moz-animation:planelift 39.5s linear infinite;
    animation:planelift 39.5s linear infinite;
    z-index: 999;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}

.Cloud-2{
    position: absolute;
    opacity: 1;
    bottom: 254px;
    width: 100px;
    right: 0px;
    -webkit-animation:cloudlift 34.5s linear infinite;
    -moz-animation:cloudlift 34.5s linear infinite;
    animation:cloudlift 34.5s linear infinite;
    z-index: 999;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}

.Cloud-4{
    position: absolute;
    opacity: 1;
    bottom: 196px;
    width: 75px;
    right: 200px;
    -webkit-animation:cloudlift 29.5s linear infinite;
    -moz-animation:cloudlift 29.5s linear infinite;
    animation:cloudlift 29.5s linear infinite;
    z-index: 999;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}

.cl-fade{
    opacity: 0;
    animation-name: clfade;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
   -webkit-animation-delay: 5s;
   -moz-animation-delay: 5s;
    animation-delay: 5s;  
}


@-webkit-keyframes clfade {
    100% { opacity:1; }
   }
   
   @keyframes clfade {
   100% { opacity:1; }
    
   }
   @-moz-keyframes clfade { 
     100% { opacity:1; } 
     }
 

@-moz-keyframes cloudlift { 
    100% {right: 100%; } 
}
@-webkit-keyframes cloudlift { 
    100% {right: 100%;  } 
}
@keyframes cloudlift { 
    100% { 
        right: 100%;
    } 
}

.Cloud-3{
    opacity: 1;
    position: absolute;
    top:-19px;
    width: 100px;
    right: 0px;
    -webkit-animation:cloudlift 32.5s linear infinite;
    -moz-animation:cloudlift 32.5s linear infinite;
    animation:cloudlift 32.5s linear infinite;
    z-index: 9999;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}
.baloon-fade{
    position: absolute;
    top: 4px;
    right: 409px;
    -webkit-animation:liftupdown  11s linear infinite;
    -moz-animation:liftupdown 11s linear infinite;
    animation:liftupdown 11s linear infinite;
    opacity: 0.1;
}
.baloon{
    opacity: 0.4;
    width: 70px;
    -webkit-animation: fadeinout 8s linear infinite;
    -moz-animation: fadeinout 8s linear infinite;
    animation: fadeinout 8s linear infinite;
}










@-moz-keyframes liftupdown {
    0%{top:4px;} 
    25% {top:65px; }
    50% {top:137px; } 
    75% {top:65px; }
    100%{top:4px;} 

}
@-webkit-keyframes liftupdown { 
    0%{top:4px;} 
    25% {top:65px; }
    50% {top:137px; } 
    75% {top:65px; }
    100%{top:4px;} 

}
@keyframes liftupdown { 
    0%{top:4px;} 
    25% {top:65px; }
    50% {top:137px; } 
    75% {top:65px; }
    100%{top:4px;} 

}

.sun-fade{
    position: absolute;
    opacity: 0;
    top: 230px;
    right: 188px;
    -webkit-animation:bottomlift 59s linear infinite;
    -moz-animation:bottomlift 59s linear infinite;
    animation:bottomlift 59s linear infinite;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    animation-delay: 5s;
}

.sun{
  opacity: 0.1;
  width: 45px;
 
  
}


/*@-webkit-keyframes fadeoutin {
    100% { opacity: 0; }
   }
   @keyframes fadeoutin {
   100% { opacity: 0; }
   }*/


@-moz-keyframes bottomlift {
    10%{top:48px;opacity: 1;}
    20%{top:48px;opacity: 1;} 
    30%{top:48px;opacity: 1;}  
    40%{top:48px;opacity: 1;} 
    50%{top:230px;opacity: 0;} 
    60%{top:230px;opacity: 0;} 
    70%{top:230px;opacity: 0;} 
    80%{top:230px;opacity: 0;} 
    90%{top:230px;opacity: 0;}
    100%{top:230px;opacity: 0;}  
}
@-webkit-keyframes bottomlift { 
    10%{top:48px;opacity: 1;}
    20%{top:48px;opacity: 1;} 
    30%{top:48px;opacity: 1;}  
    40%{top:48px;opacity: 1;} 
    50%{top:230px;opacity: 0;} 
    60%{top:230px;opacity: 0;} 
    70%{top:230px;opacity: 0;} 
    80%{top:230px;opacity: 0;} 
    90%{top:230px;opacity: 0;}
    100%{top:230px;opacity: 0;}  
}
@keyframes bottomlift { 
    10%{top:48px;opacity: 1;}
    20%{top:48px;opacity: 1;} 
    30%{top:48px;opacity: 1;}  
    40%{top:48px;opacity: 1;} 
    50%{top:230px;opacity: 0;} 
    60%{top:230px;opacity: 0;} 
    70%{top:230px;opacity: 0;} 
    80%{top:230px;opacity: 0;} 
    90%{top:230px;opacity: 0;}
    100%{top:230px;opacity: 0;}  
}


.moon-fade{
    position: absolute;
    opacity: 0;
    top: 230px;
    left: 300px;
    -webkit-animation:toplift 59s linear infinite;
    -moz-animation:toplift 59s linear infinite;
    animation:toplift 59s linear infinite;
    -webkit-animation-delay: 25s;
    -moz-animation-delay: 25s;
    animation-delay: 25s;
}
.moon{
    width: 25px;
    opacity: 0.1;
    /*-webkit-animation: fadeinout 16s linear infinite;
    -moz-animation: fadeinout 16s linear infinite;
    animation: fadeinout 16s linear infinite;**/
  }



  







@-moz-keyframes toplift { 
    10%{top:88px;opacity: 1;}
    20%{top:88px;opacity: 1;} 
    30%{top:88px;opacity: 1;}  
    40%{top:88px;opacity: 1;} 
    50%{top:230px;opacity: 0;} 
    60%{top:230px;opacity: 0;} 
    70%{top:230px;opacity: 0;} 
    80%{top:230px;opacity: 0;} 
    90%{top:230px;opacity: 0;}
    100%{top:230px;opacity: 0;}   
}
@-webkit-keyframes toplift { 
    10%{top:88px;opacity: 1;}
    20%{top:88px;opacity: 1;} 
    30%{top:88px;opacity: 1;}  
    40%{top:88px;opacity: 1;} 
    50%{top:230px;opacity: 0;} 
    60%{top:230px;opacity: 0;} 
    70%{top:230px;opacity: 0;} 
    80%{top:230px;opacity: 0;} 
    90%{top:230px;opacity: 0;}
    100%{top:230px;opacity: 0;}   
}
@keyframes toplift { 
    10%{top:88px;opacity: 1;}
    20%{top:88px;opacity: 1;} 
    30%{top:88px;opacity: 1;}  
    40%{top:88px;opacity: 1;} 
    50%{top:230px;opacity: 0;} 
    60%{top:230px;opacity: 0;} 
    70%{top:230px;opacity: 0;} 
    80%{top:230px;opacity: 0;} 
    90%{top:230px;opacity: 0;}
    100%{top:230px;opacity: 0;}   
}


.night-animation{
    opacity: 0;
    -webkit-animation: fadeinout 59s linear infinite;
    -moz-animation: fadeinout 59s linear infinite;
    animation: fadeinout 59s linear infinite;
    -webkit-animation-delay: 15s;
    -moz-animation-delay: 15s;
    animation-delay: 15s;
    
    
}

@-webkit-keyframes fadeinout {
  
   10% { opacity: 0.1; }
   70% { opacity: 0.1; }
   80% { opacity: 0; }
   100% { opacity: 0; }
  }
  
  @keyframes fadeinout {
    20% {opacity:0}
    40% { opacity: 0.1; }
    60% { opacity: 0.1; }
    48% { opacity: 0.1; }
    100% { opacity: 0; }
  }
  @-moz-keyframes fadeinout{
     20% {opacity:0}
    40% { opacity: 0.1; }
    60% { opacity: 0.1; }
    48% { opacity: 0.1; }
    100% { opacity: 0; }
  }
.cricle1{
    position: absolute;
    top: 64px;
    left: 176px;
    width: 10px;
}
.star1{
   position: absolute;
  top: 18px;
  left: 228px;
  width: 20px;
}
.star1p2{
    position: absolute;
   top: 28px;
   left: 238px;
   width: 30px;
 }
.star2{
    position: absolute;
    top: 137px;
    left: 287px;
    width: 20px;
}
.star2p2{
    position: absolute;
    top: 128px;
    left: 276px;
    width: 10px;
}


.star3{
    position: absolute;
    top: 91px;
    left: 372px;
    width: 20px;
}
.star3p2{
  position: absolute;
  top: 85px;
  left: 407px;
  width: 10px;
}


.star4{
    position: absolute;
    top: 98px;
    left: 499px;
    width: 20px;
}

.star5{
    position: absolute;
    top: 22px;
    left: 603px;
    width: 30px;
}

.star5p2{
    position: absolute;
    top: 18px;
    left: 596px;
    width: 10px;
}


.star6{
    position: absolute;
    top: 154px;
    right: 426px;
    width: 30px;
}

.star6p2{
    position: absolute;
    top: 72px;
    right: 424px;
    width: 10px;
}
.star6p3{
    position: absolute;
    top: 184px;
    right: 454px;
    width: 10px;
}

.star7{
    position: absolute;
    top: 90px;
    right: 365px;
    width: 20px;
}

.star8{
    position: absolute;
    top: 56px;
    right: 309px;
    width: 30px;
}

.star9{
    position: absolute;
    top: 86px;
    right: 224px;
    width: 20px;
}


.star9p2{
  position: absolute;
  top: 80px;
  right: 217px;
  width: 10px;
}


.star10{
    position: absolute;
    top: 81px;
    right: 5px;
    width: 30px;
}
.star10p2{
    position: absolute;
    top: 117px;
    right: 18px;
    width: 10px;
}
.count_item input{
    width:43px;
    border:none;
    text-align:center;
}
.addguest .btns button {
  width: 44px;
  border-radius: 5px;
  height: 25px;
  border: none;
  background: #BCBCBC;
  color: #fff;
  font-size: 9px;
}
.btn_cls{
    background: #FE5300 0% 0% no-repeat padding-box;
    border-radius: 5px;
    text-align:center;
    font-weight:bold;
    border:none;
    font-size:12px;
}




.banner-sec .banner-sec-overlay{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    /*background-color:rgba(0,0,0,.4);*/
}
.search-box-header h2{
    color:#fff;
    font-size: 37px;
    font-family: 'Gotham';
    font-weight: 300;
    
}
.search-box-header h2 b{
   color: #FE5300;
   font-weight: 900;
}
.search-box-header h1{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
}
.banner-sec .search-engine-section{
    position:relative
}
.banner-sec .search-engine-section .search-box{
    /*padding:20px 20px 115px;*/
    padding:20px 20px 54px;
    border-radius:5px
}
.banner-sec .search-engine-section .search-box img{
    float: left;
    margin-right: 10px;
    margin-top: 4px;
    width:27px;
}
.banner-sec .search-engine-section .search-box h2{
    font-family: 'Gotham';
    font-size:18px;
    margin-bottom:10px;
    text-align: center;
    width: max-content;
    float: left;
    color: #fff;
    font-weight: bold;
    letter-spacing: -0.45px;
}
.second-sec-left h2{
  font-family: 'Gotcha';
  letter-spacing: 0px;
  color: #FE5300;
  font-size: 40px;
  margin-bottom: 0;
}
.second-sec-left h3{
    font-family: 'Gotcha';
    letter-spacing: 0px;
    color: #FE5300;
    font-size: 30px;
    margin-bottom: 0;
    position: relative;
    left: 45px;
    bottom: 11px;
    line-height: 31px;
}
.banner-sec .search-engine-section .search-box .add-city{
   background-color: #FE5300;
  border: 1px solid #FE5300;
  color: #fff;
  font-size: 15px;
  padding: 5px 15px;
  border-radius: 5px;
  font-family: 'Gotham';
  font-weight: 400;
  padding: 11px 15px;
}
.row-bg{
    background: #001799;
    padding: 0 15px;
}
.remove-icon-btn{
    top: 14px;
    position: relative;
    text-align: center;
}
.remove-icon-btn i{
    color:#fff;
}
.icon-box{
    float: left;
    margin-right: 10px;
    color: #fff;
    font-size: 24px;
    position: relative;
    bottom: 4px;
}
.banner-sec .search-engine-section .search-box .add-city:hover{
    background-color:#495154;
    border:1px solid #495154
}
.banner-sec .search-engine-section .search-box .journey-ul{
    list-style-type:none;
    padding:0;
    margin:0;
    float: left;
}
.banner-sec .search-engine-section .search-box .journey-ul li{
    display:inline-block;
    margin-right:10px
}
.banner-sec .search-engine-section .search-box .journey-ul li:last-child{
    margin-right:0
}
.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn{
    display:block;
    position:relative;
    padding-left:24px;
    margin-bottom:15px;
    cursor:pointer;
    font-size:14px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family: 'Gotham';
    color: #fff;
    
}


.economy-select{
    background: no-repeat;
    color: #fff;
    border: none;
    float: left;
    margin-left: 20px;
    font-family: 'Gotham';
    font-size: 14px;
}
.economy-select option{
    color: #000;
    font-family: 'Gotham';
    font-size: 14px;
}

.ec-dropdown select{
  background: none;
  border: none;
  color: #fff;
  position: relative;
  bottom: 5px;
  margin-left: 17px;
  width:max-content;
  font-family: 'Gotham';
}
.ec-dropdown select option{
    color: #000;
    background:#fff;
    font-family: 'Gotham';
    font-weight:400;
}
.ec-dropdown select:focus::-ms-value {background-color: transparent; color:#000;}
.ec-dropdown select:focus{background-color: transparent; color:#fff;}



.checkbox-container{
    display: inline-block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Gotham';
    color: #fff;
    margin-right: 15px;
    float: left;
  }
  
  /* Hide the browser's default checkbox */
  .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #06109e;
  }
  
  /* On mouse-over, add a grey background color */
  .checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .checkbox-container input:checked ~ .checkmark {
    background-color: #FE5300;
    border: 1px solid #fff;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .checkbox-container input:checked ~ .checkmark:after {
    display: block;
    background: url(../images/radio-check.svg) no-repeat;
  width: 26px;
  height: 11px;
  position: absolute;
  content: "";
  top: 3px;
  left: -3px;
  }
  
  /* Style the checkmark/indicator */
  .checkbox-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    /*border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);*/
  }










.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.banner-sec .search-engine-section .search-box .journey-ul li .radio-checkmark{
    position:absolute;
    top:2px;
    left:0;
    height:16px;
    width:16px;
    background-color:#fff;
    border-radius:3px;
    border:1px solid #06109e;

}
.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn:hover input~.radio-checkmark{
    background-color: #FE5300;
    border: 1px solid #f4f4f4;
}
.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn input:checked~.radio-checkmark{
    background-color: #FE5300;
    border: 1px solid #f4f4f4;
}
.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn input:checked~.radio-checkmark::after{
    background: url(../images/radio-check.svg) no-repeat;
    width: 26px;
    height: 11px;
    position: absolute;
    content: "";
    top: 3px;
    left: -3px;
}
.banner-sec .search-engine-section .search-box .journey-ul li .radio-checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn input:checked~.radio-checkmark:after{
    display:block
}
.banner-sec .search-engine-section .search-box .journey-ul li .custom-radio-btn .radio-checkmark:after{
    top:2px;
    left:2px;
    width:10px;
    height:10px;
    border-radius:0;
    background: #FE5300;
   
}
.banner-sec .search-engine-section .search-box .home-input-field{
    background-color:#f7f7f7;
    position:relative;
    padding: 3px 15px 3px;
    height:45px;
    border:1px solid #e7e8ea;
    margin-bottom: 15px;
    position: relative;
}
.banner-sec .search-engine-section .search-box .home-input-field::after{
    position: absolute;
    content: "";
    right: 16px;
    bottom: 0px;
    background: url(../images/down.png) no-repeat;
    height: 19px;
    width: 16px;
}
.banner-sec .search-engine-section .search-box .home-input-field label{
    font-family: 'Gotham';
    color:#1a1a1a;
    font-size:20px;
    margin:0;
    font-size: 12px;
    font-weight: bold;
    color: #FE5300;
}
.home-input-field .form-control{
    padding-right: 24px !important;
}

.home-input-field .form-control#departure_time_transfer{
    padding-right: 5px !important;
}


.home-input-field .form-control#return_time_transfer{
    padding-right: 5px !important;
}

.home-input-last-child{
    border-radius: 0px 5px 5px 0px;
}
.second-sec{
    padding: 45px 0;
}
.second-sec-left img{
    width: 85%;
}
p{
    color: #00109E;  
}
.second-sec-left p{
    font-size: 15px;
    font-family: 'Gotham';
    font-weight: 400;
    color: #00109E;
    padding-top: 15px;
}
.main-btn{
    background: #FE5300;
    border: none;
    color: #fff;
    font-family: 'Gotham';
    font-weight: bold;
    padding: 6px 38px;
    border-radius: 6px;
    font-weight: 500;
}
.main-btn:hover{
    background: #00109E;
}
.banner-sec .search-engine-section .search-box .home-input-field label .bx{
    font-size: 25px;
    vertical-align:text-bottom;
    margin-right:5px
}
.banner-sec .search-engine-section .search-box .home-input-field .form-control,.banner-sec .search-engine-section .search-box .home-input-field .form-control:focus{
    background-color:transparent!important;
    border:none;
    padding:0;
    height:16px;
    line-height:30px;
    font-size:12px;
    border-radius:0;
    color: #6c757d;
    box-shadow:none;
    font-family: 'Gotham';
    color: #00109D;
}
.others{
    padding: 0 11px;
}
.addguest .inp_22
{
  background-color: #fff !important;
  width: max-content;
  float: right;
  background: #fff;
    background-color: rgb(255, 255, 255);
  line-height: 0;
  height: 29px;
  font-size: 12px;
}
.search_count_item .lbl h6{
    font-size:12px !important;
    color:#00109D;
    font-family: 'Gotham';
    font-weight:bold;
}
.search_count_item .lbl span{
    color:#3442BC !important;
    font-size:12px;
}

 .daterangepicker {
     z-index: 99999999;
 }
.banner-sec .search-engine-section .search-box .home-input-field select.form-control{
    background:none;
    line-height:0 !important;
}
.banner-sec .search-engine-section .search-box .home-input-field select::-ms-expand {
    display: none;
    -webkit-appearance: none;
}
.banner-sec .form-control::placeholder{
    color: #00109D;
}
.trans-hovermain{
    position: absolute;
  background: #fff;
  color: #656565;
  width: 255px;
  height: auto;
  max-width: 340px;
  padding: 15px 15px 0;
  top: 47px;
  left: -59px;
  z-index: 99999 !important;
  box-shadow: 0 0 10px 1px #d2b4f7;
  right: 12px;
  border-radius: 14px;
  box-shadow: 0px 3px 6px #00109D98;
}
.banner-sec .search-engine-section .search-box .form-search-btn{
    background-color:#FE5300;
    border:1px solid #FE5300;
    color:#fff;
    font-size:15px;
    padding: 5px 15px;
    border-radius:5px;
    font-family: 'Gotham';
    font-weight: 400;
}
.banner-sec .search-engine-section .search-box .form-search-btn:hover{
    background-color:#fff;
    border:1px solid #fff;
    color:#FE5300 !important;
}
.banner-sec .search-engine-section .search-box .return-car-label{
    display:block;
    position:relative;
    padding-left:25px;
    margin-bottom:12px;
    cursor:pointer;
    font-size:14px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family:poppinssemibold,sans-serif;
    color:#fff;
}

.flight-arrow-icon{
    position: absolute;
    top: 0;
    right: 0;
    float: left;
    top: 6px;
    width: 33px;
    right: -19px;
    z-index: 100;
    margin-top: 0 !important;
    margin-right: 0 !important;
}
.banner-sec .search-engine-section .search-box .return-car-label input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0
}
.banner-sec .search-engine-section .search-box .return-car-label .checkmark{
    position:absolute;
    top:0;
    left:0;
    height:18px;
    width:18px;
    background-color:#009fe3
}
.banner-sec .search-engine-section .search-box .return-car-label:hover input~.checkmark{
    background-color:#009fe3
}
.banner-sec .search-engine-section .search-box .return-car-label input:checked~.checkmark{
    background-color:#009fe3
}
.banner-sec .search-engine-section .search-box .return-car-label .checkmark:after{
    content:"";
    position:absolute;
    display:none
}
.banner-sec .search-engine-section .search-box .return-car-label input:checked~.checkmark:after{
    display:block
}
.banner-sec .search-engine-section .search-box .return-car-label .checkmark:after{
    left:6px;
    top:3px;
    width:6px;
    height:10px;
    border:solid #fff;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.banner-sec .search-engine-section .search-box .form-menu{
    position:relative;
    padding:0;
    border-radius:.25rem;
    font-size:12px;
    width:100%
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu{
    position:absolute;
    top:45px;
    background:#fff;
    width:250px;
    margin-left:0;
    height:auto;
    color:#333;
    padding:12px;
    z-index:9999;
    box-shadow:0 0 10px 1px #d2b4f7
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu:hover{
    display:block
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others{
    padding:10px 5px;
    margin-bottom:6px
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-minus,.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-plus{
    display:inline-block;
    width:auto;
    height:auto;
    background:0 0;
    color:#333;
    border:none;
    box-shadow:none;
    padding:0;
    float:right
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-minus span,.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-plus span{
    border:1px solid #009fe3;
    background-color:#009fe3;
    margin-left:0;
    color:#fff;
    text-decoration:none;
    height:25px;
    border-radius:50%;
    width:25px;
    display:block;
    text-align:center;
    line-height:23px;
    font-size:17px
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-minus span:hover,.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-plus span:hover{
    color:#fff;
    border:1px solid #495154;
    background-color:#495154
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-minus:focus,.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-plus:focus{
    outline:0
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-minus:hover span,.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .btn-plus:hover span{
    color:#fff;
    border:1px solid #495154;
    background-color:#495154
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others .qty{
    float:right;
    margin:3px 8px;
    width:12px;
    color:#000;
    background-color:transparent;
    padding:0;
    border:0;
    outline:0;
    text-align:center;
    font-weight:700
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others a{
    border:1px solid #cacaca;
    float:right;
    padding:2px 5px;
    margin-left:3px;
    color:#cacaca;
    text-decoration:none
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .others a:hover{
    border-color:#009fe3;
    color:#009fe3
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass{
    text-align:center
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass .radio{
    text-align:left;
    padding:5px
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass .radio input[type=radio]{
    margin-left:0;
    float:left;
    margin-top:3px;
    margin-right:3px
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass .flig-btn{
    width:100%;
    background-color:#009fe3;
    height:auto;
    min-height:25px
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass .flig-btn:hover{
    background-color:#495154;
    color:#000
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass .flig-btn .flight_type_btn{
    color:#fff;
    text-align:center;
    width:100%;
    display:block;
    cursor:pointer;
    padding:5px;
    font-size:14px;
    margin-top:10px
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu .flightclass .flig-btn .flight_type_btn:hover{
    color:#fff
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu label{
    color:#000;
    margin:0
}
.banner-sec .search-engine-section .search-box .form-menu.hovermain .hovermenu:before{
    border-color:transparent transparent #fff;
    border-style:solid;
    border-width:12px;
    content:"";
    height:0;
    left:15%;
    position:absolute;
    top:-21px;
    width:0;
    z-index:1
}
.banner-sec .search-engine-section .banner-text{
    padding:100px 0
}
.banner-sec .search-engine-section .banner-text h1{
    font-family:poppinsbold_italic;
    color:#fff;
    font-size:3rem;
    line-height:1.25
}
.banner-sec .search-engine-section .banner-text h6{
    font-family:poppinssemibold;
    font-size:1.25rem;
    color:#fff
}
.form-map{
    background-image:url(../images/map.svg);
    background-repeat:no-repeat;
    background-size:16px;
    padding-left:35px;
    background-position:10px 50%
}
.form-departure{
    background-image:url(../images/departure.svg);
    background-repeat:no-repeat;
    background-size:16px;
    padding-left:35px;
    background-position:10px 50%
}
.form-arrival{
    background-image:url(../images/arrivals.svg);
    background-repeat:no-repeat;
    background-size:16px;
    padding-left:35px;
    background-position:10px 50%
}
.form-cal{
    background-image:url(../images/calendar.svg);
    background-repeat:no-repeat;
    background-size:16px;
    padding-left:35px;
    background-position:10px 50%
}
.form-user{
    background-image:url(../images/traveller.svg);
    background-repeat:no-repeat;
    background-size:16px;
    padding-left:35px;
    background-position:10px 50%
}
.form-clock{
    background-image:url(../images/clock.svg);
    background-repeat:no-repeat;
    background-size:16px;
    padding-left:35px;
    background-position:10px 50%
}
.form-pl{
    padding-left:30px!important
}
.pos-rel{
    position:relative
}
.pos-rel select{
    -moz-appearance:none;
    -webkit-appearance:none
}
.pos-rel select::-ms-expand{
    display:none
}
.search-box .addguest{
   position: absolute;
  background: #fff;
  color: #656565;
  width: 255px;
  height: auto;
  max-width: 340px;
  padding: 15px 15px 0;
  top: 47px;
  left: -59px;
  z-index: 99999 !important;
  box-shadow: 0 0 10px 1px #d2b4f7;
  right: 12px;
  border-radius: 14px;
  box-shadow: 0px 3px 6px #00109D98;
}
@media (max-width:480px){
    .search-box .addguest{
        width:100%!important;
        max-width:100%!important
    }
}
/*.search-box .addguest:before{
    border-color:transparent transparent #fff;
    border-style:solid;
    border-width:12px;
    content:"";
    height:0;
    left:15%;
    position:absolute;
    top:-21px;
    width:0;
    z-index:1
}*/
.search-box .addguest .rooms{
    background:#f4f4f4;
    padding:10px;
    margin-bottom:10px
}
.search-box .addguest .yi-select.form-control{
    padding:5px;
    border-radius:2px;
    height:30px;
    box-shadow:none;
    font-size:14px!important;
    border:1px solid #777!important
}
.search-box .addguest .room-container{
    padding:10px 0;
    border-bottom:1px solid rgba(204,204,204,.6)
}
.search-box .addguest .room-container .specifyAge{
    padding:0 5px;
    border-top:1px dashed rgba(204,204,204,.5)
}
.search-box .addguest .room-container .specifyAge .guestTitl{
    padding-left:10px;
    padding-top:10px;
    font-weight:700
}
.search-box .addguest .room-container .specifyAge .specifyChildrenAges{
    padding-left:0;
    width:80px;
    margin-left:5px
}
.search-box .addguest .room-container .specifyAge .specifyChildrenAges .childAge{
    width:75px;
    padding:5px
}
.search-box .addguest .room-container .specifyAge .specifyChildrenAges .inner-field{
    margin-top:2px
}
.search-box .addguest .room-container .roomTitl{
    color:#000!important
}
.search-box .addguest .room-container .roomTitl em{
    font-style:normal
}
.search-box .addguest .room-container .guestTitl{
    color:#000!important
}
.search-box .addguest .showRooms .room-container:last-child{
    border-bottom:0
}
.search-box .addguest .btn-done{
    padding:10px 15px;
    
}
.search-box .addguest .btn-done-tr{
   padding: 5px 15px;
   color: #fff;
   float: right;
   
}

.search-box .addguest .btn-done span{
    background:#009fe3;
    color:#fff;
    padding:5px 10px;
    cursor:pointer;
    border-radius:5px
}
.search-box .addguest .btn-done span:hover{
    background:#495154
}
.search-box .addguest .btn-done span i{
    padding-right:10px
}
.addguest .adult,.search-box .addguest .inner-titles,.search-box .addguest .rooms label{
    color:#000!important
}
.newsletter-section{
   background: url(../images/subscribe-bg.jpg) no-repeat;
   background-size: cover;
    padding:50px 0;
    background: #fe5300;
    position: relative;
}
.news-pattern{
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.newsletter-section h2{
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 28px;
    font-weight:bold;
    color:#fff;
    letter-spacing:1px;
    text-align:center;
    letter-spacing: -0.7px;
color: #FFFFFF;
}
.newsletter-section h6{
    text-align:center;
    color:#fff;
    line-height:1.75;
    margin:0;
    font-size:14px
}
.newsletter-section .newsletter-form{
    margin-top:30px
}
.newsletter-section .newsletter-form .form-control{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #00109D;
    font-size: 16px;
    font-family: 'Gotham';
    padding: 22px;
}
.newsletter-section .newsletter-form .form-control::placeholder{
    color: #00109D;
    font-size: 16px;
    font-family: 'Gotham';
}
.newsletter-section .newsletter-form .form-control:focus{
    outline:0;
    box-shadow:none
}
.newsletter-section .newsletter-form .subscribe-btn{
    width:100%;
    background-color: #06109e;
    border: 1px solid #06109e;
    border-radius:6px;
    color:#fff;
    font-size:16px;
    height:38px;
    font-size: 16px;
    font-family: 'Gotham';
    font-weight: 500;
    height: 45.6px;
}

.footer-logo-sec span{
    font-size: 12px;
    letter-spacing: -0.3px;
    font-size: 12px;
    font-family: 'Gotham';
    font-weight: 400;
    padding-top: 15px;
    color: #00109D;
}
.newsletter-section .newsletter-form .subscribe-btn:hover{
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color:#06109e !important;
}
.formError{
    left: 52px !important;
}
.formError .formErrorContent {
    min-width: 258px;
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translatey(100px);
        -moz-transform:translatey(100px);
        -o-transform:translatey(100px);
        transform:translatey(100px)
    }
    to{
        opacity:1;
        -webkit-transform:translatey(0);
        -moz-transform:translatey(0);
        -o-transform:translatey(0);
        transform:translatey(0)
    }
}
@-moz-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translatey(100px);
        -moz-transform:translatey(100px);
        -o-transform:translatey(100px);
        transform:translatey(100px)
    }
    to{
        opacity:1;
        -webkit-transform:translatey(0);
        -moz-transform:translatey(0);
        -o-transform:translatey(0);
        transform:translatey(0)
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translatey(100px);
        -moz-transform:translatey(100px);
        -o-transform:translatey(100px);
        transform:translatey(100px)
    }
    to{
        opacity:1;
        -webkit-transform:translatey(0);
        -moz-transform:translatey(0);
        -o-transform:translatey(0);
        transform:translatey(0)
    }
}
.in-up{
    -webkit-animation-name:fadeInUp;
    -moz-animation-name:fadeInUp;
    -o-animation-name:fadeInUp;
    animation-name:fadeInUp;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s
}

.top-sightseeing-section .grid figure ul{
    list-style:none;
    padding:0;
    margin:0
}
.top-sightseeing-section .grid figure ul li{
    display:inline-block
}
.top-sightseeing-section .grid figure ul li a{
    color:#fff
}
.top-sightseeing-section .grid figure figcaption{
    padding:2.2em;
    color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.top-sightseeing-section .grid figure figcaption::after,.top-sightseeing-section .grid figure figcaption::before{
    pointer-events:none
}
.top-sightseeing-section .grid figure figcaption,.top-sightseeing-section .grid figure figcaption>a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.top-sightseeing-section .grid figure figcaption>a{
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0
}
.top-sightseeing-section .grid figure h2{
    font-family: 'Gotham';
    font-weight: 900;
    text-transform: capitalize;
    letter-spacing: -0.38px;
color: #FFFFFF;
text-shadow: 0px 3px 6px #000000B5;
font-size: 20px;
}
.top-sightseeing-section .grid figure h2,.top-sightseeing-section .grid figure p{
    margin:0
}
.top-sightseeing-section .grid figure p{
    letter-spacing:1px
}
.top-sightseeing-section figure.effect-sadie h2{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    color:#fff;
    -webkit-transition:-webkit-transform .35s,color .35s;
    transition:transform .35s,color .35s;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.top-sightseeing-section figure.effect-sadie h2:after{
    content:"";
    height:2px;
    width:50px;
    display:block;
    margin:15px auto auto;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s
}
.top-sightseeing-section figure.effect-sadie:hover h2{
    color:#fff;
    -webkit-transform:translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform:translate3d(0,-50%,0) translate3d(0,-40px,0)
}
.top-sightseeing-section figure.effect-sadie:hover .destinations-button{
    transform:scaleX(1)
}
.top-sightseeing-section .destinations-button{
    line-height:30px;
    transition:all 500ms ease;
    transform:scaleX(0);
    z-index:2;
    position:absolute;
    width:100%;
    right:10%;
    text-align:center;
    top:58%;
    left:0
}
.home-input-first-child{
    border-radius: 5px 0px 0px 5px;
}
.top-sightseeing-section .destinations-button a{
    font-size:.8rem;
    color:#fff;
    background-color: #FE5300;
    display:inline-block;
    border-radius:5px;
    padding:2px 15px;
    text-decoration:none;
    transition:all 500ms ease;
    cursor:pointer;
    font-family: 'Gotham';
    font-weight: 400;
    text-transform: capitalize;
}
.top-sightseeing-section .destinations-button a:hover{
    background: #001799;
}
.top-sightseeing-section figure.effect-sadie{
    position:relative;
    z-index: 999;
}
.top-sightseeing-section figure .fig-caption-overlay{
    background-color:rgba(0,0,0,.5);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:0px
}
.top-flight-section{
    padding:50px 0;
    background-color:#F8F8F8
}
.top-flight-section h2{
    font-family: 'Gotham';
    font-weight: 900;
    font-size: 28px;
    margin: 0 0 40px;
    text-align: center;
    color: #05109e;
}
.top-flight-section .owl-carousel .owl-nav .owl-next{
    position:absolute;
    right:-5%;
    top:50%;
    transform:translateY(-50%);
    text-align:center!important;
    padding:5px 10px!important
}
.top-flight-section .owl-carousel .owl-nav .owl-next:hover{
    background: none !important;
}
.top-flight-section .owl-carousel .owl-nav .owl-next i{
    color:#FE5300;
}
.top-flight-section .owl-carousel .owl-nav .owl-prev{
    position:absolute;
    left:-5%;
    top:50%;
    transform:translateY(-50%);
    text-align:center!important;
    padding:5px 10px!important
}
.top-flight-section .owl-carousel .owl-nav .owl-prev:hover{
    background: none !important;
}
.top-flight-section .owl-carousel .owl-nav .owl-prev i{
    color:#FE5300;
}
.top-flight-section .post-slide{
    box-shadow: 0px 3px 6px #00109D99;
    border-radius: 10px;
    margin-bottom: 17px;
    border-radius: 10px; 
}
.top-flight-section .post-slide .post-img{
    position:relative;
    overflow:hidden;
}
.middle-form-wrapperImg{
    float: left;
    width: 42px;
    margin-right: 10px;
}
.middle-form-wrapper h5{
  font-family: 'Gotham';
  letter-spacing: -0.5px;
  font-weight: bold;
  font-size: 20px;
  text-align: left;
  color: #00109E;
  margin-top: 5px;

}
.middle-form-wrapper .home-input-field {
    background-color: #F8F8F8;
    position: relative;
    padding: 3px 22px 3px;
    height: 45px;
    border: 1px solid #e7e8ea;
    border: 0;
    margin-bottom: 3px;
    position: relative;
}
.middle-form-wrapper .home-input-field label {
    font-family: 'Gotham';
    color: #1a1a1a;
    font-size: 20px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #FE5300;
  }
  .middle-form-wrapper .form-search-btn{
    background: #FE5300;
    border: none;
    color: #fff;
    font-family: 'Gotham';
    font-weight: 400;
    padding: 9px 38px;
    border-radius: 0 6px 6px 0;
  }
  .middle-form-wrapper .form-search-btn:hover{
    background: #001799;
}
  .middle-form-wrapper{
    padding: 6px 0px 0;
  }
  .middle-form-wrapper .home-input-field::after {
    position: absolute;
    content: "";
    right: 21px;
    bottom: 1px;
    background: url(../images/down.png) no-repeat;
    height: 19px;
    width: 16px;
  }
  .middle-form-wrapper .form-control{
    background-color: transparent !important;
    border: none;
    padding: 0;
    padding-right: 0px;
    height: 16px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 0;
    color: #6c757d;
    box-shadow: none;
    font-family: 'Gotham';
    color: #00109D;
  }
  .middle-form-wrapper .form-control::-ms-input-placeholder { /* Edge 12-18 */
    color: #001799;
  }
  
  .middle-form-wrapper .form-control::placeholder {
    color: #001799;
  }

.top-flight-section .post-slide .post-img img{
    width:100%;
    height:auto;
    max-height:160px;
    min-height:160px;
    -webkit-transform:scale(1,1);
    transform:scale(1,1);
    -webkit-transition:-webkit-transform .2s linear;
    transition:-webkit-transform .2s linear;
    transition:transform .2s linear;
    transition:transform .2s linear,-webkit-transform .2s linear;
    border-radius: 4px;
    border-radius: 4px 4px 0 0;
}
/*.top-flight-section .post-slide:hover .post-img img{
    -webkit-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
    border-radius:5px
}*/
.top-flight-section .post-slide .over-layer{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    background:linear-gradient(-45deg,rgba(55,244,6,.75) 0,rgba(87,253,45,.6) 100%);
    -webkit-transition:all .5s linear;
    transition:all .5s linear;
    border-radius:5px
}
.top-flight-section .post-slide:hover .over-layer{
    opacity:1;
    text-decoration:none;
    border-radius:5px
}
.top-flight-section .post-slide .over-layer i{
    position:relative;
    top:45%;
    text-align:center;
    display:block;
    color:#fff;
    font-size:25px
}
.top-flight-section .post-slide .post-content{
    background:#fff;
    padding:15px;
    border-radius:5px;
    z-index:99;
    position:relative;
    box-shadow:0 3px 3px #ccc
}
.top-flight-section .post-slide .post-title{
    text-align:center;
    color:#061c2c;
    font-family:poppinsmedium;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.top-flight-section .post-slide .post-title a{
    font-size:20px;
    color:#00109D;
    display:block;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-family: 'Gotham';
    font-weight: bold;
    letter-spacing: -0.5px;
}
.top-flight-section .post-slide .post-title-second a{
    font-size: 15px;
    color:#FE5300;
    letter-spacing: -0.38px;
}
.post-title-second{
    margin-bottom: 0;
}


.top-flight-section .post-slide .plane-ongo{
    margin:0 auto 10px
}
.top-flight-section .post-slide .plane-ongo img{
    max-width:100%
}
.top-flight-section .post-slide .post-title a:hover{
    text-decoration:none;
    color:#009fe3
}
.top-flight-section .br-top{
   
}
.top-flight-section .post-slide .post-description{
    line-height:24px;
    color: #9C9C9C;
    text-align:center;
    font-size:.8rem;
    margin-bottom:10px;
    font-family: 'Gotham';
    font-weight: 500;
    letter-spacing: -0.3px;
}
.top-flight-section .post-slide .post-date{
    color:#a9a9a9;
    font-size:14px
}
.flight-logo-icon{
    width: 61px !important;
    margin: 0 auto;
    
}
.top-flight-section .btn.book-btn{
    background-color:#FE5300;
    border:1px solid #FE5300;
    color:#fff;
    font-size:14px;
    width: 100%;
    font-family: 'Gotham';
    font-weight: 400;
    padding: 3px;
}
.top-flight-section .btn.book-btn:hover{
    background-color:#001799;
    border:1px solid #001799;
}
.top-flight-section .post-slide .price{
    color:#05109e;
    font-size:1.2rem;
    margin:5px 0 0;
    color: #05109e;
    font-size: 21px;
    margin: 5px 0 0;
    font-family: 'Gotham';
    font-weight: 900;
    letter-spacing: -0.53px;
}
.top-flight-section .post-slide .post-date i{
    font-size:18px;
    margin-right:8px;
    color:#CFDACE
}
.top-flight-section .post-slide .read-more{
    padding:7px 10px;
    float:right;
    text-align:center;
    font-size:12px;
    background:#00c8f8;
    color:#fff;
    border-radius:0;
    text-transform:uppercase;
    height:36px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.top-flight-section .post-slide .read-more:hover{
    background:#2bc3f1;
    text-decoration:none;
    color:#fff
}
.frmtxt{
    font-family: 'Gotcha';
    letter-spacing: 0px;
    color: #000F8E;
    font-size: 45px;
    
}
.smile-logo{
    width: 100%;
    position: relative;
    top: 16px;
    max-width: 537px;
}
.min-w{
    min-width: 390px;
    top: 0;
}
.best_hotels{
    background-color:#Ffff;
    padding:50px 0
}
.best_hotels h2{
    font-family: 'Gotham';
    font-weight: 900;
    font-size: 28px;
    margin: 0 0 40px;
    text-align: center;
    color: #05109e;
}
.best_hotels .img_wrap{
    position:relative;
    overflow:hidden;
    width: 50%;
    float: left;
    box-shadow: 0px 3px 6px #00109D99;
  border-radius: 10px;
}

.best_hotels .btn.book-btn:hover{
    background-color:#495154;
    border:1px solid #495154
}
.hotels.list .item{
    position:relative;
    background: #fff;
    padding: 20px;
    float: left;
   width: 100%;
    
}
.hotel-item-btm{
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 5px 0 0;
    margin-top: 9px;

}
.best.hotels.list{
    padding: 0 60px;
}
.hotels.list .h_img{
    height: 182px;
    width: 100%;
    object-fit: cover;
}
.hotels.list .text_wrap{
    padding: 0 10px;
    font-size:16px;
    background-color:#fff;
    float: left;
    width: 50%;

}
.hotels.list .text_wrap .h_name{
    font-size: 15px;
    font-weight:600;
    color: #00109D;
    font-family: 'Gotham';
    font-weight: bold;
    margin-bottom: 0;
}
.location i{
    color: #FE5300;
}
.h-place{
    font-size: 18px;
    font-weight:600;
    color: #FE5300;
    font-family: 'Gotham';
    font-weight: bold;
}
.txt14{
    font-size:14px;
    color:var(--color-gray)
}
.hotels.list .item .location{
    color:var(--color-dark)
}
.hotels.list .item .location .icon{
    color:#FF597B
}
.hotels .txt14{
    margin-bottom:5px;
    display:inline-block;
    font-size:12px
}
.hotels.list .h_price{
    font-weight:600;
    font-size:20px;
    color:#05109e;
    float: left;
    width: 50%;
    margin-bottom: 0;
    
}
.item .rating{
    font-weight:700;
    background-color:#fff;
    border-radius:10px;
    padding:4px 8px;
    color:var(--color-dark)
}
.item .rating .icon{
    color:var(--bs-#ff0)
}
.best_places .p_img img{
    height:450px;
    width:100%;
    object-fit:cover
}
.place_wrap .text-white{
    color:#F0EBCE
}
.place_wrap .item{
    position:relative
}
.place_wrap .text_wrap{
    margin-top:10px
}
.places .h_price,.places .location,.places .p_name{
    color:var(--color-#fff)
}
@media (min-width:1200px){
    
    .place_wrap .item:before{
        content:"";
        background:linear-gradient(to top,rgba(255,216,201,.88) 30%,transparent);
        width:100%;
        height:0;
        position:absolute;
        bottom:0;
        transition:.3s ease-in-out;
        z-index:1
    }
    .place_wrap .item:hover:before{
        height:100%;
        animation:rec1 ease-in-out .5s;
        transform-origin:bottom center
    }
    @keyframes rec1{
        0%{
            bottom:-100%;
            height:0
        }
        100%{
            bottom:0;
            height:100%
        }
    }
    .place_wrap .text_wrap{
        position:absolute;
        bottom:30px;
        padding:20px;
        transition:.5s ease-in-out;
        opacity:0;
        visibility:hidden;
        z-index:2
    }
    .place_wrap .item:hover .text_wrap{
        animation:plc2 ease-in-out .5s
    }
    .places .h_price,.places .location,.places .p_name{
        color:var(--color-dark)!important;
        font-weight:600
    }
}
.place_wrap .item .p_img{
    overflow:hidden
}
.place_wrap .item .p_img img{
    transform:scale(1.2);
    transition:.5s ease-in-out
}
.place_wrap .item:hover .p_img img{
    transform:scale(1)
}
.place_wrap .item:hover .text_wrap,.place_wrap .item:hover:before{
    opacity:1;
    visibility:visible
}


.ec-dropbtn {
    background:none;
    border: none;
    float: left;
    margin-left: 20px;
    font-family: 'Gotham';
    color: #fff;
    cursor: pointer;
  }
  
  .ec-dropdown {
    position: relative;
    display: inline-block;
    position: relative;
    bottom: 2px;
  }
  .ec-dropdown::after {
    position: absolute;
    content: "";
    background: url(../images/down-white.png) no-repeat;
    background-size: cover;
    width: 12px;
    height: 12px;
    top: 4px;
    right:0;
   top: 7px;
  right: 3px;
    
  }
  
  
  .ec-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    border-radius: 5px;
    border: 1px solid #ccc;
    z-index: 1;
    width: max-content;
    top:20px
  }
  
  .ec-dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-family: 'Gotham';
  }
  
  .ec-dropdown-content a:hover {background-color: #f1f1f1}
  
  .ec-dropdown:hover .ec-dropdown-content {
    display: block;
  }
  
  .ec-dropdown:hover .ec-dropbtn {
   
  }






@keyframes plc2{
    0%{
        opacity:0;
        visibility:hidden;
        bottom:0
    }
    100%{
        opacity:1;
        visibility:visible;
        bottom:30px
    }
}
.error_box22 .error-img img{
    mix-blend-mode:multiply;
    height:400px;
    object-fit:cover;
    object-position:center;
    margin-bottom:15px
}
.rec_hotels .name{
    position:absolute;
    bottom:0;
    padding:20px;
    background-color:#fff95;
    width:75%
}
.rec_hotels .h_name{
    font-weight:600;
    font-size:18px
}
.rec_hotels .h_name,.rec_hotels .location{
    color:var(--color-dark)!important
}
.hero_text{
    margin-top:150px;
    margin-bottom:80px;
    font-weight:600
}
.list .item{
    cursor:pointer
}
.img_wrap{
    position:relative;
    overflow:hidden
}
.img_wrap img{
    transform:scale(1.1);
    transition:ease-in-out .5s
}
.item:hover .img_wrap img{
    transform:scale(1)
}
.rec_hotels .item:hover .name{
    width:97%;
    animation:nm1 ease-in-out .4s
}
@keyframes nm1{
    0%{
        width:70%
    }
    100%{
        width:97%
    }
}
.item .rating .fa{
    color:#ffc107;
    margin-right:3px
}
.best_hotels .owl-carousel .owl-item img {
    display: initial;
    width: auto;
  }
  .best_hotels .owl-carousel .owl-item .img_wrap img{
    width: 100%;
}

  .best_hotels  .owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -5%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center !important;
    padding: 5px 10px !important;
  }
  .best_hotels  .owl-carousel .owl-nav .owl-next:hover{
    background: none;
  }


  .best_hotels  .owl-carousel .owl-nav .owl-next  i {
    color: #FE5300 !important
  }
  .best_hotels  .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -5%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center !important;
    padding: 5px 10px !important;
  }
  .best_hotels  .owl-carousel .owl-nav .owl-prev:hover{
    background: none;
  }
  .best_hotels  .owl-carousel .owl-nav .owl-prev i {
    color: #FE5300 !important;
  }





.stay-row{
    position: relative;
}
.stay-col{
  
   
    width: 100%;

}
.best.hotels.rating{
    position:inherit
}
.rating{
    position: absolute;
    top: 30px;
    left: 26px;
}
.hotels.list .item .location{
    padding: 4px 0px;
    color: #9C9C9C;
    font-family: 'Gotham';   
    font-size: 12px;  
    font-weight: 500;
  font-size: .8rem;
}
.hotel-btn{    
    background: #FE5300 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #fff;
    font-family: 'Gotham';
    font-weight: 400;
    width: 100%;
}
.hotel-btn:hover{
    color: #fff;
    background:#00109E !important;
    border: none;
}
.hotel-price{
    color: #00109E;
    font-family: 'Gotham';
    font-size: 17px;
    letter-spacing: -0.42px;
}
.hotels.list .item .location,.hotels.list .item .rating{
   
}
.popular-head-vector{
    max-width: 140px;
}
.people-jump{
    max-width: 470px;
}

.breadcrumb-sec{
    background: #D9D9D9;
}
.breadcrumb-sec ol{
    padding: 2px;
    margin: 0;
}
.breadcrumb-sec ol li a{
    color: #001799;
    font-size: 12.5px;
}

.sec2-logo{
   max-width: 446px; 
}
.home-second-sec{
    padding: 40px 0;
}
.bjae{
    position: absolute;
    bottom: 0;
    left: 6px;
    color: #FF5300;
    font-weight: bold;
    font-size: 11.47px;
    text-transform: uppercase;
    font-family: 'Gotham';
}
.home-second-sec-logo{
    width: max-content;
    margin: 0 auto;
}
.home-second-sec h2{
     color: #00109E;
     font-size: 32px;
     font-weight: bold;
     padding-top: 30px;
     margin-bottom: 0;
}
.home-second-sec h4{
    font-weight: bold;
    font-size: 24px;
    color: #FE5300;
    font-weight: 500; 
}

.primary-bg{
    background: #00109E;
}
.secondary-bg{
    background: #FE5300;
}
.color-primary{
    color: #00109E;
}
.color-secondary{
    color: #FE5300;
}
.hss-right{
    max-width: 407px;
    padding: 11px 50px;
}
.hss-right h6{
    font-weight: bold;
}
.hss-right p{
    font-weight: 500;
    color: #00109E;
}
.hss-right ul{
    width: 131px;
    padding-left: 0;
}
.hss-right ul li{
  list-style: none;
  width: 100%;
  margin-bottom: 15px;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.hss-right ul li a {
    border-radius: 4px;
    background: #FE5300;
    padding: 8px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    display: block;
    transition: 0.4s;
    text-decoration: none;
}
.hss-right ul li a:hover {
    background: #00109E;
}
.hss-right ul li a img{
    width: 23px;
    margin-right: 10px;
}

.adv-destination h1{
    font-family: 'Gotcha';
    font-size: 48px;
    margin-bottom: 0;
}
.adv-destination h6{
    font-weight: 500;
    font-size: 24px;
}
.section-padding{
    padding: 40px 0;
}
.adv-dropdown{
    width: max-content;
    margin: 0 auto;
}
.adv-dropdown .btn.dropdown-toggle{
  background: #FE53000F;
  min-width: 376px;
  border-radius: 5px;
  color: #001799;
  font-weight: 500;
  font-size: 18px;
  padding: 3px 0;
  margin-top: 15px;
}

.adv-dropdown .dropdown-menu.show{
  transform: translate3d(0px, 49px, 0px) !important;
  width: 100%;
  background: #fff5f0;
  border: none;
  color: #001799;
  
}
.adv-destination .col-pad{
    padding-left: 10px;
    padding-right: 10px;
}
.adv-destination .row-pad{
    padding-left: 5px;
    padding-right: 5px;
}
.adv-item{
    background: #fff;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 1px solid #fe5300;
}
.adv-item-img{
    border-radius: 20px 20px 0 0;
}
.adv-item span{ 
    font-size: 16px;
    width: 100%;
    text-align: center;
    display: block;
}
.adv-item span label{
    font-weight: 500;
    margin-bottom: 0;
}
.adv-flighticon{
  width: 37px;
  position: relative;
  margin-top: -25px;
  margin-left: 10px;
}
.adv-info{
    color: #D1D3D4;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}
.adv-item-content{
    padding: 0px 15px 15px;
}
.adv-rate{
    font-weight: bold;
    text-align: right;
}
.adv-rate h6{
  font-weight: bold;
  font-size: 18px;
}
.adv-rate small{
    font-size: 12px;
}
.book-btn{
    background: #FE5300;
    color: #fff;
    display: block;
    padding: 7px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    text-decoration: none;
}
.book-btn:hover{
    text-decoration: none;
    background: #001799;
    color: #fff;
}
.adv-item-content .book-btn{
    box-shadow: inset -2px -3px 5px -1px #000;
}
.jp-features{
    margin-top: 40px;
}
.jpf-header h2{
    font-weight: bold;
    font-size: 27px;
    text-align: center;
    margin-bottom: 35px;
}
.jpf-content{
    text-align: center;
}
.jpf-content img{
    width: 68px;
    margin-bottom: 10px;
}
.jp-features h2 img{
    width: 205px;
}
.jpf-content h5{
    color: #FF5300;
    font-size: 27px;
    font-weight: bold;
    position: relative;
    padding-bottom: 6px;
    text-transform: uppercase;
}
.jpf-content p{
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 auto;
}
.jpf-content h5::after{
    position: absolute;
    content: "";
    background: #FF5300;
    width: 91px;
    height: 1px;
    bottom: 0;
    left: 39%;
}
.middle-form-list h6{
    font-weight: bold;
    margin-bottom: 18px;
    padding-left: 25px;
}
.middle-form-list ul{
    padding-left: 0;
}
.middle-form-list ul li{
    list-style: none;
    color: #001799;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}
.middle-form-list ul li::before{
  background: url(../images/list-tick.svg) no-repeat;
  width: 20px;
  height: 5px;
  position: absolute;
  content: "";
  top: 8px;
  left: -3px;
}
.flight-plus .col-pad{
    padding-left: 10px;
    padding-right: 10px;
}
.stay-slider-bg{
    background: #fff;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 15px 4px;
}
.stay-slider-left h6{
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 13px;
    height: 31px;
}
.stay-slider-left p{
    color: #001799;
    font-size: 11px;
}
.stay-slider-left{
    padding: 11px 5px 11px 15px;
}
.stay-slider-bg .book-btn{
    font-size: 13px;
    padding: 4px;
}
.stay-slider-bg img{
    height: 100%;
    border-radius: 0 12px 12px 0;
}
.stay-slider.owl-theme .owl-dots .owl-dot span{
    background: #001799;
    margin: 5px 3px;
}
.stay-slider.owl-theme .owl-dots .owl-dot.active span{
    background: #FE5300;
}
.fp-content{
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 25px;
    float: left;
    width: 100%;
}
.fp-header{
    width: 100%;
    float: left;
}
.fp-header h5{
    color: #00109E;
    font-weight: bold;
    font-size: 20px;
    width: max-content;
    float: left;
    margin-right: 20px;
}
.fp-content p{
    font-size: 13px;
}
.fp-content .book-btn {
    width: max-content;
    float: right;
    text-align: left;
    width: 170px;
    font-size: 12px;
    padding: 7px 13px;
}
.fp-content .book-btn img{
    width: 21px;
    margin-right: 12px;
}
.prepare-trip{
    background: #F8F8F8;
    padding: 15px 0 55px;
    margin: 50px 0;
}
.prepare-trip h2{
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 30px;
}
.prepare-trip-sec{
    width: 100%;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 20px;
    text-align: center;
    min-height: 153px;
    padding-top: 50px;
}
.prepare-trip-sec img{
    width: 36px;
    margin-bottom: 10px;
    text-decoration: underline;

}
.prepare-trip-sec a{
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: 11px;
    color: #FE5300;
}
.perfect-hotel h2{
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 20px;
}
.perfect-hotel-sec{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
    height: 100%;
}
.perfect-hotel-sec img{
    width: 100%;
    border-radius: 15px 15px 0 0;
}
.perfect-hotel .row-pad{
    padding-left: 10px;
    padding-right: 10px;
}
.perfect-hotel .col-pad{
    padding-left: 5px;
    padding-right: 5px;
}
.perfect-hotel-sec h5{
    color: #FE5300;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 0;
}
.perfect-hotel-sec p{
    color:#001799;
    font-size: 11px;
    height: 33px;
    overflow: hidden;
}
.perfect-hotel-sec-txt{
    padding: 15px;
}
.perfect-hotel-sec-txt .book-btn{
    width: 50%;
    font-size: 15.5px;
    padding: 2px;
}
.more-stays h4{
    font-weight: bold;
    font-size: 18px;
}
.more-stays img{
    width: 100%;
    border-radius: 12px 0 0 12px;
    height: 100%;
}
.more-stay-card{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 12px;
    background: #fff;
    margin-bottom: 10px;
}
.more-stay-card-txt{
    padding-right: 15px;
    padding-top: 10px;
}
.more-stay-card-txt h6{
    font-size: 13px;
    font-weight: bold;
    color: #FE5300;
    margin-bottom: 3px;
}
.more-stay-card-txt p{
    color:#001799;
    font-size: 11px;
    overflow: hidden;
    height: 68px;
}

.more-stay-card-txt .book-btn{
    width: 75%;
    font-size: 12px;
    padding: 5px;
}
.more-stays .col-pad{
    padding-left: 5px;
    padding-right: 5px;
}
.more-stays .row-marg{
 padding-left: 10px;
  padding-right: 10px;
}
.travel-pcakage-header h2{
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 20px;
}
.tp-card img{
    border-radius: 12px;
    width:100%
}
.tp-card{
    position: relative;
}
.travel-pcakage-header h2 img{
    width: 38px;
}
.tp-card-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 12px;
}
.tb-primary-bg{
    background: #00109E59;
}
.tp-card-contenth6{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 12px;
}
.tp-card-content h6{
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: capitalize;
}
.tp-card-content a{
  position: absolute;
  bottom: 18px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border: 1px solid;
  margin: 0 auto;
  left: 24%;
  padding: 4px 20px;
  border-radius: 4px;
}
.tp-card-content a:hover{
    background:#FE5300;
    color: #ffff;
    border: 1px solid #FE5300;
}
.travel-package .row-pad{
    padding-left: 10px;
    padding-right: 10px;
}
.travel-package .col-pad{
    padding-left: 5px;
    padding-right: 5px;
}
.top-sightseeing-section{
    background-color:#00109D;
    padding:50px 0;
    position:relative;
    margin:130px 0 100px
}
.top-sightseeing-bgImg{
    background: url(../images/Frame.jpg) no-repeat;
    background-size: cover;

}
.middle-form{
    padding: 50px 0;
}
.top-sightseeing-section h2{
   font-family: 'Gotham';
  font-weight: bold;
  font-size: 27px;
  margin: 0 0 40px;
  text-align: center;
  color: #fff;
  top: 30px;
  position: relative;
  z-index: 999;
}
.top-sightseeing-section p{
    font-weight: 500;
    font-size: 13px;
}
.top-sightseeing-section .grid figure img{
    position:relative;
    display:block;
    min-height:188px;
    max-height:188px;
    object-fit:cover;
    max-width:100%;
    width:100%;
    border-radius:0px;
    opacity:1
}
.cloud1{
    position: absolute;
    top: 50px;
    left: 111px;
    z-index: 999;
    width: 242px;
    -webkit-animation:ctdown  18s linear infinite;
    -moz-animation:ctdown 18s linear infinite;
    animation:ctdown 18s linear infinite;
}

@-moz-keyframes ctdown {
    0%{top:50px;} 
    25% {top:137px;} 
    50%{top:50px;}
    75%{top:137px}
    100%{top:50px}
}
@-webkit-keyframes ctdown { 
    0%{top:50px;} 
    25% {top:137px;} 
    50%{top:50px;}
    75%{top:137px}
    100%{top:50px}
}
@keyframes ctdown { 
    0%{top:50px;} 
    25% {top:137px;} 
    50%{top:50px;}
    75%{top:137px}
    100%{top:50px}
}

@media(max-width:1750px){
    .cloud1{
        width: 220px;
        left: 44px;
    }
}




.cloud1star{
    position: absolute;
    top: 50px;
    left: 413px;
    z-index: 999;
    width: 40px;
    opacity: 1;
    -webkit-animation: cldfade 10s linear infinite;
    -moz-animation: cldfade 10s linear infinite;
    animation: cldfade 10s linear infinite;
}


@-webkit-keyframes cldfade {
  50%{opacity: 0;}
  100%{opacity:1;}
   }
   
   @keyframes cldfade {
    50%{opacity: 0;}
    100%{opacity:1;}
   }
   @-moz-keyframes cldfade{
    50%{opacity: 0;}
    100%{opacity:1;}
   }

.cloud1blink{
    position: absolute;
    top: 42px;
    left: 404px;
    z-index: 999;
    width: 10px;
    opacity: 1;
    -webkit-animation: cldfade2 12s linear infinite;
    -moz-animation: cldfade2 12s linear infinite;
    animation: cldfade2 12s linear infinite;
}
@-webkit-keyframes cldfade2 {
    50%{opacity: 0;}
    100%{opacity:1;}
     }
     @keyframes cldfade2 {
      50%{opacity: 0;}
      100%{opacity:1;}
     }
     @-moz-keyframes cldfade2{
      50%{opacity: 0;}
      100%{opacity:1;}
     }



     .cloud2star{
        position: absolute;
        top: 350px;
        left:63px;
        z-index: 999;
        width: 40px;
        opacity: 1;
        -webkit-animation: cldfade3 11s linear infinite;
        -moz-animation: cldfade3 11s linear infinite;
        animation: cldfade3 11s linear infinite;
    }
    
    
    @-webkit-keyframes cldfade3 {
      50%{opacity: 0;}
      100%{opacity:1;}
       }
       
       @keyframes cldfade3 {
        50%{opacity: 0;}
        100%{opacity:1;}
       }
       @-moz-keyframes cldfade3{
        50%{opacity: 0;}
        100%{opacity:1;}
       }
    
    .cloud2blink{
        position: absolute;
        top: 342px;
        left: 54px;
        z-index: 999;
        width: 10px;
        opacity: 1;
        -webkit-animation: cldfade4 13s linear infinite;
        -moz-animation: cldfade4 13s linear infinite;
        animation: cldfade4 13s linear infinite;
    }
    @-webkit-keyframes cldfade4 {
        50%{opacity: 0;}
        100%{opacity:1;}
         }
         @keyframes cldfade4 {
          50%{opacity: 0;}
          100%{opacity:1;}
         }
         @-moz-keyframes cldfade4{
          50%{opacity: 0;}
          100%{opacity:1;}
         }
        



         .cloud3star{
            position: absolute;
            top: 73px;
            right:63px;
            z-index: 999;
            width: 40px;
            opacity: 1;
            -webkit-animation: cldfade5 11s linear infinite;
            -moz-animation: cldfade5 11s linear infinite;
            animation: cldfade5 11s linear infinite;
        }
        
        
        @-webkit-keyframes cldfade5 {
          50%{opacity: 0;}
          100%{opacity:1;}
           }
           
           @keyframes cldfade3 {
            50%{opacity: 0;}
            100%{opacity:1;}
           }
           @-moz-keyframes cldfade3{
            50%{opacity: 0;}
            100%{opacity:1;}
           }
        
        .cloud3blink{
            position: absolute;
            top: 60px;
            right: 50px; 
            z-index: 999;
            width: 10px;
            opacity: 1;
            -webkit-animation: cldfade6 13s linear infinite;
            -moz-animation: cldfade6 13s linear infinite;
            animation: cldfade6 13s linear infinite;   
        }
        @-webkit-keyframes cldfade6 {
            50%{opacity: 0;}
            100%{opacity:1;}
             }
             @keyframes cldfade6 {
              50%{opacity: 0;}
              100%{opacity:1;}
             }
             @-moz-keyframes cldfade6{
              50%{opacity: 0;}
              100%{opacity:1;}
             }
            
.cloud2{
    position: absolute;
    top: 137px;
    right: 160px;
    z-index: 999;
    width: 172px;
    -webkit-animation:ctdown2  18s linear infinite;
    -moz-animation:ctdown2 18s linear infinite;
    animation:ctdown2 18s linear infinite;
}


.cloud2 {
    position: absolute;
    top: 137px;
    right: 115px;
    z-index: 999;
    width: 144px;
}
@media(max-width:1750px){
.cloud2 {
    right: 115px;
    width: 144px;
}
}

@-moz-keyframes ctdown2 {
    0%{top:137px;} 
    25% {top:50px;} 
    50%{top:137px;}
    75%{top:50px}
    100%{top:137px}
}
@-webkit-keyframes ctdown2 { 
    0%{top:137px;} 
    25% {top:50px;} 
    50%{top:137px;}
    75%{top:50px}
    100%{top:137px}
}
@keyframes ctdown2 { 
    0%{top:137px;} 
    25% {top:50px;} 
    50%{top:137px;}
    75%{top:50px}
    100%{top:137px}
}

.cloud3{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 188px;
    z-index: 999;
}

@media(max-width:1680px){
    .cloud1 {
        width: 152px;
        left: 23px;
    }
    .cloud2 {
        right: 65px;
        width: 114px;
    }
    .cloud1star {
        left: 235px;
    }
    .cloud1blink {
        left: 273px;
    }
    .cloud3star {
        top: 18px;
    }
    .cloud3blink {
        top: 14px;
    }
}

.cloud4{
    position: absolute;
   left: 0;
   bottom: 0;
   z-index: 999;
}
.d-row{
    margin-top: 60px;
}
.main-header h2{
    font-size: 27px;
    font-weight: bold;
    color: #00109E;
    margin-bottom: 20px;
}
.main-header h2 img{
    margin-right: 8px;
}
.main-header label{
    font-weight: 500;
    color: #FE5300;
    font-size: 16px;
    bottom: 24px;
   position: relative;
}
.blog-item-card img{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 12px;
    width: 100%;
}
.blog-item-card-txt h6{
    color: #FE5300;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}
.blog-item-card-txt p{
    font-size: 12.5px;
}
.blog-item-card-txt {
    padding: 15px 15px 15px 15px;
}

.blog-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -5%;
    top: 34%;
    transform: translateY(-50%);
    text-align: center !important;
    padding: 5px 10px !important;
  }
  .blog-slider.owl-carousel .owl-nav .owl-next:hover{
    background: none;
  }
 

  .blog-slider.owl-carousel .owl-nav .owl-next  i {
    color: #FE5300 !important
  }
  .blog-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -5%;
    top: 34%;
    transform: translateY(-50%);
    text-align: center !important;
    padding: 5px 10px !important;
  }
  .blog-slider.owl-carousel .owl-nav .owl-prev:hover{
    background: none;
  }
  .blog-slider.owl-carousel .owl-nav .owl-prev i {
    color: #FE5300 !important;
  }
.blog-second-card img{
    width: 100%;
}
.blog-second-cardcontent{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    padding: 15px 20px 1px;
}
.blog-second-cardcontent h4{
    font-weight: 900;
    color: #00109E;
    font-size: 20px;
    margin-bottom: 0;
}
.blog-second-cardcontent p{
    font-weight: 500;
    font-size: 13px;
    color: #FE5300; 
}
.row-second-row{
    padding: 60px 0 0;
}
.popular-choice .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
}
.popular-choice .nav-tabs {
    border-bottom: 0;
}
.popular-choice .nav-tabs .nav-link{
    border: none;
    color: #00109E;
    font-size: 14px;
    font-weight: 500;
    
}
.popular-choice .nav-tabs .nav-link.active{
    background: #FF53002B;
    border-radius: 10px;
    border: 1px solid #FF5300;
}
.popular-choice .nav-tabs .nav-link:hover {
    border:none
}
.popular-choice .nav-tabs .nav-link.active:hover{
    border: 1px solid #FF5300;
}
.p-choice-sec h6{
    color: #00109E;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0;
}
.p-choice-sec p{
    font-size: 13px;
    color: #FF5300;
}
.popular-choice .tab-content{
    margin-top: 40px;
}
.p-choice-sec{
    margin-bottom: 30px;
}
.breadcrumb-sec .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}

/*----------------hotel index-------*/
.hotel-filter-icon{
    background: #001799;
    height: 78px;
    width: 78px;
    text-emphasis: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    margin: 0 auto 12px;
}
.hotel-filter-icon img{
    width: 36px !important;
}
.filter-span{
    color: #001799;
    text-align: center;
    font-size: 12.5px;
    font-weight: 500;
    width: 100%;
    display: block;
}
/*-------- smile offer commen---------*/
.home-smile-offer-left h5{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}
.home-smile-offer-left p{
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 10px;
}
.home-smile-offer{
    background: #F8F8F8;
}

.smile-offer-slider-card{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 12px;
    margin-bottom: 12px;
}
.smile-offer-slider-card img{
    border-radius: 12px 12px 0 0;
    width: 100%;
}
.smile-offer-slider-cardTxt{
    padding: 16px 14px;
}
.smile-offer-slider-cardTxt h6{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #FE5300;
}
.smile-offer-slider-cardTxt p{
    font-weight: 300;
    width: 64%;
    
}
.smile-offer-slider-card .book-btn{
    margin: 0 0 0 auto;
    width: 37%;
    font-size: 10px;
    padding: 4px 7px;
    margin-top: -19px;
}
.jmp-slider.owl-theme .owl-dots .owl-dot span {
  background: #001799;
  margin: 5px 3px;
}
.jmp-slider.owl-theme .owl-dots .owl-dot.active span{
    background: #FE5300;
}
.jmp-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -7%;
    top: 34%;
    transform: translateY(-50%);
    text-align: center !important;
    padding: 5px 10px !important;
  }
  .jmp-slider.owl-carousel .owl-nav .owl-next:hover{
    background: none;
  }
 
  .jmp-slider.owl-carousel .owl-nav .owl-next  i {
    color: #FE5300 !important
  }
  .jmp-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -7%;
    top: 34%;
    transform: translateY(-50%);
    text-align: center !important;
    padding: 5px 10px !important;
  }
  .jmp-slider.owl-carousel .owl-nav .owl-prev:hover{
    background: none;
  }
  .jmp-slider.owl-carousel .owl-nav .owl-prev i {
    color: #FE5300 !important;
  }
  .smile-middle-form-list{
    margin: 0 0 0 auto;
    width: 69%;
  }
  .smile-middle-form-list .smile-logo-2{
    max-width: 300px;
  }
.smile-middle-form-list-txt{
    padding: 15px;
    border-radius: 23px;
    margin-top: 23px;
    padding: 15px 15px 25px;
}
.smile-middle-form-list a{
    background: #2928A4;
    color: #fff;
    border-radius: 27px;
    text-align: center;
    max-width: 270px;
    display: block;
    margin: 0 auto;
    font-weight: bold;
    font-size: 19px;
    padding: 11.27px 9px;
    position: relative;
    bottom: 14px;
}
.smile-middle-form-list a:hover{
    background: #FE5300;
}
.smile-middle-form-list a img{
  position: absolute;
  bottom: -21px;
  left: -6px;
}
.home-smile-offer-left{
    margin-top: 94px;
}
/*-------- smile offer commen END---------*/

.bg-gray{
    background: #F8F8F8;
}
.most-searched-stay{
    padding: 70px 0 60px;
    overflow: hidden;
}
.mostSearchedHotel-card-txt .hotel-star img{
    width: initial !important;
    display: inline-block !important;
}
.mostSearchedHotel-card-txt h5{
    color: #00109E;
    font-weight: bold;
    font-size: 15px;
    width: 50%;
    padding-top: 5px;
    margin-bottom: 4px;
}
.mostSearchedHotel-card-txt h5 small{
    font-weight: bold;
}
.location-secondary-icon{
    width: 12px !important;
    float: left;
    margin-right: 3px;
}
.mostSearchedHotel-card-txt h6{
    font-weight: bold;
    color: #FF5300;
    font-size: 16.5px;
}
.mostSearchedHotel-card-txt h6 small{
    font-weight: bold;
}
.mostSearchedHotel-card-txt span{
    font-size: 12.5px;
    color: #B3B3B3;
    margin-right: 3px;
}
.mostSearchedHotel-card{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom: 15px;
}
.mostSearchedHotel-prize{
    text-align: center;
}
.mostSearchedHotel-prize label{
    font-size: 15px;
    color: #00109E;
}
.mostSearchedHotel-prize img{
    width: 23px !important;
    float: left;
}
.mostSearchedHotel-prize .book-btn{
    font-size: 13px;
    padding: 3px 5px;
}
.mostSearchedHotel-card-txt{
    padding: 15px 10px 15px 25px;
}
.g-content .row-pad{
    padding-left: 10px;
    padding-right: 10px;
}
.g-content .col-pad{
    padding-left: 5px;
    padding-right: 5px;
}
.g-content-card{
    border:1px solid #FE5300;
    border-radius: 20px;
    padding: 15px;
    height: 100%;
}
.g-content h6{
    font-weight: bold;
    font-size: 16px;
    color: #001799;
}
.g-content a{
    color: #FF5300;
    font-size: 12.5px;
    text-decoration: underline;
    font-weight: 500;
}


.g-content-card h5{
    color: #001799;
    font-weight: bold;
    font-size: 14px;
}
.g-content-card p{
    font-size: 12.5px;
}
.g-content-col{
    text-align: center;
    padding: 10px 25px;
}
.g-content-col-row{
    border-top: 1px solid #FF5300;
    padding-top: 25px;
}
.g-content-col h6{
    font-size: 16px;
    font-weight: bold;
    color: #00109E;
}

.g-col-border{
    border-right: 1px solid #fe5300;
}

.g-col-border:last-child{
    border-right:none;
}
.blog-sec .accordion-heading{
    background: #FF530026;
    border-radius: 8px;
    padding: 10px 20px;
    margin-bottom: 4px;
    position: relative;
}
.blog-sec .accordion-heading .accordion-toggle{
    position: relative;
    width: 100%;
    display: block;
}
.blog-sec .accordion-heading .accordion-toggle::after{
  position: absolute;
  content: "";
  right: 0;
  bottom: 5px;
  color: #FE5300;
  background: url(../images/top-arrow.png) no-repeat;
  width: 18px;
  height: 10px;
  
}
.blog-sec .accordion-heading .accordion-toggle.collapsed::after{
    transform: rotate(180deg);
}
.blog-sec .accordion-heading .accordion-toggle{
    color: #00109E;
    font-weight: bold;
    font-size: 18px;
}
.blog-sec .accordion-inner{
    background: #FF53000D;
    padding: 10px 20px;
    border-radius: 8px;
    margin-bottom: 10px;
}
.blog-sec .accordion-inner p{
    font-size: 12.5px;
}
.blog-sec .accordion-inner ul{
    padding-left: 20px;
}
.blog-sec .accordion-inner ul li{
    color: #00109E;
    font-size: 12.5px;
}
.blog-sec .accordion-inner ol{
    padding-left: 20px;
}
.blog-sec .accordion-inner ol li{
    color: #00109E;
    font-size: 12.5px;
}
.sc-col h6{
    font-size: 15px;
    color: #00109E;
    font-weight: bold;
}
.sc-col ul{
    padding-left: 0;
}
.sc-col ul li{
    list-style: none;
}
.sc-col ul li a{
    color: #FF5300;
    font-weight: 500;
    font-size: 12.5px;
    text-decoration: underline;
}
.HotelFilter.jmp-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -4%;
    top: 20%;
}
.HotelFilter.jmp-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -4%;
    top: 20%;
}
/*---------hotel-index END/*------*/

/*---------flight index*---------*/
.flind-flight-header{
    border-radius: 20px;
    background: url(../images/ffndflight-headerbg.png) no-repeat;
    background-color: #001799;
    padding: 20px 20px 13px;
    background-position: right;
    margin-bottom: 20px;
    background-size: 65% 100%;
}
.flind-flight-header h5{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 17px;
}
.flind-flight-header span{
    font-size: 12px;
    color: #fff;
}
.findFlight-card{
    border: 1px solid #FE5300;
    border-radius: 20px;
    padding: 15px 12px;
    
}
.findFlight-card h6{
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
    color: #FE5300;
}
.findFlight-card a{
    text-decoration: underline;
    color: #001799;
    font-size: 14px;
    width: 100%;
    display: block;
    margin-bottom: 8px;
}
.findFlight-card a:last-child{
    margin-bottom: 0;
}
.find-flights .col-pad{
    padding-left: 5px;
    padding-right: 5px;
}
.find-flights .row-pad{
    padding-left: 10px;
    padding-right: 10px;
}
.discover-sec{

}
.discover-sec .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none;
}
.discover-sec .nav-tabs {
    border-bottom: 0;
}
.discover-sec .nav-tabs .nav-link{
    border: none;
    color: #00109E;
    font-size: 14px;
    font-weight: 500;
    
}
.discover-sec .nav-tabs .nav-link.active{
    background: #FF53002B;
    border-radius: 10px;
    border: 1px solid #FF5300;
}
.discover-sec .nav-tabs .nav-link:hover {
    border:none
}
.discover-sec .nav-tabs .nav-link.active:hover{
    border: 1px solid #FF5300;
}
.discover-sec  .tab-content{
    padding-top: 30px;
}
.ar-logo{
    text-align: center;
}
.ar-logo img{
    max-width: 100%; 
}
.near-airport-card{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.near-airport-card img{
    border-radius: 10px 0 0 10px;
}
.near-airport-card a{
    color: #00109E;
    font-size: 10px;
    font-weight: 500;
    padding: 5px 8px;
    text-decoration: underline;
    display: block;
}
/*--------------train index-----------*/
.train-best-rated-card {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-bottom: 15px;
  }
.train-best-rated-card-txt {
    padding: 15px 10px 15px 25px;
}
.train-best-rated-header{
    padding: 15px;
}
.train-best-rated-header h4{
    font-weight: 900;
    font-size: 15px;
    margin-bottom: 0;
    color: #00109E;
}
.train-best-rated-header span{
    font-size: 12px;
    color: #00109E;
}
.train-best-rated-txt{
    padding: 15px;
}
.duration-div img{
    width: 14px !important;
    display: initial !important;
}
.duration-div label{
    font-size: 11px;
    color: #FE5300;
    margin-bottom: 0;
}
.train-best-rated-prize h4{
    font-weight: bold;
    color: #001799;
    font-size: 18px;
    margin-top: 44px;
}
.train-best-rated-right .book-btn{
    font-size: 13px;
    margin-top: 15px;
}
/*--------------train index End-----------*/

/*--------------transfer index------------*/
.cheap-transfers-card{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background: #fff;
    padding: 20px;
    margin-bottom: 10px;
}
.cheap-transfers-card-border{
    border: 1px solid #FE5300;
    border-radius: 20px;
}
.cheap-transfers-card h5{
    font-weight: bold;
    color: #FE5300;
    font-size: 14px;
}
.transfer-prize{
    text-align: center;
}
.transfer-prize label{
    color: #B3B3B3;
    font-size: 11px;
    margin-bottom: 0;
}
.transfer-prize h6{
    color: #001799;
    font-size: 20px;
    font-weight: bold;
}
.transfer-prize .book-btn{
    font-size: 13px;
    padding: 3px;
}
.cheap-transfers-slider.jmp-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -4%;
    top: 40%;
}
.cheap-transfers-slider.jmp-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -4%;
    top: 40%;
}
.gbg-white p{
    font-size: 12.5px;
}
.gbg-white h2{
    font-size: 27px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #00109E;
}
/*--------------train index END-----------*/

/*-------------activity index-------------*/
.activityFilter.jmp-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -4%;
    top: 20%;
}
.activityFilter.jmp-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -4%;
    top: 20%;
}
/*-------------activity index-------------*/


@media screen and (max-width:1200px){
   
    .banner-sec {
        margin-top: 0px;
        height: auto;
    }
   
  
.owl-carousel.owl-theme.options2 .item img {
    height: auto;
}
.search-engine-wrapper {
    top: 94px;
}
.top-flight-section .post-slide .post-img img {
    max-height: 420px;
    min-height: 420px;
}
.top-flight-section .owl-carousel .owl-nav .owl-next {
    right: -3%;
}
.top-flight-section .owl-carousel .owl-nav .owl-prev {
    left: -3%;
}
.search-engine-wrapper {
    top: 95px;
}
.best.hotels.list {
    padding: 0;
  }
  .top-header .navbar .navbar-nav .nav-item .nav-link {
    margin-right: 64px;
  }
  .top-header {
   
    padding: 10px 0;
  }

  .night-animation, .moon, .sun, .Cloud-4, .Cloud-3, .Cloud-1, .plane{
    display: none;
}
.chatbot {
    top: auto;
    bottom: 15px;
    z-index: 999999;
}
.banner-sec .search-engine-section .search-box .home-input-field {
    height: 48px;
}
.banner-sec .search-engine-section .search-box .home-input-field .form-control, .banner-sec .search-engine-section .search-box .home-input-field .form-control:focus {
    height: 22px;
}
.middle-form-wrapper .home-input-field {
    height: 50px;
}
.middle-form-wrapper .form-control {
    height: 21px;
}
.more-stay-card-txt p {
    height: 68px;
margin-bottom: 0;
}
.more-stay-card-txt .book-btn {
    width: 58%;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    bottom: 15px;
}

.more-stay-card-txt {
    padding-bottom: 10px;
}
.more-stays img {
    min-height: 160px;
}
.hss-right {
    max-width: initial;
    padding: 6px 15px;
}
.min-w {
    width: 100%;
    min-width: auto;
}
.train-best-rated-right img{
    width: auto !important;
}
.activityFilter.jmp-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -2%;
    top: 24%;
  }
  .activityFilter.jmp-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -2%;
    top: 24%;
  }

  .HotelFilter.jmp-slider.owl-carousel .owl-nav .owl-next {
    right: -2%;
    top: 24%;
  }
  .HotelFilter.jmp-slider.owl-carousel .owl-nav .owl-prev {
    left: -2%;
    top: 24%;
  }

}



@media screen and (max-width:1119px){
    .top-flight-section .post-slide .post-content{
        padding:15px
    }
    


}
@media screen and (max-width:991.8px){
 
    .best_hotels h2{
        margin-bottom:30px
    }
    .top-header-div {
       
    }
    .top-flight-section h2 {
        font-size: 32px;
    }
    .top-flight-section .post-slide .post-img img {
        border-radius: 0 !important;

    }
    .top-sightseeing-section h2 {
        font-size: 32px;
    }
    .best_hotels h2 {
        font-size: 32px;
    }
    .newsletter-section h2 {
        font-size: 30px;
    }
    #google_translate_element .goog-te-combo {
        background-color: none;
        color: #fff;
    }
    .top-header-div .navbar-nav .nav-item .nav-link {
        color: #fff;
    }
    .wof_logo img {
        width: 178px;
      }
      .top-header-div .navbar .navbar-toggler {
        color: #fff;
      }
      .top-header .navbar .navbar-nav .nav-item .nav-link {
        padding: 0.375rem 7px !important;
        font-size: 12px;
        margin-right: 0px;
        text-align: center;
      }
      .search-engine-wrapper {
        top: 0;
        position: relative;
    }
    .people-jump{
        width: 100%;
    }
    .jump-img{
        width: 100%;
    }
    .cloud1 {
        width: 250px;
    }
    .top-sightseeing-section h2 {
        top: 38px;
        margin-bottom: 99px;
    }
    .cloud2 {
        position: absolute;
        top: 0px;
    }
    .smile-logo {
        margin: 0 auto;
        display: block;
        margin-bottom: 15px;
      }
      .d-row {
        margin-top: 0;
      }
      .flight-arrow-icon {
        top: 29px;
        width: 33px;
        right: 47%;
        transform: rotate(270deg);
    }
    .banner-sec .search-engine-section .search-box .home-input-field {
        border-radius: 5px;
        margin-bottom: 6px;
    }
    .rotation-stand {
        position: absolute;
        opacity: 0.1;
        bottom: 35px;
        width: 65px;
        left: 39px;
      }
      .rotation {
        position: absolute;
        opacity: 0.1;
        bottom: 58px;
        width: 126px;
        left: 9px;
        -webkit-animation: spin 17s linear infinite;
        -moz-animation: spin 17s linear infinite;
        animation: spin 17s linear infinite;
        z-index: 999;
      }
      .hss-right ul{
        width: 100%;
      }
      .hss-right ul li {
        list-style: none;
        width: auto;
        margin-bottom: 15px;
        float: left;
        display: block;
        margin-right: 17px;
      }
      .adv-item {
        margin-bottom: 30px;
      }
      .prepare-trip-sec {
        margin-bottom: 30px;
      }
      .fp-content {
        padding: 13px;
      }
      .tp-card-content a {
        font-size: 11px;
        left: 15%;
        padding: 2px 7px;
      }
      .top-sightseeing-section {
        margin: 30px 0 30px;
      }
      .blog-second-cardcontent {
        padding: 10px 8px 1px;
      }
      .blog-second-cardcontent p {
        min-height: 39px;
      }
      .perfect-hotel-sec {
        height: auto;
        margin-bottom: 15px
    }
    .smile-middle-form-list {
        margin: 0 0 0 auto;
        width: 100%;
    }
    .home-smile-offer-left {
        margin-top: 0;
    }
    .g-col-border {
        border-right: none;
        border-bottom: 1px solid #fe5300;
    }
    .g-col-border:last-child {
        border-bottom: none;
    }
      
    .findFlight-card {
        margin-bottom: 5px;
    }
    .flind-flight-header {
        margin-bottom: 6px;
    }
    .g-content-card {
        height: auto;
        margin-bottom: 15px;
    }
    .train-best-rated-prize h4 {
        margin-top: 17px;
      }
    .train-best-rated-right .book-btn {
        padding: 2px;
    }
}


@media screen and (max-width:767px){
    .rotation {
        position: absolute;
        opacity: 0.1;
        bottom: 58px;
        width: 122px;
        left: -17px;
        -webkit-animation: spin 14s linear infinite;
        -moz-animation: spin 14s linear infinite;
        animation: spin 14s linear infinite;
        z-index: 999;
      }
      .rotation-stand {
        position: absolute;
        opacity: 0.1;
        bottom: 27px;
        width: 65px;
        left: 12px;
      }
    .top-sightseeing-section {
        padding: 30px 0 50px;
    }

    .top-sightseeing-section h2 {
        top: 45px;
    }
    .best_hotels h2 {
        font-size: 24px;
    }
    .cloud1 {
        width: 170px;
      }
      .cloud2 {
        width: 150px;
      }
    .news-pattern {
        object-fit: cover;
        opacity: 0.2;
    }
    .top-sightseeing-section h2 {
        font-size: 24px;
    }
    .frmtxt {
        font-size: 30px;
    }
    .vector-2{
        width: 90px;
    }
    .top-flight-section h2 {
        font-size: 23px;
    }
    .ec-dropbtn {
        margin-left: 0;
    }
    
.top-flight-section .post-slide .post-img img {
    max-height: 250px;
    min-height: 250px;
  }
  .top-sightseeing-section h2, .top-flight-section h2,  .best_hotels h2  {
    margin: 0px 0 10px;
  }

  .top-sightseeing-section h2{
    margin: 0px 0 75px;
}

  .top-header .navbar .navbar-nav .nav-item .nav-link {
    padding: 0.375rem 7px !important;
    font-size: 12px;
    margin-right: 8px;
  }
  .banner-sec .search-engine-section .search-box .home-input-field {
    border-radius: 5px;
    margin-bottom: 6px;
  }
  .flight-arrow-icon {
    top: 38px;
    width: 24px;
    right: 47%;
    transform: rotate(270deg);
    z-index:1;
  }
  .second-sec-left{
    text-align: center;
    margin-bottom: 25px;
  }

  .jump-img{
    width: 300px;
  }
  .smile-logo{
    max-width: 265px;
    margin: 0 auto;
    margin-bottom: 0px;
    display: block;
    margin-bottom: 15px;
  }
  .chatbot {
    width: 50px;
  }
  .banner-sec {
    padding: 9px 0 55px;
  }
  .best_hotels .img_wrap {
    margin-bottom: 10px;
  }
  .hotels.list .item .location {
    padding: 0px 8px 4px 0;
  }
  .fixed-social-link {
    top: auto;
    bottom: 40px;
  }
  .hotels.list .item {
    position: relative;
    background: #fff;
    padding: 10px;
  }
  .banner-txt-img{
    width:250px
  }
  .second-sec-left p br{
    display: none;
  }
  .sec2-logo {
    max-width: 350px;
  }
  .bjae {
    font-size: 8px;
  }
  .home-second-sec h2 {
    font-size: 22px;
    padding-top: 10px;
  }
  .home-second-sec h4 {
    font-size: 16px;
  }
  .home-second-sec {
    padding: 25px 0;
  }
  .adv-destination h1 {
    font-size: 30px;
  }
  .adv-destination h6 {
    font-size: 16px;
  }
  .adv-dropdown .btn.dropdown-toggle {
    font-size: 15px;
  }
  .section-padding {
    padding: 20px 0;
  }
  .tp-card {
    position: relative;
    margin-bottom: 10px;
  }
  .tp-card-content a {
    left: 34%;
  }
  .jpf-content img {
    width: 35px;
  }
  .jpf-content h5 {
    font-size: 18px;
  }
  .jpf-content h5::after {
    left: 43%;
  }
  .jpf-header h2 {
    font-size: 18px;
  }
  .jp-features h2 img {
    width: 170px;
}
.middle-form {
    padding: 30px 0;
}
.fp-content {
    margin-bottom: 20px;
}

.adv-dropdown .btn.dropdown-toggle {
    min-width: initial;
    width: 100%;
    padding: 3px 27px;
}
.blog-item-card-txt {
    padding: 15px 0px 15px 0px;
}
.hss-right ul li {
    margin-right: 2px;
}
.prepare-trip .row .col-lg-3.col-6:nth-child(2n){
    padding-left: 5px !important;
}
.prepare-trip .row .col-lg-3.col-6:nth-child(2n+1){
    padding-right: 5px !important;
}
.prepare-trip-sec {
    margin-bottom: 10px;
}
.prepare-trip {
    background: #F8F8F8;
    padding: 15px 0 15px;
    margin: 15px 0;
}
.row-second-row {
    padding: 20px 10px;
}
.perfect-hotel-sec-txt .book-btn {
    width: 100%;
    font-size: 15.5px;
    padding: 2px;
    font-weight: 500;
    font-size: 12px;
}
.perfect-hotel-sec-txt {
    padding: 7px;
}
.row-second-row .col-md-4.col-6{
    padding-left: 5px;
    padding-right: 5px;
}
.row-second-row  .col-md-4{
    padding-left: 5px;
    padding-right: 5px;
}
.blog-second-card{
    margin-bottom: 10px;
}
.hotel-filter-icon {
    height: 50px !important;
    width: 50px !important;
    margin: 0 auto 5px;
}
.hotel-filter-icon img {
    width: 21px !important;
  }
.hotel-filter-icon img{
    width: 18px;
}

.blog-sec .accordion-heading .accordion-toggle::after {
    right: -9px;
    bottom: 9px;
    color: #FE5300;
    width: 11px;
    height: 6px;
    background-size: cover;
}
.smile-middle-form-list .smile-logo-2 {
    max-width: 218px;
}
.main-header h2 img{
    width: 34px;
}
.middle-form-list h6 {
    padding-left: 5px;
}
.mostSearchedHotel-card-txt h5 {
    width: 100%;
}
.mostSearchedHotel-card-txt {
    padding: 8px 11px 12px 10px;
  }
  .jmp-slider.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: -10px;
    padding: 0 !important;
    margin: 0 !important;
  }
  .jmp-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: -10px;
    padding: 0 !important;
    margin: 0 !important;
  }

}


@media screen and (max-width:565px){
    .rotation-stand {
        position: absolute;
        opacity: 0.1;
        bottom: 15px;
        width: 46px;
    }
    .rotation {
        position: absolute;
        opacity: 0.1;
        bottom: 34px;
        width: 87px;
        left: -8px;
        -webkit-animation: spin 14s linear infinite;
        -moz-animation: spin 14s linear infinite;
        animation: spin 14s linear infinite;
        z-index: 999;
      }
    .banner-txt{
        width: 250px;
    }
    .cloud1 {
        width: 141px;
        top: 20px;
      }
      .cloud2 {
        width: 110px;
        right: 0;
      }
.top-header .navbar .navbar-nav .nav-item .nav-link {
    padding: 0.375rem 7px !important;
    font-size: 12px;
    margin-right: 0px;
    text-align:center;
}
.frmtxt {
    font-size: 30px;
}
.middle-form-wrapper {
    padding: 15px 30px 0;
  }
  .middle-form-wrapper .form-search-btn {
    border-radius: 6px;
    margin-bottom: 15px;
  }
  .economy-select {
    margin-bottom: 25px;
  }
  .second-sec {
    padding: 15px 0;
  }
  .top-flight-section {
    padding: 20px 0;
  }
  .middle-form {
    padding: 20px 0;
  }
  .middle-form-wrapper h5 {
    font-size: 16px;
  }
  .jump-img {
    width: 240px;
  }
  .top-sightseeing-section {
    padding: 21px 0;
  }
  .newsletter-section h2 {
    font-size: 18px;
  }
  .newsletter-section {
    padding: 20px 0;
  }
  .newsletter-section .newsletter-form {
    margin-top: 5px;
  }
  .best_hotels .img_wrap {
    width: 100%;
  }
  .hotels.list .text_wrap {
    padding: 0;
    width: 100%;
  }
  .fixed-social-link {
    top: auto;
    bottom: 40px;
    z-index: 999999;
  }
  .chatbot {
    top: auto;
    bottom: 30px;
  }
  .ui-widget.ui-widget-content.ui-menu {
    z-index: 99999;
    left: 6px !important;
    right: 0;
    width:70% !important;
    max-width:300px !important;
    }
    .sec2-logo {
        max-width: 256px;
    }
    .bjae {
        font-size: 6px;
    }
    .jp-features {
        margin-top: 19px;
    }
    .tp-card-content a {
        left: 8px;
        right: 8px;
        text-align: center;
    }
    .perfect-hotel-sec h5 {
        min-height: 36px;
    }
    .banner-sec .search-engine-section .search-box h2 {
        text-align: left;
        width: auto;
    }
    .main-header h2 {
        font-size: 21px;
    }
    .popular-choice .nav-tabs .nav-link{
        padding: 4px;
        font-size: 12px;
        border-radius: 5px;
    }
    .popular-choice .nav-tabs .nav-link.active {
        border-radius: 5px;
    }
    .discover-sec .nav-tabs .nav-link {
        padding: 4px;
        font-size: 12px;
        border-radius: 5px;
    }
    .discover-sec .nav-tabs .nav-link.active {
        border-radius: 5px;
    }
    .blog-second-cardcontent h4 {
        font-size: 15px;
    }
    .blog-sec .accordion-heading .accordion-toggle {
        font-size: 15px;
    }
    .activityFilter.jmp-slider.owl-carousel .owl-nav .owl-next {
        right: 1%;
        top: 22%;
      }
    .activityFilter.jmp-slider.owl-carousel .owl-nav .owl-prev {
        left: 1%;
        top: 22%;
      }
      .HotelFilter.jmp-slider.owl-carousel .owl-nav .owl-next {
        right: 1%;
        top: 24%;
      }
      .HotelFilter.jmp-slider.owl-carousel .owl-nav .owl-prev {
        left: 1%;
        top: 24%;
      }

}
@media(max-width:992px){
    .animation-arapper{
        z-index: 1;
    }
     .banner-sec {
         z-index: 1;
     }
    .cloud1{
    width: 120px;
    left: 10px;
  }
  .cloud1star{  
     left: 154px;
    width: 16px;
  }
  .cloud1blink{
      left: 171px;
      width: 6px;
      top: 45px;
    }
.cloud2star{
  top: 250px;
  left: 23px;
  width: 16px;
}
.cloud2blink {
    top: 244px;
    left: 17px;
    width: 6px;
}
.cloud2{
    right: 35px;
    width: 70px;
  }
  .cloud3star {
    width: 16px;
  }
  .cloud3blink {
    width: 6px;
    right: 56px;
  }
}


@media(max-width:768px){
    .cloud1{
        width: 60px;
        top:10px;
    }

@-moz-keyframes ctdown {
    0%{top:10px;} 
    25% {top:70px;} 
    50%{top:10px;}
    75%{top:70px}
    100%{top:10px}
}
@-webkit-keyframes ctdown { 
    0%{top:10px;} 
    25% {top:70px;} 
    50%{top:10px;}
    75%{top:70px}
    100%{top:10px}
}
@keyframes ctdown { 
    0%{top:10px;} 
    25% {top:70px;} 
    50%{top:10px;}
    75%{top:70px}
    100%{top:10px}
}
.cloud1star{
    left: 102px;
    width: 16px;
    top: 16px;
  }
  .cloud1blink{
    left: 97px;
    width: 6px;
    top: 10px;
  }
  .cloud3star
  {
      right: 24px;
    }
  .cloud2 {
    width: 48px;
    top:10px;
    right: 45px;
  }
  .cloud3blink{
    width: 6px;
    right: 16px;
  }


  @-moz-keyframes ctdown2 {
    0%{top:70px;} 
    25% {top:10px;} 
    50%{top:70px;}
    75%{top:10px}
    100%{top:70px}
}
@-webkit-keyframes ctdown2 { 
    0%{top:70px;} 
    25% {top:10px;} 
    50%{top:70px;}
    75%{top:10px}
    100%{top:70px}
}
@keyframes ctdown2 { 
    0%{top:70px;} 
    25% {top:10px;} 
    50%{top:70px;}
    75%{top:10px}
    100%{top:70px}
}
}

@media(max-width:565px){
.cloud1{
    width: 34px;
}
.cloud2{
    width: 28px;
    right: 21px;
    top:40px
  }
 
  @-moz-keyframes ctdown2 {
    0%{top:70px;} 
    25% {top:40px;} 
    50%{top:70px;}
    75%{top:40px}
    100%{top:70px}
}
@-webkit-keyframes ctdown2 { 
    0%{top:70px;} 
    25% {top:40px;} 
    50%{top:70px;}
    75%{top:40px}
    100%{top:70px}
}
@keyframes ctdown2 { 
    0%{top:70px;} 
    25% {top:40px;} 
    50%{top:70px;}
    75%{top:40px}
    100%{top:70px}
}
.cheap-transfers-card {
    padding: 9px 
}

}


@media (max-width:992px) and (min-width:565px){
    .banner-sec .search-engine-section .search-box {
        padding: 20px 20px 214px;
    }
}


@media screen and (max-width: 768px) {
    .top-sightseeing-section {
        z-index:1;
    }
    
}
@media screen and (max-width: 565px) {
    .ui-datepicker.ui-datepicker-multi {
        top:250px !important;
    }
    
 .banner-sec {
    padding: 9px 0 0px;
  }
  .search-box .addguest {
    left: 0 !important;
    z-index: 99999 !important;
    top: 50px; 
  }
  .top-flight-section .owl-carousel .owl-nav .owl-next {
      top: 57%;
  }
   .top-flight-section .owl-carousel .owl-nav .owl-prev {
      top: 57%;
  }
    
}

@media screen and (max-width: 480px) {
  .ui-datepicker.ui-datepicker-multi {
    width: 86% !important;
    left: 18px !important;
  }
}