@import"../font-awesome-4.7.0/css/font-awesome.css";
@import"bootstrap.min.css";
@import"jquery-ui.min.css";
@import"slick-theme.css";
@import"../../cdn.jsdelivr.net/npm/bootstrap-icons%401.7.2/font/bootstrap-icons.css";
/*@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,500&display=swap";*/
@import"https://fonts.googleapis.com/css?family=Rubik:300,400,500,700&display=swap";
* { margin: 0; padding: 0; }
a { cursor: pointer }
.dest_bg { background-color: rgb(245 238 208 / 41%) !important; }
 .dest_bg .contentBox { display: inline-block; background-color: #ffff; padding: 32px; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 10%); margin: 30px 0 30px; border-radius: 10px; }
.transparent_header { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid rgba(255,255,255,.2) }
.headerCntr.fixed { z-index: 999; background: #fff; position: fixed; left: 0px; top: 0px; width: 100%; box-shadow: 0 5px 10px #f4f4f4; animation: slideInDown 0.2s linear; }

@media(max-width: 767px) {
 .transparent_header { padding: 4px 0 0 0; position: static }
}

.transparent_header .headerCntr { background: none }
 .transparent_header .headerCntr .logo a { background: url(../images/site-logo.png) left top no-repeat; background-size: 100% }

@media(max-width: 767px) {
 .transparent_header .headerCntr .logo a { background: url(../images/site-logo.png) left top no-repeat; background-size: 100% }
}

.transparent_header .headerCntr .call-tfn { line-height: 20px; cursor: pointer; background: #ffff; color: #0C5278; padding-left: 59px }
 .transparent_header .headerCntr .call-tfn:before { border-radius: 20px; left: 15px; background: url(../../images/call_icone.png)center center no-repeat #0C5278; background-size: 100%; /*background: url(../../images/phone-call.svg) center center no-repeat #0C5278;*/ /*animation: tilt-shaking 0.25s linear infinite;*/ }
.transparent_header .headerCntr .menuBox ul li a { color: #303030 }
.flow-menu .menuBox { display: none }
.flow-menu .headerCntr .call-tfn_mobile { margin-right: 0px }
.flow-menu .mobileMenu { display: none }

@media(max-width: 767px) {
 .flow-menu .mobileMenu { display: none }
}

@media(max-width: 767px) {
 .payment-page .flow-menu { padding-left: 45px }
}

.headerCntr {
    box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 10px 0px;
}
 .headerCntr .logo { float: left }
  .headerCntr .logo a { width: 130px; height: 61px; margin-top: 2px; cursor: pointer; display: block; text-decoration: none; text-indent: -99999px; background: url(../../images/site-logo.jpg) left top no-repeat; background-size: 100% }

@media(max-width: 1199px) {
 .headerCntr .logo a { width: 130px }
}

@media(max-width: 767px) {
 .headerCntr .logo a { width: 121px }
}

@media(max-width: 479px) {
 .headerCntr .logo a { padding-top: 6px; width: 80px; height: 33px }
}

.headerCntr .call-tfn { background: #fff; cursor: pointer; float: right; margin: 1px 20px 0 0; font-size: 20px; padding: 7px 30px 7px 55px; line-height: 18px; position: relative; color: #0C5278; font-weight: 600; text-decoration: none; border-radius: 50px }
    .headerCntr .call-tfn:before {
        content: "";
        width: 35px;
        height: 35px;
        display: block;
        position: absolute;
        left: 15px;
        border-radius: 20px;
        left: 15px;
        background: url(../../images/call_icone.png)center center no-repeat #0C5278;
        background-size: 100%; /*background: url(../../images/phone-call.svg) center center no-repeat #0C5278;*/ /*animation: tilt-shaking 0.25s linear infinite;*/
    }
 .headerCntr .call-tfn:after { position: absolute; top: 0; left: 0; content: ""; width: 250px; height: 55px; animation: call-wobble-effect 2s cubic-bezier(.42,.14,.43,1) .2s infinite; box-shadow: #ff7700 0 0 10px 10px inset; border-radius: 50px; opacity: 0; }

@media(max-width: 1199px) {
 .headerCntr .call-tfn:before { width: 36px; height: 36px }
}

.headerCntr .call-tfn span { font-size: 11px; display: block; color: #8f8f8f }

@media(max-width: 1199px) {
 .headerCntr .call-tfn { font-size: 18px; padding: 7px 30px 7px 46px }
}

@media(max-width: 767px) {
 .headerCntr .call-tfn { display: none }
}

.headerCntr .call-tfn_mobile { cursor: pointer; padding: 7px 15px 7px 40px; display: none; position: relative; font-weight: 700; float: right; font-size: 14px; color: #0C5278; background: #fff; border: 1px solid #0C5278; border-radius: 30px; margin-top: -7px }
    .headerCntr .call-tfn_mobile:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 5px;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        background: url(../../images/call_icone.png)center center no-repeat;
        background-size: 100%; /*background: url(../../images/phone-call.svg) center center no-repeat #0C5278;*/ /*animation: tilt-shaking 0.25s linear infinite;*/
    }
 .headerCntr .call-tfn_mobile:after { position: absolute; top: 0; left: 0; content: ""; width: 160px; height: 40px; animation: call-wobble-effect 2s cubic-bezier(.42,.14,.43,1) .2s infinite; box-shadow: #ff7700 0 0 10px 10px inset; border-radius: 50px; opacity: 0; }

@media(max-width: 767px) {
 .headerCntr .call-tfn_mobile:after { width: 100px; }
 .headerCntr .call-tfn_mobile { margin-right: 33px; display: block }
}

.headerCntr .menuBox { float: right }

@media(max-width: 767px) {
 .headerCntr .menuBox { display: none }
}

.headerCntr .menuBox ul { list-style: none; position: relative; padding: 0px; z-index: 1 }
 .headerCntr .menuBox ul li { float: left; margin-right: 37px }

@media(max-width: 1023px) {
 .headerCntr .menuBox ul li { margin-right: 17px }
}

.headerCntr .menuBox ul li a { color: inherit; padding: 14px 0px 5px 0; font-size: 15px; display: block; text-decoration: none; text-transform: capitalize; border-bottom: 2px solid transparent }

@media(max-width: 1199px) {
 .headerCntr .menuBox ul li a { padding: 6px 0px }
}

@media(max-width: 1023px) {
 .headerCntr .menuBox ul li a { font-size: 14px }
}

.headerCntr .menuBox ul li a:hover, .headerCntr .menuBox ul li a.active { border-bottom-color: #F16752 }
/*flag*/
.flow-menu .country_box { display: none }
.country_box { display: inline-block; float: right; border: 1px solid #330595; border-radius: 8px; padding: 5px 10px; margin: 5px 0px 0 15px; }
 .country_box .dropdown-toggle::after { border-top: 0.3em solid #1c0450; }
 .country_box .dropdown-menu { left: auto !important; right: -50px; }
.transparent_header .country_box { border: 1px solid #1f1f1f; }
 .transparent_header .country_box .dropdown-toggle::after { border-top: 0.3em solid #1f1f1f; }

@media (max-width:767px) {
 .country_box .dropdown-menu { left: auto !important; right: -90px; }
 .country_box { margin: -4px 35px 5px 0px; }
}
/*flang end*/
.mobileMenu { display: none; cursor: pointer; position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url(../../images/menu.svg) left top no-repeat; background-size: 100% }

@media(max-width: 767px) {
 .mobileMenu { top: -14px; right: -2px; height: 46px; display: block }
}

.mobileMenuBox { display: none; width: 100%; position: fixed; right: -200%; top: 0px; background: #fff; z-index: 3; height: 100vh }

 .mobileMenuBox .menu_div { background: #fff; position: absolute; right: 0px; top: 0px; z-index: 4; width: 320px; height: 100vh }

 .mobileMenuBox ul { list-style: none; padding: 16px; height: 100%; overflow-y: auto }

  .mobileMenuBox ul li { display: block; padding: 12px 0 12px 0px; position: relative; border-bottom: 1px dashed #ccc }

   .mobileMenuBox ul li a { color: #202020; text-decoration: none }

   .mobileMenuBox ul li .icons { border-radius: 100%; position: absolute; left: 0px; top: 12px; width: 30px; height: 30px; display: none; border: 1px solid #0C5278; text-align: center; line-height: 30px; color: #0C5278 }

.mobile_menu { display: none }

@media(max-width: 767px) {
 .mobile_menu { display: block }
}

.desktopMenu { display: block }

@media(max-width: 767px) {
 .desktopMenu { display: none }
}

.BannerContains { position: relative; width: 100%; background: url(../../images/home-banner.jpg) center top no-repeat; background-size: cover; padding: 80px 0; min-height: 576px; }
.BannerContainsflight {
    position: relative;
    width: 100%;
    background: url('../../images/flight-bg1.jpg') center top no-repeat;
    background-size: cover;
    padding: 80px 0;
    min-height: 576px;
}

@media(max-width: 1023px) {
 .BannerContains { height: auto; padding-bottom: 30px }
}

@media(max-width:767px) {
    .BannerContains {
        background-image: url('../../images/home-banner.jpg')center top no-repeat;
    }
}

.BannerContains .tagline { position: absolute; text-transform: capitalize; color: #0C5278; font-weight: 500; font-size: 52px; line-height: 52px; padding: 50px 0 20px 0 }
 .BannerContains .tagline span { color: #F16752; font-weight: 700; }

@media(max-width: 1023px) {
 .BannerContains .tagline { padding: 0px 0 20px 0 }
}

@media(max-width: 767px) {
 .BannerContains .tagline { display: none }
 #mobileSearchCntr .tagline { text-transform: capitalize; color: #0C5278; font-weight: 500; font-size: 42px; line-height: 42px; padding: 20px 0 0; }
  #mobileSearchCntr .tagline span { color: #F16752; font-weight: 700; }
}

#genericBannerCntr { position: relative; width: 100%; min-height: 500px; padding-bottom: 30px; background: #0C5278; background-repeat: no-repeat; background-position: center top; background-size: cover; }

 #genericBannerCntr:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(0,0,0,.1); height: 100% }

@media(max-width: 1023px) {
 #genericBannerCntr { height: auto; padding-bottom: 30px }
}

#genericBannerCntr .searchBox { padding-top: 200px; }

@media(max-width: 767px) {
 /*#genericBannerCntr {
        background: #fff !important
    }*/
 #genericBannerCntr .searchBox { padding-bottom: 30px; padding-top: 60px; }
}

#genericBannerCntr .tagline { font-weight: 700; font-size: 25px; line-height: 44px; padding: 0px 0 20px 0 }

@media(max-width: 1023px) {
 #genericBannerCntr .tagline { padding: 0px 0 20px 0 }
}

@media(max-width: 767px) {
 #genericBannerCntr .tagline { display: none }
}

.small_banner { position: relative; display: none }

@media(max-width: 767px) {
 .small_banner { display: block; background-color: #0C5278; height: 43px }
}

.small_banner img { width: 100%; display: none }

.small_banner .tagline { position: absolute; left: 20px; bottom: 10px; color: #fff; font-weight: 700 }

.arc_logo_banner { background: #fff; padding: 10px; float: left; margin-left: 10px; margin-top: 6px }

@media(max-width: 767px) {
 .arc_logo_banner .arc_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px; text-align: center }
}

.arc_logo_banner img { max-width: 185px }

@media(max-width: 767px) {
 .align-items-center .col:nth-of-type(n+2) { display: none }
}

.tp-widget-businessinfo__trustscore, .tp-widget-businessinfo__total { text-transform: none; display: inline-block }

.display_logo_banner { position: absolute; right: 20px; bottom: 20px }

@media(max-width: 767px) {
 .display_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px 10px; margin-top: 34px }
}

.tp_logo-banner { white-space: nowrap; background: #fff; width: 148px; float: left; padding: 5px; text-align: center; height: 80px }

.call_dealpopup { background-color: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto }

 .call_dealpopup .center-block { width: 100%; height: 100%; z-index: 1001; display: table; table-layout: fixed }

 .call_dealpopup .outer { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px 0 }

 .call_dealpopup .close_callpopup { text-align: center; background: #fff; display: inline-block; cursor: pointer; position: absolute; right: 20px; top: 20px; color: #1f1f1f }

  .call_dealpopup .close_callpopup:hover { color: #0C5278 }

.innerBlock { background: #fff; max-width: 500px; margin: 0px auto; padding: 40px; position: relative; border-radius: 5px; font-size: 15px }

@media(max-width: 767px) {
 .innerBlock { width: 460px; padding: 20px }
}

@media(max-width: 479px) {
 .innerBlock { width: 95%; padding: 20px }
}

.innerBlock .top { min-height: 85px; font-size: 17px; color: #0C5278; text-align: center; font-weight: 600 }

.innerBlock .timer { font-size: 30px; font-weight: 700 }

.innerBlock .special_tag { text-align: center; margin-bottom: 22px; font-weight: 600 }

.innerBlock .cityname { font-size: 14px; font-weight: 600 }

 .innerBlock .cityname strong { font-size: 30px; display: block; font-weight: 700; line-height: 30px }

.innerBlock .date_label { font-size: 15px; font-weight: 600; margin-bottom: 6px }

 .innerBlock .date_label .bi-calendar3 { position: relative; top: 3px; color: #0C5278 }

.innerBlock .date_div { position: relative; display: inline-block }

 .innerBlock .date_div .dd { padding-left: 42px; display: block }

.innerBlock .dateFormat { position: absolute; left: 0px; top: 0px; font-size: 30px; font-weight: 800; line-height: 30px }

.innerBlock .triptype { margin-top: 15px; padding: 15px 0; border-top: 1px dashed #ccc }

.innerBlock .tripLabel { font-weight: 600 }

 .innerBlock .tripLabel span { font-size: 14px; font-weight: 400; display: block }

.innerBlock .fares_text span { font-size: 12px }

.innerBlock .price-text { line-height: 30px; font-size: 30px; font-weight: 800; display: block; color: #0054a6 }

.innerBlock .button { display: inline-block; border-radius: 5px; background: #fff; color: #0C5278; width: 275px; text-align: center; text-decoration: none; padding: 7px 10px; font-size: 17px; font-weight: 600; margin-bottom: 10px; position: relative; border: 2px solid #0C5278 }

 .innerBlock .button .bi-telephone { position: absolute; left: 18px; top: 15px }

 .innerBlock .button:hover { color: #fff; text-decoration: none }

.innerBlock .logo_tp { padding: 10px 0 }

 .innerBlock .logo_tp img { width: 150px }

.innerBlock .btm-txt { font-size: 10px; text-align: center }

.innerBlock.increasefare .font-15 { font-size: 15px }

.innerBlock.increasefare .buttongroup { padding: 10px 0 }

 .innerBlock.increasefare .buttongroup a { background: #0C5278; box-shadow: none; border: none; padding: 10px; margin: 0px 5px }

 .innerBlock.increasefare .buttongroup .changeflight { background: #0086ff }

.footer_call { color: #ffff; display: none; z-index: 1; width: 100%; position: fixed; left: 0px; bottom: 0px; background: #432a65; text-align: center; padding: 7px 10px; font-size: 20px; font-weight: 500 }
 .footer_call .call_icon { float: left; width: 50px; }

@media(max-width: 767px) {
 .footer_call { display: block }
}

.footer_call a { color: #fff; text-align: center; text-decoration: none; display: block; position: relative }

.footer_call span { display: block; font-size: 12px }

.footer_call strong { font-size: 25px; font-weight: 800 }

.footer_call .bi-telephone { position: absolute; left: 16px; top: 12px }

#contentBannerCntr { position: relative; width: 100%; height: 300px; background-repeat: no-repeat; background-position: center top; background-size: cover }

 #contentBannerCntr:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(0,0,0,.1); height: 100% }

@media(max-width: 1023px) {
 #contentBannerCntr { height: 400px; padding-bottom: 30px }
}

@media(max-width: 767px) {
 #contentBannerCntr { height: 241px }
}

#contentBannerCntr .tagline { font-size: 45px; color: #fff; font-weight: 700; line-height: 53px; position: absolute; left: 0px; bottom: 185px }

@media(max-width: 1199px) {
 #contentBannerCntr .tagline { left: 15px }
}

@media(max-width: 1023px) {
 #contentBannerCntr .tagline { bottom: 75px; font-size: 36px; line-height: 40px }
}

@media(max-width: 767px) {
 #contentBannerCntr .tagline { bottom: 15px; font-size: 28px; line-height: 34px }
}

.contactBox { width: 100%; padding: 90px 0; position: relative }

@media(max-width: 1023px) {
 .contactBox { padding: 40px 0 }
}

.contactBox .vertical_logo { position: absolute; top: 0; left: -186px; display: none }

.contactBox p { padding: 10px 0px 0px 50px; position: relative; font-size: 16px }

 .contactBox p .email { color: #202020; display: inline-block; margin-top: 7px }

 .contactBox p .phone { color: #0C5278; font-size: 25px; font-weight: 700 }

.contactBox .icon { position: absolute; left: 0px; width: 40px; height: 40px; border: 1px solid #ffb4ba; border-radius: 100%; display: inline-block; font-size: 20px; color: #0C5278; text-align: center }

.contactBox .contact__map { width: 100%; height: 450px; border-radius: 15px; border: 1px solid #bdc8ef }

@media(max-width: 1023px) {
 .contactBox .contact__map { height: 300px }
}

.contactBox .contact__map iframe { width: 100%; height: 100% }

.contact__formBox #Description ~ span.star { position: absolute; left: 20px; top: 13px; color: red }

[class*=" bi-"]::before { margin-top: 8px }

.airporticon.column { text-align: center; margin-top: -10px }
.mobileMenuBox ul li i.fa { margin-top: 7px !important }

.txt_error { position: absolute; bottom: -41px; color: #fb3d4e; font-size: 13px; float: left; margin: 0; width: 100% !important; background: #ffebed; padding: 4px 20px; left: 0; right: 0 }

 .txt_error.date { bottom: -38px !important }

.history-details-box { border-top: 1px solid #1b75bc; padding: 15px 0; position: relative }

.no-result { padding: 20px 20px 40px; overflow: hidden; margin: 30px 0 50px; text-align: center; background: #fff }

 .no-result .oops { font-size: 46px; font-weight: 700 }

 .no-result .head { font-size: 24px; font-weight: 700; margin-bottom: 10px }

@media(max-width: 767px) {
 .no-result .oops { font-size: 30px }

 .no-result .head { font-size: 20px }
}

.addBanner { position: relative; width: 100% }

 .addBanner img { width: 100%; height: auto }

 .addBanner .btn { position: absolute; top: 54%; right: -3%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #ffe600; color: #7e8163; font-size: 20px; padding: 12px 44px 17px 36px; border: none; cursor: pointer; border-radius: 5px; text-align: center }

.contact__formBox { background: #0C5278; padding: 35px; color: #fff; margin-top: -70px; position: relative }

 .contact__formBox .text-danger { color: #ff744a !important }

@media(max-width: 1023px) {
 .contact__formBox { padding: 20px }
}

@media(max-width: 767px) {
 .contact__formBox { margin-top: -30px }
}

.contact__formBox .seprator { padding-right: 40px; margin-right: 40px; border-right: 1px solid rgba(255,255,255,.6) }

@media(max-width: 1023px) {
 .contact__formBox .seprator { padding-right: 10px; margin-right: 0px }
}

@media(max-width: 767px) {
 .contact__formBox .seprator { padding-right: 0px; border-right: 0px; padding-bottom: 15px }
}

.contact__formBox h3 { font-weight: 600; color: #fff }

.contact__formBox p { font-size: 16px; line-height: 25px; margin: 10px 0 0 0; opacity: .7 }

.contact__formBox .textarea { width: 100%; border: 1px solid #ced4da; border-radius: .25rem; padding: 10px }

.contact__formBox .input_set { position: relative; margin-bottom: 10px }

 .contact__formBox .input_set input[type=text], .contact__formBox .input_set input[type=email] { padding: 10px 15px; height: 44px }

 .contact__formBox .input_set .star { position: absolute; left: 8px; top: 13px; color: red }

.contact__formBox input[type=text]:focus ~ .star, .contact__formBox input[type=email]:focus ~ .star { visibility: hidden }

.contact__formBox .button { width: 100%; border: none; padding: 11px; margin-top: 4px; border-radius: 5px; font-size: 16px; cursor: pointer; background: #0C5278 }

 .contact__formBox .button.enqsubmit_button { background: #F16752; padding: 15px 20px; width: 100% }

.contact__formBox.enquiry_form { margin: 0px 0 20px 0 }

 .contact__formBox.enquiry_form .pl-left { padding-left: 42px !important }

 .contact__formBox.enquiry_form .seprator { min-height: 300px; margin-right: 20px }

@media(max-width: 1023px) {
 .contact__formBox.enquiry_form .seprator { margin-right: 0px; padding-right: 10px }
}

@media(max-width: 767px) {
 .contact__formBox.enquiry_form .seprator { min-height: auto }
}

.contact__formBox.enquiry_form .icons { color: #0C5278; position: absolute; left: 13px; top: 3px; display: block; pointer-events: none; font-size: 20px }

.contact__formBox.enquiry_form .list-point { list-style: none }

 .contact__formBox.enquiry_form .list-point li { position: relative; margin-bottom: 10px; padding-left: 23px }

  .contact__formBox.enquiry_form .list-point li:before { content: ""; width: 5px; height: 5px; background: #fff; display: block; position: absolute; left: 4px; top: 9px; border-radius: 100% }

.contact__formBox.enquiry_form .dates { background: #fff; margin-bottom: 10px; border: 1px solid #ced4da; border-radius: .25rem }

 .contact__formBox.enquiry_form .dates .input_set { margin-bottom: 0px; border: none }

  .contact__formBox.enquiry_form .dates .input_set .form-control { border: none; cursor: pointer }

   .contact__formBox.enquiry_form .dates .input_set .form-control:disabled, .contact__formBox.enquiry_form .dates .input_set .form-control[readonly] { background: #fff }

.contact__formBox.enquiry_form .tab_box { list-style: none; overflow: hidden }

 .contact__formBox.enquiry_form .tab_box li { float: left; padding-right: 15px }

  .contact__formBox.enquiry_form .tab_box li label { color: #c7d0ff; margin-bottom: 5px }

   .contact__formBox.enquiry_form .tab_box li label input[type=radio] ~ span::after { border-color: #aebcff }

   .contact__formBox.enquiry_form .tab_box li label input[type=radio]:checked ~ span::before { background: #fff }

   .contact__formBox.enquiry_form .tab_box li label input[type=radio]:checked ~ span { color: #fff }

    .contact__formBox.enquiry_form .tab_box li label input[type=radio]:checked ~ span::after { border-color: #fff }

.contact__formBox.enquiry_form .input_block { height: 44px; background: #fff; margin-bottom: 10px; border: 1px solid #ced4da; border-radius: .25rem; overflow: hidden; font-size: 1rem; color: #202020; padding: 6px 11px 9px 15px; display: flex; align-items: center; justify-content: space-between }

 .contact__formBox.enquiry_form .input_block .right_count { width: 45%; border-left: 1px solid #ccc; padding: 0 10px 0 20px; display: flex; align-items: center; justify-content: space-between; font-size: 17px }

 .contact__formBox.enquiry_form .input_block .left_side { display: flex; align-items: center }

 .contact__formBox.enquiry_form .input_block .hotel_icon { background: url(../images/icons/hotel.svg) left top no-repeat; width: 25px; height: 17px; display: inline-block; margin-right: 5px }

 .contact__formBox.enquiry_form .input_block .minus-icon, .contact__formBox.enquiry_form .input_block .plus-icon { cursor: pointer; margin: 0px; font-size: 24px; line-height: 24px; color: #828181 }

  .contact__formBox.enquiry_form .input_block .minus-icon:hover, .contact__formBox.enquiry_form .input_block .plus-icon:hover { color: #0C5278 }

  .contact__formBox.enquiry_form .input_block .minus-icon.disabled, .contact__formBox.enquiry_form .input_block .plus-icon.disabled { cursor: default }

   .contact__formBox.enquiry_form .input_block .minus-icon.disabled:hover, .contact__formBox.enquiry_form .input_block .plus-icon.disabled:hover { color: #828181 }

 .contact__formBox.enquiry_form .input_block .bi::before { margin-top: 0px }

 .contact__formBox.enquiry_form .input_block .guest-icon { font-size: 27px; line-height: 20px; color: #0C5278; margin-right: 5px }

.contact__formBox.enquiry_form .select-class { cursor: pointer; overflow: hidden; position: relative }

 .contact__formBox.enquiry_form .select-class:before { content: ""; font-family: fontawesome; font-size: 23px; color: #1f1f1f; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; background: #fff }

 .contact__formBox.enquiry_form .select-class .form-control { height: auto; padding: 10px 27px }

.contact__formBox.enquiry_form .watch-icon { position: absolute; left: 7px; top: 6px; color: #0C5278; font-size: 18px }

.enquiry_form .label_name { display: none }

.enquiry_form .inputField { width: 100%; border-radius: .25rem; border: 1px solid #ced4da; padding-left: 40px !important; background: #fff }

.seprator .page__title { color: #fff }

.enquiry_form .error { color: #f2ff84; margin: 5px 0 }

.enquiry_form .angucomplete-dropdown { width: 100%; left: 0px; margin: 0px }

@media(max-width: 767px) {
 .enquiry_form .angucomplete-dropdown { min-height: 250px }
}

.tilteBox { padding: 20px 0 0 0 }

 .tilteBox h2 { font-size: 26px; font-weight: 600 }

 .tilteBox .inputField { padding: 13px 10px; float: right; width: 65%; border: 1px solid #ececec; border-left: 10px solid #e7e7e7 }

.baggageFeesBox { padding: 10px 0 40px 0 }

 .baggageFeesBox .container { max-width: 1300px }

 .baggageFeesBox .small_text { margin: 15px 0 0 0; font-size: 12px; position: relative; padding-left: 17px }

  .baggageFeesBox .small_text i { position: absolute; left: 0px; top: 0px }

.baggage-desktop .baggage-content__table { border: 1px solid #ececec }

 .baggage-desktop .baggage-content__table .row { margin: 0px }

 .baggage-desktop .baggage-content__table .br-right { border-right: 1px solid #ececec }

.baggage-desktop .baggage-content__table-row { font-size: 13px; color: #5b6270; line-height: 20px; word-wrap: break-word; border-bottom: 1px solid #ececec }

 .baggage-desktop .baggage-content__table-row:last-child { border-bottom: none }

 .baggage-desktop .baggage-content__table-row .airline { text-align: center; line-height: 18px }

  .baggage-desktop .baggage-content__table-row .airline img { width: 40px; margin-bottom: 5px }

 .baggage-desktop .baggage-content__table-row p { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px }

 .baggage-desktop .baggage-content__table-row a { color: #1f1f1f; text-decoration: underline }

  .baggage-desktop .baggage-content__table-row a:hover { text-decoration: none; color: #0C5278 }

.baggage-desktop .baggage-content-header { font-weight: bold; color: #0C5278; font-size: 16px; border-bottom: 1px solid #ececec }

 .baggage-desktop .baggage-content-header .title { padding-top: 9px; padding-bottom: 9px }

.baggege-content_mobile .baggege_mobile-repeat_row { border: 1px solid #ccc; font-size: 13px; color: #5b6270; line-height: 20px; word-wrap: break-word; margin-bottom: 10px }

.baggege-content_mobile .bagggage-content-header { padding: 5px }

@media(max-width: 767px) {
 .baggege-content_mobile .bagggage-content-header { padding-left: 0px; padding-right: 0px }
}

.baggege-content_mobile .bagggage-content-header .airline { margin: 0px }

 .baggege-content_mobile .bagggage-content-header .airline img { width: 30px; vertical-align: top }

 .baggege-content_mobile .bagggage-content-header .airline:after { content: "+"; margin-left: 20px; font-size: 22px; color: #999; top: 6px; position: relative; width: 14px; display: inline-block }

.baggege-content_mobile .bagggage-content-header.active .airline:after { content: "-" }

.baggege-content_mobile .bagggage-content-header .row { margin: 0 }

.baggege-content_mobile .baggage_content_row { padding: 5px; border-top: 1px solid #ccc }

.baggege-content_mobile .row { margin: 7px 0 }

.baggege-content_mobile .name { font-size: 13px; font-weight: 700 }

.baggege-content_mobile a { color: #1f1f1f; text-decoration: underline }

 .baggege-content_mobile a:hover { text-decoration: none; color: #0C5278 }

.discount__offer { display: none; list-style: none; position: absolute; left: 300px; top: 16px; font-size: 14px }

@media(max-width: 1023px) {
 .discount__offer { left: inherit; right: 16px }
}

@media(max-width: 767px) {
 .discount__offer { display: none }
}

.discount__offer li { padding: 0px 15px; display: inline-block; border-right: 1px solid #f4f4f4 }

@media(max-width: 1023px) {
 .discount__offer li { padding: 0px 5px }
}

.discount__offer li:last-child { border-right: none }

.discount__offer strong { color: #0C5278 }

.searchBox { position: relative; /*z-index: 1;*/ padding-top: 310px }
.BannerContains .searchBox:before { content: ''; position: absolute; right: 0; top: 0; background: url(../images/home/search-baner.png)center top no-repeat; background-size: 100%; width: 550px; height: 310px; transform: translate(0%, 0%); }

@media(max-width: 767px) {
 .BannerContains .searchBox:before { display: none; }
 .searchBox { padding-bottom: 30px; padding-top: 60px }
}

.searchBox .arrow:before { content: ""; font-family: bootstrap-icons !important; position: absolute; right: 10px; top: 18px; font-weight: 700; color: #474747 }

.searchBox .tabBox { padding: 0; margin: 0; position: absolute; top: -46px; list-style: none; overflow: hidden; }

 .searchBox .tabBox li { float: left; padding: 10px 25px; background: #fff; font-size: 16px; color: #474747; cursor: pointer; border: 1px solid #ccc; border-top-left-radius: 15px; border-top-right-radius: 15px; margin: 0 10px 0 5px }

@media(max-width: 767px) {
 .searchBox .tabBox { top: -36px; }
  .searchBox .tabBox li { font-size: 18px; padding: 4px 15px; background: none }
}

.searchBox .tabBox li.active { border-bottom: 1px solid #fff; background: #ffff; color: #F16752 }
.searchBox .tabBox li img { margin-right: 5px }

@media(max-width: 767px) {
 .searchBox .tabBox li.active { background: #F16752; color: #ffff; }
 .searchBox .tabBox li img { height: 22px }
}

.searchBox .searchBlock { padding: 20px 15px 40px; border-radius: 15px; position: relative; margin: 0px auto; box-shadow: 0px 0px 4.5px #00000029; border: 1px solid #ccc; background: #ffffff; }
#flight_search .flightSearch .col-sm-6, #hotel_search .flightSearch .col-sm-6, #cars_search .flightSearch .col-sm-6 { padding-left: 0; padding-right: 6px; }
.searchBox .flightSearch { padding: 0 0px }
 .searchBox .flightSearch .commonDate { display: flex; }

@media(max-width: 1023px) {
 .searchBox .flightSearch { display: block; padding-bottom: 10px }
}

@media(max-width: 767px) {
 #flight_search .flightSearch .col-sm-6 { padding-left: 15px; padding-right: 15px; }
 .searchBox .searchBlock { position: relative; margin: 20px auto; }
 .searchBox .flightSearch .box-shadow { background: #fff; box-shadow: 0 3px 6px #bec4df; border-radius: 6px }
}

.searchBox .flightSearch .column_1 { float: left; width: 50% }

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_1 { width: 100% }
}

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_1 .label:last-child { border: none }
}

@media(max-width: 767px) {
 .searchBox .flightSearch .column_1 .label { width: 100% }
}

.searchBox .flightSearch .column_2 { float: left; width: 35% }

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_2 { width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
}

@media(max-width: 767px) {
 .searchBox .flightSearch .column_2 { margin: 10px 0; border: none }
}

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_2 .label:last-child { border: none }
}

.searchBox .flightSearch .column_3 { float: left; width: 15% }

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_3 { width: 100% }
}

@media(max-width: 1023px) {
 .searchBox .flightSearch .column_3 { background: none; box-shadow: none }
}

.searchBox #cars_search .flightSearch .label, .searchBox #hotel_search .flightSearch .label { margin-bottom: 10px; }
.searchBox .flightSearch .label { position: relative }


 .searchBox .flightSearch .label.roundtrip { display: none }

 .searchBox .flightSearch .label.oneway { width: 100% }

@media(max-width: 767px) {
 .searchBox .flightSearch .label { border-right: none; padding-bottom: 0px }
}

.searchBox .flightSearch .label .label_name { font-size: 17px; display: none; color: #303030; transition: all .2s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 23px; left: 40px; pointer-events: none; font-weight: 300 }

@media(max-width: 1199px) {
 .searchBox .flightSearch .label .label_name { font-size: 16px }
}

.searchBox .flightSearch .label .inputField { font-size: 15px; color: #676767; border-radius: 5px; border: 0; border: 1px solid #ccc7c7; outline: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 15px 20px 15px 42px }
.searchBox .flightSearch .label .datereturn { /*padding: 15px 0 15px 28px;*/ border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.searchBox .flightSearch .label .datedepart { /*padding: 15px 0 15px 28px;*/ border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.searchBox .flightSearch .oneway .datedepart { border-right: 1px solid #ccc7c7; border-top-right-radius: 5px; border-bottom-right-radius: 5px; width: 100%; }

@media(max-width: 1199px) {
 .searchBox .flightSearch .label .inputField { font-size: 14px }
}

.searchBox .flightSearch .label .inputField.valid ~ .label_name, .searchBox .flightSearch .label .inputField.ng-not-empty ~ .label_name { top: 5px; font-size: 11px; color: #303030 }

.searchBox .flightSearch .label.first .label_name { left: 26px }

@media(max-width: 767px) {
 .searchBox .flightSearch .label.first .label_name { left: 38px }
}

.searchBox .flightSearch .label.first .text-error { left: 0px }

.searchBox .flightSearch .label .icons { position: absolute; left: 15px; top: 10px; line-height: 30px; display: block; pointer-events: none; font-size: 20px; color: #0C5278 }

@media(max-width: 1199px) {
 .searchBox .flightSearch .label .icons { left: 5px }
}

.searchBox .flightSearch .label .icons.person-icon { font-size: 25px; top: 2px }

.searchBox .flightSearch .label .class-icon { background: url(../images/icons/class.svg) left top no-repeat; width: 16px; height: 23px; top: 11px }

.searchBox .flightSearch .label .bottom_line { content: ""; width: 0; background: #0C5278; height: 2px; display: block; position: absolute; left: 0px; bottom: 0px; transition: .5s }

@media(max-width: 767px) {
 .searchBox .flightSearch .label .bottom_line { height: 1px; bottom: 0px }
}

.searchBox .flightSearch .label input[type=text]:focus ~ .bottom_line { width: 96%; display: none }

@media(max-width: 767px) {
 .searchBox .flightSearch .label input[type=text]:focus ~ .bottom_line { width: 100% }
}

.searchBox .flightSearch .label input[type=text]:focus ~ .label_name { top: 5px; font-size: 11px; color: #303030 }

.searchBox .flightSearch .label input[type=text]:focus ~ .icons, .searchBox .flightSearch .label .valid ~ .icons, .searchBox .flightSearch .label .ng-valid ~ .icons { color: #0C5278 }
.searchBox .flightSearch .cursor { cursor: pointer }
.searchBox .col-50 { /*width: 50%;*/ float: left; }
 .searchBox .col-50.roundtrip { display: none; }
.searchBox .oneway { width: 100%; }
.searchBox .flightSearch .traveller { width: calc(100% - 115px); display: inline-block; }
.searchBox .flightSearch .searchButton { width: 100%; display: inline-block; background: #0C5278; border: none; height: 42px; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 5px; padding: 10px; outline: none }
.searchBox .flightSearch .searchButton1 { display: inline-block; position: absolute; right: 15px; top: 15px; background: #F16752; border: none; height: auto; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 5px; padding: 15px 30px; width: auto; outline: none }

@media(max-width: 767px) {
 .searchBox .flightSearch .traveller { width: 100%; }
 .searchBox .flightSearch .searchButton { /*width: 100%;
        padding: 15px;*/ height: auto }
}

.searchBox .flightSearch .searchButton:hover { background: #F16752; color: #fff }
.searchBox .text-error { color: #0C5278; font-size: 13px; float: left; margin: 5px 0 -15px -20px; width: 24.3%; background: #ffebed; padding: 4px 20px }

@media(max-width: 767px) {
 .searchBox .text-error { margin: 5px 0; width: 100% }
}

.searchBox .text-error i { position: relative; top: -2px; margin-right: 3px }

.searchBox .text-error.same_searches { width: 47% }

.mobile_dsearchButton { width: 100%; display: none; background: #0C5278; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none }

@media(max-width: 767px) {
 .mobile_dsearchButton { display: block }
}

.mobile_dsearchButton:hover { background: #F16752 }
.travllerBox { border-top: 1px solid #f4f4f4; width: 100%; background: #fff; padding: 10px; box-shadow: 0 4px 11px #97979729; position: absolute; right: 0px; top: 2px }
 .travllerBox.travellerDrop { width: 550px; padding: 20px }

@media(max-width: 767px) {
 .travllerBox.travellerDrop { width: 100%; padding: 10px }
 .travllerBox { width: 100%; top: -65px }
}

.travllerBox .head { padding: 10px 0 20px 0; font-size: 20px; width: 100%; font-weight: 600 }
.travllerBox .guestBox { border-right: 1px solid #ccc; padding-right: 15px; }

@media(max-width: 767px) {
 .travllerBox .guestBox { width: 100%; border-right: none; border-right: 0px solid #ccc; border-bottom: 1px dashed #ccc; padding-bottom: 15px; padding-right: 0px; margin-bottom: 10px }
}

.travllerBox .guestBox .add-traveler { font-size: 16px; color: #5d5d5d; padding: 0px 0 10px 0; clear: both; font-weight: 500 }

 .travllerBox .guestBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; color: #989aa2; background: #fff; /*border-radius: 100%;border: 2px solid #989aa2;*/ text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600 }

  .travllerBox .guestBox .add-traveler a i { line-height: 23px }

  .travllerBox .guestBox .add-traveler a:hover { color: #ffff; background: #F16752 }

  .travllerBox .guestBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

 .travllerBox .guestBox .add-traveler .travelers__options { border: 1px solid #ccc; border-right-width: 3px; float: right; width: 100px; display: flex; justify-content: center; align-items: center }

 .travllerBox .guestBox .add-traveler .number { width: 50px; display: inline-block; text-align: center }

  .travllerBox .guestBox .add-traveler .number input { width: 100%; border: 0; text-align: center; font-weight: 700 }

.travllerBox .unaccompined { padding-top: 10px; margin-top: 10px; position: relative }

 .travllerBox .unaccompined a { color: #1f1f1f; text-decoration: none }

  .travllerBox .unaccompined a i { position: relative; margin-right: 5px; top: -2px }

 .travllerBox .unaccompined:hover a { color: #0C5278 }

 .travllerBox .unaccompined:hover .tooltip-new { opacity: 1 }

 .travllerBox .unaccompined .tooltip-new { width: 330px; left: 138px; padding: 10px 15px }

@media(max-width: 767px) {
 .travllerBox .unaccompined .tooltip-new { left: 159px }
}

.travllerBox .unaccompined .tooltip-new:after { left: 11% }

.travllerBox .unaccompined .closeunaccompanied { position: absolute; right: 6px; font-size: 18px; top: 5px }

.travllerBox .classType { padding: 0; list-style: none }
.travllerBox .done_Btn { float: right; margin: 10px 20px 0 0; background: #0C5278; color: #fff; padding: 10px 30px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 600; text-decoration: none; display: block; width: 120px; cursor: pointer }

.switch { position: absolute; display: inline-block; padding-left: 42px; margin: 0px; right: 15px; top: 15px; cursor: pointer }

@media(max-width: 767px) {
 .switch { display: none }
}

.switch input { opacity: 0; width: 0; height: 0 }

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e3e3e3; -webkit-transition: .4s; transition: .4s; color: #303030 }

 .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 2px; background-color: #fff; -webkit-transition: .4s; transition: .4s }

input:checked + .slider { background-color: #0C5278 }

input:focus + .slider { box-shadow: 0 0 1px #0C5278 }

input:checked + .slider:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px) }

.slider.round { border-radius: 20px; width: 36px; height: 20px }

 .slider.round:before { border-radius: 50% }

.recent__SearchBox { background: rgba(0,0,0,.2); padding: 8px 12px 12px; border-radius: 5px; margin: 10px 0; display: none }

 .recent__SearchBox .head { color: #fff; margin-bottom: 5px }

 .recent__SearchBox .holder { overflow: hidden }

 .recent__SearchBox .block { background: #fff; border-radius: 5px; padding: 5px 8px; overflow: hidden }

  .recent__SearchBox .block .left { width: 150px; float: left; display: flex; align-items: center; justify-content: space-between; padding-right: 10px; border-right: 1px solid #ccc }

   .recent__SearchBox .block .left .city__code { font-size: 14px; color: #1f1f1f; font-weight: 600 }

    .recent__SearchBox .block .left .city__code small { display: block; font-size: 10px; color: #989898 }

  .recent__SearchBox .block .right { width: 110px; padding-left: 10px; padding-right: 10px; font-size: 12px; color: #8a8a8a; float: left; position: relative }

   .recent__SearchBox .block .right .arrow { color: #0C5278; position: absolute; right: -6px; top: -8px; font-size: 22px; padding: 5px }

.input_clear { background: #fff url(../images/clear_field.png) no-repeat right -18px center; padding-right: 22px }

 .input_clear.x { background-position: right 15px }

 .input_clear.onX { cursor: pointer }

 .input_clear::-ms-clear { display: none; width: 0; height: 0 }

.traveler_action_button a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

.return_date .is-error, .retdate.is-error { border: 1px solid red !important }

.done_button { width: 100%; background: #0C5278; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none; display: inline-block; clear: both }

.mobile_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(0,0,0,.2); z-index: 2 }

.top_row { display: flex; align-items: center; justify-content: start; padding: 0 0 10px 10px; white-space: nowrap; margin: 0px 0px 10px }

@media(max-width: 767px) {
 .top_row { border-bottom: none; }
}

.top_row .arrow-icon { position: relative; top: 0px; margin-left: 4px }

.traveler_action { padding: 0 30px; position: relative }

@media(max-width: 767px) {
 .traveler_action { padding: 0 8px }
}

.textred { color: red }

#cars_search .commonDate .dateCol { width: 50% }

.inputSet.white label { color: #0C5278 }

 .inputSet.white label input[type=radio]:checked ~ span { color: #0C5278 }

  .inputSet.white label input[type=radio]:checked ~ span::before { background: #0C5278 }

  .inputSet.white label input[type=radio]:checked ~ span::after { border-color: #0C5278 }

.faqbanner { position: relative }

 .faqbanner .banner_content { height: 100%; position: absolute; left: 0px; top: 0px; width: 100%; display: flex; align-items: center; justify-content: center }

 .faqbanner .tagline { font-size: 35px; color: #7771be; font-weight: 600 }

@media(max-width: 767px) {
 .faqbanner .tagline { font-size: 16px }
}

.faqBox h3 { font-size: 20px; padding: 20px 0 }

@media(max-width: 767px) {
 .faqBox h3 { font-size: 14px; padding: 10px 0 }
}

.faqBox ul { list-style: none }

 .faqBox ul li { border: 1px solid #ccc; padding: 13px 20px; border-radius: 18px; margin-bottom: 12px }

@media(max-width: 767px) {
 .faqBox ul li { padding: 6px 10px; margin-bottom: 10px }
}

.faqBox ul li .faqhead { position: relative; font-size: 15px; cursor: pointer; font-weight: 600 }

@media(max-width: 767px) {
 .faqBox ul li .faqhead { font-size: 13px; padding-right: 23px }
}

@media(max-width: 479px) {
 .faqBox ul li .faqhead { font-size: 12px }
}

.faqBox ul li .faqhead:after { content: "+"; font-size: 19px; color: #0C5278; top: 0px; position: absolute; right: 0px; width: 20px; display: inline-block; border: 1px solid #0C5278; text-align: center; height: 20px; line-height: 19px; border-radius: 3px }

.faqBox ul li .faqhead.active:after { content: "-" }

.faqBox ul li .faqcontent { padding-top: 20px }

@media(max-width: 767px) {
 .faqBox ul li .faqcontent { font-size: 13px; padding-top: 12px }
}

@media(max-width: 479px) {
 .faqBox ul li .faqcontent { font-size: 12px; padding-top: 12px }
}

.contentBox .faqBox ul { margin: 0px }

 .contentBox .faqBox ul li { width: 100%; margin-right: 0px }

  .contentBox .faqBox ul li:before { content: ""; display: none }

.mybookinform_block { background: #0098db; padding: 25px; color: #fff; margin: 20px 0 }

@media(max-width: 767px) {
 .mybookinform_block { padding: 15px }
}

.mybookinform_block .or_text { padding-top: 37px }

@media(max-width: 767px) {
 .mybookinform_block .or_text { padding-top: 9px }
}

.mybookinform_block .search__button { width: 100%; background: #fff; border: none; font-size: 16px; color: #0C5278; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 28px; display: block; text-decoration: none; outline: none }

.mybookinform_block .form-control { border-radius: 0px; border: none; padding: 8px }
.display_mybooking h3 { font-size: 18px; margin-bottom: 10px }
.table_head th { background: rgba(0,0,0,.05); white-space: nowrap }
/*#mobileSearchCntr {  min-height: 100vh }*/
#mobileSearchCntr.mobile_searchCntrHome { background: url(../images/home-banner.jpg) center top no-repeat; background-size: cover; color: #fff }
#mobileSearchCntr .searchBox .tabBox li { color: #fff }
#mobileSearchCntr .angucomplete-holder { border-bottom: 1px solid #ccc }
#mobileSearchCntr .mobile_searchBlock { position: relative; padding-top: 10px }
#mobileSearchCntr .inputField { width: 100%; margin-top: 0px; padding: 15px 10px 15px 40px; border: none; border-radius: 5px; font-weight: 700; color: #303030; border: none; outline: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

 #mobileSearchCntr .inputField.valid ~ .label_name, #mobileSearchCntr .inputField.ng-not-empty ~ .label_name { top: 5px; font-size: 11px; color: #303030 }
 #mobileSearchCntr .inputField.valid, #mobileSearchCntr .inputField.ng-not-empty { padding: 20px 10px 10px 40px }
#mobileSearchCntr .icons { position: absolute; left: 13px; top: 10px; display: block; pointer-events: none; font-size: 20px; color: #0C5278 }
#mobileSearchCntr .label { position: relative; float: left; width: 50% }
 #mobileSearchCntr .label.brd:after { content: ""; height: 41px; width: 1px; background: #e5ebff; display: block; position: absolute; left: 0px; top: 5px }

 #mobileSearchCntr .label p { margin: 0px }

#mobileSearchCntr .box-shadow { float: none; width: 100%; box-shadow: 0 3px 6px #bec4df; background: #fff; border-radius: 5px; margin-bottom: 12px; }
#mobileSearchCntr .label_name { font-size: 16px; color: #303030; transition: all .2s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 16px; left: 40px; pointer-events: none; font-weight: 300 }

#mobileSearchCntr input[type=text]:focus ~ .label_name { top: 5px; font-size: 11px; color: #303030 }

#mobileSearchCntr .mobilesearchButton { width: 100%; background: #F16752; border: none; font-size: 18px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 14px; outline: none; display: block }

#mobileSearchCntr ::-webkit-input-placeholder { font-weight: 400 }

#mobileSearchCntr ::-moz-placeholder { font-weight: 400 }

#mobileSearchCntr :-ms-input-placeholder { font-weight: 400 }

#mobileSearchCntr :-moz-placeholder { font-weight: 400 }

#mobileSearchCntr .top_row { margin-bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: space-between }

@media(max-width: 767px) {
 .mobile__Modifysearch #mobileSearchCntr .top_row { color: #0C5278; }
 #mobileSearchCntr .top_row { color: #212529; font-size: 16px; margin: 0 0 10px; padding: 0 10px 10px; }
}

#mobileSearchCntr .top_row .arrow-icon { position: relative; top: 2px; margin-left: 2px }

#mobileSearchCntr .top_row .person-icon { font-size: 20px; position: relative; top: -2px }

#mobileSearchCntr #trvltext { top: -2px; position: relative }

#mobileSearchCntr .mobile_banner { margin: 0px -20px }

 #mobileSearchCntr .mobile_banner img { width: 100% }

#mobileSearchCntr .inputField.input_clear.x { background-position: right 12px }

.mobile_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(0,0,0,.2); z-index: 2 }

.Mobiletrip_type { width: 190px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; box-shadow: 0 3px 12px #a4a4a5; left: 0px; top: 45px }

 .Mobiletrip_type.class-type { right: 0px; left: inherit; width: 196px }

 .Mobiletrip_type ul { list-style: none; padding: 0px; margin: 0px }

  .Mobiletrip_type ul li { padding: 13px 0 13px 36px; border-bottom: 1px solid #ccc; color: #1f1f1f; position: relative; cursor: pointer; font-weight: 500 }

   .Mobiletrip_type ul li:last-child { border-bottom: none }

   .Mobiletrip_type ul li i { position: absolute; left: 14px; top: 11px; visibility: hidden }

   .Mobiletrip_type ul li:hover, .Mobiletrip_type ul li.active { color: #F16752 }

    .Mobiletrip_type ul li.active i { visibility: visible }

.mobile_travelerBox { width: 260px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; right: 0px; box-shadow: 0 3px 12px #a4a4a5 }

@media(max-width: 767px) {
 .mobile_travelerBox { right: 0px; left: -20px }
}

@media(max-width: 479px) {
 .mobile_travelerBox { right: 0px; left: -50px }
}

@media(max-width: 350px) {
 .mobile_travelerBox { right: 0px; left: -50px }
}

.mobile_travelerBox .add-traveler { font-size: 15px; color: #5d5d5d; padding: 13px 20px; clear: both; font-weight: 500; border-bottom: 1px solid #ccc }

 .mobile_travelerBox .add-traveler a { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 14px; border: 2px solid #989aa2; color: #989aa2; background: #fff; /*border-radius: 100%;*/ text-decoration: none; display: inline-block; cursor: pointer; font-weight: 600 }

  .mobile_travelerBox .add-traveler a i { line-height: 23px }

  .mobile_travelerBox .add-traveler a:hover { color: #ffff; border-color: #F16752; background: #F16752 }

  .mobile_travelerBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default }

 .mobile_travelerBox .add-traveler .travelers__options { float: right; width: 100px; display: flex; justify-content: center; align-items: center }

 .mobile_travelerBox .add-traveler .number { width: 45px; display: inline-block; text-align: center }

  .mobile_travelerBox .add-traveler .number input { width: 100%; text-align: center; font-weight: 700 }

.full-screen-modal { position: fixed; top: 0; left: 100%; height: 100%; width: 100vw; background: #fff; z-index: 5; will-change: transform; transition: transform .3s ease }

 .full-screen-modal .mobile_head { background: #0C5278; color: #fff; overflow: hidden }

 .full-screen-modal .mobile_back { width: 48px; height: 48px; float: left; border-right: 1px solid #fa9da6; font-size: 33px; line-height: 33px; text-align: center; position: relative }

  .full-screen-modal .mobile_back .close { padding: 0px 10px; font-size: 33px; color: #fff; opacity: 1; line-height: 35px }

 .full-screen-modal p { float: left; margin: 0px; padding: 12px; font-size: 16px }

 .full-screen-modal .model_content { padding: 20px }

 .full-screen-modal .search_field { position: relative }

 .full-screen-modal .searchInput { width: 100%; padding: 9px 10px 11px 30px; border: none; border-bottom: 1px solid #ccc; font-size: 17px }

 .full-screen-modal .location_icon { position: absolute; left: -1px; top: 3px; font-size: 20px }

 .full-screen-modal input[type=text]:focus ~ .location_icon { color: #0C5278 }

 .full-screen-modal .mobiledone_Btn { margin: 10px 0px 0 0; background: #F16752; color: #fff; padding: 10px 30px; text-align: center; border-radius: 3px; font-size: 16px; font-weight: 600; text-decoration: none; display: block; width: 93%; cursor: pointer; position: fixed; left: 13px; bottom: 15px }

 .full-screen-modal.active { transform: translate3d(-100%, 0, 0) }

.mobile__Modifysearch { position: fixed; width: 100%; z-index: 4; background: #dbf5ff; left: -200%; top: 0px; transition: all .5s }

.mobile_head { background: #0C5278; overflow: hidden; color: #fff; position: relative }

 .mobile_head h4 { font-size: 16px; padding: 10px; margin: 0px }

 .mobile_head .close { position: absolute; right: 0px; top: 0px; padding: 4px 10px; font-size: 20px; color: #fff; opacity: 1 }

.traveler_action_button { padding: 10px; text-align: right }

 .traveler_action_button a { padding: 5px 15px; display: inline-block; border: 1px solid #F16752; background: #F16752; color: #ffff; margin: 0px 5px; border-radius: 3px }

  .traveler_action_button a.active { background: #0C5278; color: #fff }

.traveler_action .arrow-icon { top: 0px !important }

div.cal { z-index: 31 !important }

 div.cal .day { line-height: 40px; height: 38px }

 div.cal .dHd { background: #efefef; color: #000; height: 35px; line-height: 35px }

 div.cal .active.sel.day { background: #F16752; color: #fff }

 div.cal .inBtw { background-color: #fdedea; color: #1f1f1f }

#errdiv .text-error { background: none; margin: 0px; padding: 2px 0; float: none; color: #1f1f1f }

#errdiv .done_button { margin-top: 10px; display: block }

.return_date .is-error, .retdate.is-error { border: 1px solid red !important }

.done_button { width: 100%; display: none; background: #0C5278; border: none; font-size: 16px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 10px; margin-top: 13px; outline: none }

.traveler_action .arrow-icon { top: -2px }

@media(max-width: 767px) {
 .class_type_overflow { width: 100px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float: left; padding-top: 5px }
}

.mobile_error_overlay { position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,.5); height: 100vh; width: 100% }

 .mobile_error_overlay .mobile_error { position: absolute; left: 50%; top: 50%; background: #fff; transform: translate(-50%, -50%); padding: 10px; width: 300px }
  .mobile_error_overlay .mobile_error .text-error { background: none }
.tripType { margin: 0; list-style: none; padding: 0px }
 .tripType li { display: inline-block; padding-right: 15px; font-size: 14px }

  .tripType li label { cursor: pointer; font-weight: 600 }

@media(max-width: 767px) {
 .tripType { border-bottom: none }
  .tripType li { padding-right: 10px; }
}

.inputSet label { cursor: pointer; font-weight: 400; line-height: 22px; padding-left: 26px; position: relative; }

 .inputSet label input { opacity: 0; position: absolute }

  .inputSet label input[type=checkbox] ~ span::before { border: 1px solid #F16752; background: #F16752; content: ""; height: 18px; left: 0; position: absolute; top: 1px; width: 18px; border-radius: 3px }
  .inputSet label input[type=checkbox]:checked ~ span::before { border: 1px solid #F16752 }
  .inputSet label input[type=checkbox]:checked ~ span { color: #303030 }
   .inputSet label input[type=checkbox]:checked ~ span::after { font-family: "FontAwesome"; content: ""; display: block; color: #ffff; position: absolute; left: 2px; top: 0px }

.inputSet.theme2 label input[type=checkbox]:checked ~ span { color: inherit }

 .inputSet.theme2 label input[type=checkbox]:checked ~ span::before { color: #0C5278 }

 .inputSet.theme2 label input[type=checkbox]:checked ~ span::after { border: 1px solid #0C5278 }

.inputSet.white label input[type=checkbox] ~ span::after { border-color: #0C5278 }

.inputSet.white label input[type=checkbox]:checked ~ span { color: #fff }

.inputSet label input[type=radio] ~ span::after { border-radius: 100%; border: 2px solid #F16752; content: ""; height: 20px; width: 20px; left: 0; position: absolute; top: 0 }

.inputSet label input[type=radio]:checked ~ span { color: #F16752; transition: all .5s }

 .inputSet label input[type=radio]:checked ~ span::after { border: 2px solid #F16752 }

 .inputSet label input[type=radio]:checked ~ span::before { border-radius: 100%; background: #F16752; content: ""; display: block; height: 8px; width: 8px; left: 6px; position: absolute; top: 6px }

#ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon { width: 25px; height: 25px; margin-left: 0px; margin-top: -15px; background: url(../images/icons/right-arrow.svg) left center no-repeat }

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon { transform: rotate(180deg); width: 25px; height: 25px; margin-left: 0px; margin-top: -15px; background: url(../images/icons/right-arrow.svg) left center no-repeat }

#ui-datepicker-div .ui-widget-header .ui-datepicker-next { right: 22px }

#ui-datepicker-div .ui-widget.ui-widget-content { box-shadow: 0px 3px 11px #97979729; border: none }

#ui-datepicker-div .date_title { background: #F16752; padding: 5px 15px; font-size: 18px; color: #ffff; margin: -10px -10px 10px; position: relative; font-weight: 300 }
 #ui-datepicker-div .date_title strong { font-weight: 600 }
/*#ui-datepicker-div .date_title:after {
        content: "";
        width: 36px;
        height: 2px;
        display: inline-block;
        position: absolute;
        left: 0px;
        bottom: -4px;
        background: #0C5278
    }*/

.ui-datepicker td { padding: 0px }

 .ui-datepicker td span, .ui-datepicker td a { height: 42px; line-height: 30px }

 .ui-datepicker td.ui-datepicker-other-month { border: none }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { margin: -1px; background: #0C5278; color: #fff; border-color: #0C5278 }

.ui-state-default:hover { color: #fff; background: #0C5278 }

td.calender-highlight.start, td.calender-highlight.end { background: #0C5278; color: #fff }

 td.calender-highlight.start a, td.calender-highlight.end a { color: #fff; background: #F16752 }

#ui-datepicker-div thead { background: #0C5278; color: #ffff; }
#ui-datepicker-div td.highlight > a { background: #fdedea !important; color: #1f1f1f }

td.ui-datepicker-current-day { border: none }

 td.ui-datepicker-current-day a.ui-state-highlight { color: #0C5278; background: #fff; border: none; border-left: 1px solid #ebebeb }

#ui-datepicker-div { z-index: 3 }

.angucomplete-holder { position: relative }

.angucomplete-dropdown { width: 360px; padding: 0px; cursor: pointer; z-index: 2; position: absolute; left: -11px; margin-top: 5px; background-color: #fef5f8; max-height: 274px; box-shadow: 0px 0px 4.5px #00000029; border: 1px solid #ccc; overflow: auto }

@media(max-width: 767px) {
 .angucomplete-dropdown { width: 100%; left: 0px !important; margin-top: 0px; min-height: 95vh }
}

.angucomplete-searching, .angucomplete-description { color: #acacac; font-size: 14px; padding: 14px; border-top: 1px solid #ccc }

.angucomplete-row { padding: 12px 12px 12px 44px; color: #202020; clear: both; width: 100%; border-top: 1px solid #ccc; position: relative }

 .angucomplete-row:before { content: ""; width: 30px; height: 30px; display: block; background: url(../images/icons/airline-icon.png) center center no-repeat; background-size: 80%; position: absolute; left: 16px; top: 12px }

 .angucomplete-row.childsuggest { padding-left: 60px; border: none }

  .angucomplete-row.childsuggest:before { left: 32px; top: 12px; height: 30px; display: block; background-image: url(../images/icons/child-arrow.png); border: none }

 .angucomplete-row.airpotssuggest:before { background-image: url(../images/icons/multi-airlines.png) }

 .angucomplete-row .highlight { font-size: 18px; color: #0C5278 }

#ex2_dropdown { left: -3px }

@media(max-width: 767px) {
 #ex2_dropdown { left: 0px }
}

@media only screen and (min-width: 1024px) {
 .angucomplete-selected-row { background-color: #ffff; color: #F16752 }
}

.hotel_room_block { display: none; padding: 12px; position: absolute; right: 0px; top: 55px; z-index: 5; width: 355px; background: #fff; box-shadow: 0 3px 6px #00000029 }

 .hotel_room_block .add_guest { width: 100%; margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between }

 .hotel_room_block .label_heading { margin: 0px; font-weight: 400 }

 .hotel_room_block .heading { font-weight: 500 }

 .hotel_room_block .add_room_row { border-bottom: 1px dashed #ccc; overflow: hidden; margin-bottom: 10px }

 .hotel_room_block .child-row { position: relative; display: block }

  .hotel_room_block .child-row .label_heading { margin-bottom: 5px }

 .hotel_room_block .col_child { width: 25%; float: left; margin-bottom: 10px; position: relative }

  .hotel_room_block .col_child select { border: solid 1px #b6b6b6; background: #fff; -webkit-appearance: none; -moz-appearance: none; border-radius: 0px; -webkit-box-shadow: none; padding: 5px 7px; width: 90% }

  .hotel_room_block .col_child .bi-chevron-down { position: absolute; top: 4px; right: 14px; color: #4b4b4b; font-size: 14px; pointer-events: none }

 .hotel_room_block .inc, .hotel_room_block .dec { float: left; font-size: 23px; cursor: pointer }

  .hotel_room_block .inc:hover, .hotel_room_block .dec:hover { color: #0C5278 }

 .hotel_room_block .input_count { border: none; background: #fff; color: #1f1f1f; float: left; text-align: center; width: 30px; height: 30px; font-size: 14px; line-height: 28px }

 .hotel_room_block .button { width: auto; height: auto; background: #0C5278; font-size: 16px; color: #fff; font-weight: 500; border-radius: 6px; border: none; float: right; padding: 8px 17px }

.page__title { font-size: 25px; color: #303030; margin-bottom: 26px; position: relative; font-weight: 600 }

 .page__title small { display: block; font-size: 14px }

@media(max-width: 1023px) {
 .page__title { font-size: 25px }
}

@media(max-width: 767px) {
 .page__title { font-size: 20px; margin-bottom: 10px; padding-top: 10px }
}

.page__title strong { font-weight: 600; position: relative }

@media(max-width: 767px) {
 .page__title strong { display: inline-block }
}

.page__title strong:before { content: ""; width: 150px; height: 1px; display: inline-block; position: absolute; left: 0px; bottom: -7px; background: #0C5278; }
.page__title strong:after { content: ""; width: 56px; height: 2px; display: inline-block; position: absolute; left: 0px; bottom: -6px; background: #F16752 }
/*service box old*/
.serviceBox { width: 100%; padding: 20px 0 }
 .serviceBox .service_block { text-align: center; box-shadow: 0 0 4.5px #00000029; border: 1px solid #ccc; padding: 25px 15px; border-radius: 15px; width: 22.7%; float: left; margin-left: 3% }
  .serviceBox .service_block:first-child { margin-left: 0 }
 .serviceBox h5 { font-size: 16px; color: #0c5278; margin-bottom: 5px; font-weight: 600 }
 .serviceBox p { font-size: 15px; color: #303030; margin-bottom: 0 }
 .serviceBox .icon { width: 80px }

@media (max-width:1023px) {
 .serviceBox h5 { font-size: 16px; margin-bottom: 2px }
 .serviceBox p { font-size: 13px }
 .serviceBox .icon { width: 35px }
}
/*end*/
.serviceBoxnew { background: #ffff; width: 100%; padding: 20px 0px; /*display: none;*/ }

@media (max-width: 767px) {
 .serviceBoxnew { float: left; }
}

.serviceBoxnew .service_block { background: #e8def5; text-align: center; box-shadow: 0px 0px 4.5px #00000029; border: 1px solid #e8def5; padding: 25px 10px; border-radius: 15px; width: 19.2%; float: left; margin-left: 1% }
 .serviceBoxnew .service_block:first-child { margin-left: 0; }
.serviceBoxnew h5 { font-size: 15px; color: #432a65; margin-bottom: 5px; font-weight: 600; }

@media (max-width: 1023px) {
 .serviceBoxnew h5 { font-size: 16px; margin-bottom: 2px; }
}

@media (max-width: 767px) {
 .serviceBoxnew .service_block { width: 100%; margin-bottom: 10px; }
 .serviceBoxnew h3 { margin-bottom: 3px; }
}

.serviceBoxnew p { font-size: 12px; color: #303030; margin-bottom: 0px; }

@media (max-width: 1023px) {
 .serviceBoxnew p { font-size: 13px; }
}

@media (max-width: 767px) {
 .serviceBoxnew p { font-size: 15px; }
}

.serviceBoxnew .icon { width: 36px; }

@media (max-width: 1023px) {
 .serviceBoxnew .icon { width: 35px; }
}

@media (max-width: 767px) {
 .serviceBoxnew .icon { width: 62px; }
}

/*bestdeal section*/
.bestdealBox { margin-top: 90px; width: 100%; }
 .bestdealBox .block { width: 100%; margin-bottom: 40px; overflow: hidden; }
  .bestdealBox .block .imageBlock { width: 100%; border-radius: 18px; overflow: hidden; }
   .bestdealBox .block .imageBlock img { width: 100%; }
  .bestdealBox .block .dealDetail { width: 100%; }
   .bestdealBox .block .dealDetail .column { float: left; display: inline-block; /*width: 50%;*/ }
    .bestdealBox .block .dealDetail .column img { width: 30px; margin-bottom: 5px; }
    .bestdealBox .block .dealDetail .column .airline__name { font-size: 12px; line-height: 16px; display: block; }
   .bestdealBox .block .dealDetail .column2 { /*float: right;
  width: 50%;*/ text-align: right; padding-left: 10px; }
    .bestdealBox .block .dealDetail .column2 .arrow { margin: 0 5px; }
   .bestdealBox .block .dealDetail .city_code { color: #1f1f1f; font-size: 16px; line-height: 18px; }
   .bestdealBox .block .dealDetail .date { font-size: 13px; color: #1f1f1f; }
   .bestdealBox .block .dealDetail .deal_book { background: none; color: #02487e; border: 1px solid #02487e; display: inline-block; padding: 5px 12px; border-radius: 5px; margin-bottom: 20px; }

/*about section*/
.aboutBox { width: 100%; padding: 50px 0; font-weight: 300; line-height: 27px }

@media(max-width: 1023px) {
 .aboutBox { padding: 20px 0 }
}

@media(max-width: 767px) {
 .aboutBox { width: auto }
}

.aboutBox .content { padding: 0 30px }

@media(max-width: 1199px) {
 .aboutBox .content { padding: 5px }
}

.aboutBox .content a { color: #0C5278 !important }

.aboutBox .page__title { color: #F16752; font-size: 32px }
 .aboutBox .page__title strong { color: #0C5278; }

.aboutBox p { font-size: 14px; font-weight: 300; line-height: 27px }

@media(max-width: 1023px) {
 .aboutBox p { font-size: 15px }
}

@media(max-width: 767px) {
 .aboutBox p { font-size: 13px; line-height: 22px }
}

.aboutBox .text { font-size: 16px; color: #202020 }

.aboutBox .list { list-style: none; font-weight: 300 }

 .aboutBox .list li { margin-bottom: 5px; padding-left: 20px; position: relative }

  .aboutBox .list li:before { position: absolute; left: 0px; top: 2px; content: ""; color: #0C5278; font-family: bootstrap-icons !important }

.aboutBox a.read_more { cursor: pointer; margin-top: 5px; padding: 10px 15px; display: inline-block; font-size: 16px; color: #ffffff !important; background: #F16752; border: 1px solid #F16752; border-radius: 45px }

@media(max-width: 1023px) {
 .aboutBox a.read_more { margin-top: 10px }
}

.aboutBox a.read_more .bi-arrow-right { float: right }

.aboutBox a.read_more:hover { text-decoration: none }

@media(max-width: 767px) {
 .aboutBox img { border-radius: 5px }
}

@media(max-width: 767px) {
 .aboutBox .page__title strong { display: inline-block }
}

a.des-morelink { color: #ff744a !important; text-decoration: none; margin: 0px 6px; font-weight: 600 }
.top_destinationBox { padding: 40px 0 }
 .top_destinationBox .top { margin-bottom: 15px; overflow: hidden }

@media(max-width: 767px) {
 .top_destinationBox .top { margin-bottom: 0px }
}

.top_destinationBox img { width: 100%; border-radius: 23px }

.top_destinationBox figure { position: relative; margin: 0px }

@media(max-width: 767px) {
 .top_destinationBox figure { margin-bottom: 15px }
}

.top_destinationBox figure:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 23px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(12, 82, 120, 1) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(12, 82, 120, 1) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(12, 82, 120, 1) 100%) }

.top_destinationBox figcaption { position: absolute; left: 40px; bottom: 30px; color: #fff }

@media(max-width: 767px) {
 .top_destinationBox figcaption { left: 12px; bottom: 16px }
}

.top_destinationBox figcaption h4 { font-size: 30px; line-height: 30px; margin: 0px }

@media(max-width: 767px) {
 .top_destinationBox figcaption h4 { font-size: 20px; line-height: 20px }
}

.top_destinationBox figcaption small { display: block; margin-bottom: 10px; font-size: 14px; color: #fff }

@media(max-width: 767px) {
 .top_destinationBox figcaption small { font-size: 11px }
}

.top_destinationBox figure btn { border-radius: 15px; background: #F16752; padding: 5px 10px; color: #ffff; opacity: 0; transition: all .2s; cursor: pointer; }
.top_destinationBox figure:hover btn { opacity: 1; }
.top_destinationBox .holder { margin-right: -20px }

@media(max-width: 767px) {
 .top_destinationBox figure btn { opacity: 1; }
 .top_destinationBox .holder { margin-right: -10px }
}

.top_destinationBox .holder .column { width: calc(50% - 20px); margin-right: 20px; float: left }

@media(max-width: 767px) {
 .top_destinationBox .holder .column { width: calc(50% - 10px); margin-right: 10px }
}

.top_destinationBox .page__title { margin-bottom: 30px }

.destinationBox { width: 100%; padding: 40px 0 }

@media(max-width: 1023px) {
 .destinationBox { padding: 20px 0 }
}

.destinationBox .ui-widget-content { padding: 20px 0px !important }

.destinationBox .items { padding: 0 8px; cursor: pointer; width: 50%; float: left }

@media(max-width: 767px) {
 .destinationBox .items { width: 100%; padding: 0px }
}

.destinationBox .items figure { margin-bottom: 10px; position: relative; overflow: hidden }

 .destinationBox .items figure::before { content: ""; width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) }

 .destinationBox .items figure img { width: 100%; transition: all .5s }

@media(max-width: 767px) {
 .destinationBox .items figure img { border-radius: 5px }
}

.destinationBox .items .title { position: absolute; left: 16px; bottom: 15px; margin: 0px; display: inline-block; font-size: 18px; color: #fff; line-height: 24px; font-weight: 500 }

 .destinationBox .items .title span { padding-right: 20px; display: inline-block; font-size: 13px; font-weight: 400; opacity: .6; background: url(../images/icons/right-arrow-white.svg) right center no-repeat }

.destinationBox .items:hover img { transform: scale(1.2) }

.destinationBox .slick-prev, .destinationBox .slick-next { width: 46px; height: 46px; top: 55%; border-radius: 100%; border: 1px solid #fff }

 .destinationBox .slick-prev:before, .destinationBox .slick-next:before { font-family: "FontAwesome"; font-size: 28px; content: ""; color: #303030 }

 .destinationBox .slick-prev:before { content: "" }

.destinationBox .slick-prev { left: 50px; background: #fff; z-index: 1 }

@media(max-width: 1199px) {
 .destinationBox .slick-prev { left: 0px; z-index: 1; background: #fff }
}

.destinationBox .slick-next { right: 50px; background: #fff }

@media(max-width: 1199px) {
 .destinationBox .slick-next { right: 0px; z-index: 1 }
}

.destinationBox .slick-prev:hover, .destinationBox .slick-next:hover { background: #0C5278; border-color: #0C5278 }

 .destinationBox .slick-prev:hover:before, .destinationBox .slick-next:hover:before { color: #fff }

.destinationBox .slick-prev.slick-disabled:hover, .destinationBox .slick-next.slick-disabled:hover { background: #fff; border: 1px solid #1f1f1f }

 .destinationBox .slick-prev.slick-disabled:hover:before, .destinationBox .slick-next.slick-disabled:hover:before { color: #303030 }

.destinationBox.border-b { border-bottom: 1px dashed #e8e9f1 }

.destinationBox .slick-list { margin: 0 -8px }

@media(max-width: 767px) {
 .destinationBox .slick-list { padding: 0 80px 0 0 !important }
}

@media(max-width: 479px) {
 .destinationBox .slick-list { padding: 0 50px 0 0 !important }
}

.slick-dots { bottom: -6px }

 .slick-dots li button { border: 2px solid #ccc; width: 8px; height: 8px; border-radius: 100% }

 .slick-dots li.slick-active button { border: 2px solid #0C5278; background: #0C5278 }

.destinationBox .slick-prev.slick-disabled, .destinationBox .slick-next.slick-disabled { display: none !important }
/*dealcntr*/
.dealCntr { padding: 50px 0; width: 100%; /* background: url(../../images/home/deal-bg.jpg) center top no-repeat*/ }

 .dealCntr .ui-widget-content { padding: 20px 0px !important }

 .dealCntr .ui-state-default:hover { background: none !important }

@media(max-width: 767px) {
 .dealCntr { padding: 30px 0; background: none }
}

.dealCntr h2 { font-size: 30px; color: #303030; font-weight: 500; margin-bottom: 20px }

@media(max-width: 767px) {
 .dealCntr h2 { display: none }
}

.dealCntr h3 { font-size: 26px; color: #303030; font-weight: 300 }

@media(max-width: 767px) {
 .dealCntr h3 { display: none }
}

.dealCntr .deal__block { width: 100%; float: left }

.dealCntr ul.deals { list-style: none; margin-right: -30px }

@media(max-width: 767px) {
 .dealCntr ul.deals { margin: 0px }
}

.dealCntr ul.deals li { margin: 0 30px 40px 0; width: calc(50% - 30px); float: left; font-size: 14px; color: #F16752; transition: all .2s; position: relative }
.dealCntr ul.deals.home_deal li { width: calc(33.3% - 30px) }
.dealCntr ul.deals li a { box-shadow: 0px 0px 4.5px #00000029; border: 1px solid #ccc; padding: 15px 15px; border-radius: 15px; color: #303030; text-decoration: none; display: block }

@media(max-width: 767px) {
 .dealCntr ul.deals.home_deal li { width: 50% }
 .dealCntr ul.deals li a { padding: 15px 10px; }
 .dealCntr ul.deals li .column { margin-bottom: 10px; display: inline-block; width: 100% }
 .dealCntr ul.deals li { padding: 10px; font-size: 12px; width: calc(50% - 0px); margin: 0px 0 20px 0; }
}

.dealCntr ul.deals li .airline__logo { margin-top: 7px; float: right; width: 42px }
.dealCntr ul.deals li .airline__name { padding: 9px 0px 0px 10px; line-height: 20px; word-wrap: break-word; vertical-align: middle; display: flex }
.dealCntr ul.deals li .city__code { color: #0C5278; font-size: 19px; font-weight: 700; }
 .dealCntr ul.deals li .city__code small { font-size: 14px; color: #303030; }

@media(max-width: 1199px) {
 .dealCntr ul.deals li .city__code { font-size: 19px }
}

@media(max-width: 767px) {
 .dealCntr ul.deals li .city__code small { display: none; }
 .dealCntr ul.deals li .city__code { font-size: 16px; width: 44px }
}

.dealCntr ul.deals li .flight__icon { background: url(../images/plane_fly.svg) center no-repeat; width: 61px; height: 40px; background-size: 80%; display: inline-block; margin: 0px 7px }
.dealCntr ul.deals li .small__text { font-size: 12px }

@media(max-width: 1023px) {
 .dealCntr ul.deals li .small__text { width: 62px; display: block }
}

.dealCntr ul.deals li .deal__price { margin: 0px; font-size: 23px; color: #0C5278; font-weight: 700; line-height: 29px }

@media(max-width: 1199px) {
 .dealCntr ul.deals li .deal__price { font-size: 22px }
}

@media(max-width: 767px) {
 .dealCntr ul.deals li .deal__price { font-size: 18px }
}

.dealCntr ul.deals li .right__arrow { position: absolute; right: 20px; top: 50% }

@media(max-width: 1023px) {
 .dealCntr ul.deals li .right__arrow { margin-left: 10px; right: 10px }
}

.dealCntr ul.deals li .deal_book { position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, 0); cursor: pointer; border: none; padding: 9px 20px; border-radius: 20px; margin: 0; display: block; float: right; background: #F16752; color: #ffff; border: 1px solid #F16752 }
.dealCntr ul.deals.home_deal li .column { margin-bottom: 10px; display: inline-block; width: 100% }
/*.dealCntr ul.deals.home_deal li .column:first-child { width: 14% }
@media(max-width: 1023px) {
    .dealCntr ul.deals.home_deal li .column:first-child { width: 45% }
}*/
@media(max-width: 767px) {
 .dealCntr ul.deals li .deal_book { bottom: -10px; padding: 9px 10px; }
}

.dealCntr .deal__tnc { font-size: 13px; margin: 0px; padding-top: 5px; line-height: 22px; color: #fff }

@media(max-width: 767px) {
 .dealCntr .deal__tnc { font-size: 11px; line-height: 20px; color: #1f1f1f }
}

.dealCntr .deal__tnc span { color: #0C5278 }
.dealCntr .deal__tnc a { color: #0C5278; text-decoration: underline }
 .dealCntr .deal__tnc a:hover { text-decoration: none }
/*dealcntr end*/
/*emailCntr*/
.emailCntr { padding: 50px 0; width: 100%; }

@media(max-width: 767px) {
 .emailCntr { padding: 30px 0; background: none }
}

.emailCntr ul.deals li .right__arrow { position: absolute; right: 15px; top: 15%; border: 1px solid #2139ac; padding: 13px 10px; border-radius: 50%; }

@media(max-width: 1023px) {
 .emailCntr ul.deals li .right__arrow { margin-left: 10px; right: 10px }
}

.emailCntr .deal__block { width: 100%; float: left }

.emailCntr ul.deals { list-style: none; margin-right: -30px }

@media(max-width: 767px) {
 .emailCntr ul.deals { margin: 0px }
}

.emailCntr ul.deals li { margin: 0 30px 25px 0; width: calc(33.3% - 30px); float: left; }
 .emailCntr ul.deals li a { display: block; border-radius: 15px; background: #fff; border: 1px solid #081c3c; transition: all .2s; position: relative; }
 .emailCntr ul.deals li figure { margin: 0; }
 .emailCntr ul.deals li .city__code { float: left; white-space: nowrap; width: 120px; text-overflow: ellipsis; overflow: hidden; display: inline-block; font-size: 24px; font-weight: 700; line-height: 20px; }

@media(max-width: 1023px) {
 .emailCntr ul.deals li .city__code { width: 40%; }
}

.emailCntr ul.deals li .city__code small { font-size: 14px; font-weight: normal; }

.emailCntr ul.deals li .flight__icon { margin: 5px 10px 0; float: left; }

.emailCntr ul.deals li .deal__date { width: 100%; float: left;text-align:center }

.emailCntr ul.deals li .column { padding: 15px; float: left; width: 100%; position: relative; }

@media(max-width: 767px) {
 .emailCntr ul.deals li .column { margin-bottom: 10px; width: 100% }

 .emailCntr ul.deals li { font-size: 12px; width: 100%; margin: 10px 0; }
}

.emailCntr ul.deals li .deal_book { position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, 0); cursor: pointer; border: none; padding: 9px 20px; border-radius: 20px; margin: 0; display: block; float: right; background: #F16752; color: #ffff; border: 1px solid #F16752 }

@media(max-width: 767px) {
 .emailCntr ul.deals li .deal_book { width: max-content; }
}

/*emailCntr*/
/*flightcntr*/
#exampleModal .contact__formBox { background: #ffff; }
#exampleModal .enquiry_form .error { color: #fb3d4e; margin: 0 0 10px; }
.flightcntr { padding: 50px 0; width: 100%; }
 .flightcntr .ui-widget-content { padding: 20px 0px !important }
 .flightcntr .ui-state-default:hover { background: none !important }

@media(max-width: 767px) {
 #exampleModal .contact__formBox { padding: 0; }
 .flightcntr { padding: 30px 0; background: none }
}

.flightcntr .deal__block { width: 100%; float: left }

.flightcntr ul.deals { list-style: none; margin-right: -30px }

@media(max-width: 767px) {
 .flightcntr ul.deals { margin: 0px }
}

.flightcntr ul.deals li { padding: 20px 15px; margin: 0 30px 40px 0; width: calc(33.3% - 30px); float: left; font-size: 14px; transition: all .2s; position: relative; border: 1px solid rgb(225, 225, 225) !important; }

@media(max-width: 767px) {
 .flightcntr ul.deals li .column { margin-bottom: 20px; width: 100% }
  .flightcntr ul.deals li .column.first b { width: 52%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

 .flightcntr ul.deals li { padding: 10px; font-size: 12px; width: calc(50% - 8px); margin: 0px 15px 30px 0; }
  .flightcntr ul.deals li:nth-child(2n) { margin: 0px 0px 30px 0; }
}

.flightcntr ul.deals li .deal_book { position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, 0); cursor: pointer; border: none; padding: 9px 20px; border-radius: 20px; margin: 0; display: block; float: right; background: #F16752; color: #ffff; border: 1px solid #F16752 }

@media(max-width: 767px) {
 .flightcntr ul.deals li .deal_book { width: max-content; }
}

.flightcntr ul.deals li .column a { border: 1px #0C5278 solid; padding: 5px 10px; border-radius: 15px; color: #0C5278; }

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.flex-space-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.flex-middle { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.f-size-15 { font-size: 15px; }
/*flightcntr end*/

.mobile__deal_tab { display: block; list-style: none; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 16px }

@media(max-width: 767px) {
 .mobile__deal_tab { display: block }
}

.mobile__deal_tab li { font-size: 16px; padding: 9px 0px; margin-right: 35px; cursor: pointer; float: left }

 .mobile__deal_tab li a { color: #474747; text-decoration: none }

 .mobile__deal_tab li.ui-tabs-active, .mobile__deal_tab li.active { border-bottom: 1px solid #0C5278 }

  .mobile__deal_tab li.ui-tabs-active a, .mobile__deal_tab li.active a { color: #0057ff }

 .mobile__deal_tab li.ui-state-default:hover { background: none !important }

#tabs2.ui-widget-content, #tabs.ui-widget-content { border: none !important; padding: 0 !important }

#tabs2 .ui-state-active, #tabs .ui-state-active { border: none; background: none; border-bottom: 2px solid #4857ff }

.img-height { height: 100% }

.modifySearchBox { padding: 15px 0; background: #e9e9e9; position: relative; z-index: 2 }

@media(max-width: 1023px) {
 .modifySearchBox { display: none }
}

.modifySearchBox .top_row { border: none; white-space: nowrap }

 .modifySearchBox .top_row:before, .modifySearchBox .top_row:after { content: ""; display: none }

.modifySearchBox .input__block { position: relative }

.modifySearchBox .searchBox { padding-top: 0; padding-bottom: 20px }

.modifySearchBox .inputField { padding: 20px 20px 10px 42px; font-size: 15px; color: #676767; border: 0px; outline: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-color: #fff; border-radius: 5px }

 .modifySearchBox .inputField.border-r { border-right: 0 }

 .modifySearchBox .inputField.location { padding-left: 35px }

 .modifySearchBox .inputField.datedepart { padding: 20px 0px 10px 40px; }

 .modifySearchBox .inputField.datereturn { padding: 20px 10px 10px 10px; }

.modifySearchBox input[type=text]:focus ~ .icons, .modifySearchBox .valid ~ .icons, .modifySearchBox .ng-valid ~ .icons { color: #F16752 }

.modifySearchBox .icons { position: absolute; left: 10px; top: 6px; display: block; pointer-events: none; font-size: 20px }

 .modifySearchBox .icons.person-icon { font-size: 25px }

.modifySearchBox .return_date span.label_name { left: 15px; }

.modifySearchBox .dates { background: #fff; border-radius: 5px; width: 100%; float: left }

.modifySearchBox .no-padding { padding: 0 }

.modifySearchBox .pad3px { padding: 0px 3px }

.modifySearchBox .pl-8 { padding-left: 8px }

.modifySearchBox .row_margin { margin: 0px -5px }

.modifySearchBox .row_margin2 { margin: 0 -6px }

.modifySearchBox .col-50 { width: 50%; float: left }

 .modifySearchBox .col-50.roundtrip { display: none }

 .modifySearchBox .col-50.oneway { width: 100% }

.modifySearchBox .searchButton { width: 95%; background: #0C5278; border: none; font-size: 15px; color: #fff; text-align: center; cursor: pointer; border-radius: 5px; padding: 14px 10px; outline: none; margin-left: 8px }

 .modifySearchBox .searchButton .bi-search { margin-left: 5px }

.modifySearchBox .tripType { border-bottom: none }

.modifySearchBox .traveler_main { position: relative }

 .modifySearchBox .traveler_main .travllerBox { width: 550px; display: none; position: absolute; left: auto; top: 6px; z-index: 3 }

.modifySearchBox .switch { top: 0px }

.search__infoBox { display: none; padding: 5px 10px; background: #dbf5ff; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; color: #1f1f1f }

@media(max-width: 1023px) {
 .search__infoBox { display: block }
}

.search__infoBox .column { color: #0C5278; width: 50px; float: left; font-weight: 700; font-size: 20px }

.search__infoBox .itenery-date { font-size: 13px }

.search__infoBox i { position: relative; top: 7px }

.modify_search_mobile { color: #0C5278; width: 70px; text-align: center; cursor: pointer; height: 56px; line-height: 55px; font-size: 26px; position: absolute; right: 0; top: -6px; padding-top: 5px; line-height: 44px }

.relative { position: relative }

.modifySearchBox span.label_name { position: absolute; font-size: 12px; left: 38px; color: #a8a8a8; top: 0px; }

.modifySearchBox .angucomplete-dropdown { left: 0px; margin-top: 0px }

.modifySearchBox .inputField.input_clear.x { background-position: right 17px }

td.highlight > a { background: #0000ff29 !important }

.error { margin: 6px 0 0 0; color: #0C5278; font-size: 13px }

 .error i { position: relative; top: -2px; margin-right: 3px }

.mobile-itenery { transition: all .5s ease 0s; width: 100%; z-index: 2; overflow: hidden; box-shadow: 0 4px 5px #0000000f; background: #fff }

 .mobile-itenery.fixed, .payment__stepBox.fixed { position: fixed; top: 0 }

.modifySearchBox .tripType.white li label { color: #fff }

.modifySearchBox .tripType.white.inputSet label input[type=radio]:checked ~ span::before { background: #fff }

.modifySearchBox .tripType.white.inputSet label input[type=radio]:checked ~ span::after { border: 2px solid #fff }

.modifySearchBox .tripType.white.inputSet label input[type=radio] ~ span::after { border: 2px solid #fff }

.modifySearchBox .inputSet label input[type=radio]:checked ~ span { color: #1f1f1f }

#resultsCntr .holder { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 18px; }

.filterBox { border-bottom: 1px solid #ccc; }

 .filterBox:last-child { border-bottom: 0; }

@media(max-width: 767px) {
 #resultsCntr .holder { border: 0px; border-radius: 0px; }
}

.filterBox .inner { padding: 15px 15px }

@media(max-width: 1199px) {
 .filterBox .inner { padding: 10px }
}

.filterBox .head { padding-bottom: 10px; font-size: 18px; color: #0C5278; font-weight: 600; }

.filterBox .subheading { font-size: 15px; color: #343434; margin-bottom: 10px }

.filterBox .filter__list { list-style: none; margin-bottom: 0px }

 .filterBox .filter__list li { display: flex; justify-content: space-between; }

 .filterBox .filter__list .filter__list label { font-weight: normal }

.filterBox .range_text { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px }

.filterBox .return_time { width: 100%; float: left; margin-top: 15px; padding-top: 10px; border-top: 1px solid #ccc }

.filterBox .text-overflow { display: inline-block; max-width: 205px }
#airlines .filterBox .text-overflow { display: inline-block; max-width: 140px }

@media(max-width:480px) {
 #airlines .filterBox .text-overflow { display: inline-block; max-width: 250px }
}

.filterBox .inputSet label { padding-left: 23px }

.mobile__filter { display: none; margin-bottom: 14px; padding: 10px 7px 0px 48px; position: relative }

@media(max-width: 1023px) {
 .mobile__filter { display: block; background: #fff }
}

.mobile__filter ul { list-style: none; white-space: nowrap; display: flex; margin: 0px; overflow-y: hidden; overflow-x: scroll }

 .mobile__filter ul li { float: left; padding: 6px 14px 6px 14px; margin-right: 10px; border-radius: 30px; border: 1px solid #d5dcf3; box-shadow: 0 3px 6px #0000000A; color: #0C5278; font-weight: 500; background: #f8f9ff; position: relative }

  .mobile__filter ul li .mobile__filter-clear { display: none }

  .mobile__filter ul li.active { background: #0C5278; color: #fff; border-color: #0C5278; padding: 6px 28px 6px 14px }

   .mobile__filter ul li.active a { margin: 0px 0px 0 4px; color: #fff; position: absolute; top: 0; right: 10px; display: inline-block }

.mobile__filter .filter_link { font-size: 33px; position: absolute; left: 7px; top: -4px; color: #0C5278 }

@media(max-width: 767px) {
 .mobile__filter .filter_link { top: 2px }
}

.mobile_filter_tab { background: #0C5278; overflow: hidden; color: #fff; position: relative; display: none }

@media(max-width: 1023px) {
 .mobile_filter_tab { display: block }
}

.mobile_filter_tab ul { list-style: none; padding: 0px; display: flex; background: #f2f5ff; justify-content: space-between; margin: 0px }

 .mobile_filter_tab ul li a { padding: 10px 20px; font-weight: 600; border-bottom: 2px solid #f2f5ff; display: block; color: #1f1f1f }

  .mobile_filter_tab ul li a.active, .mobile_filter_tab ul li a:focus { background: #fff; color: #0C5278; border-bottom: 2px solid #0C5278; text-decoration: none }

.mobile_filter_tab h4 { font-size: 16px; padding: 10px; margin: 0px }

.mobile_filter_tab .close_filter { position: absolute; right: 0px; top: -4px; padding: 4px 10px; font-size: 20px; color: #fff }

.filterBox.tab-pane { display: block; opacity: 1 }

@media(max-width: 1023px) {
 .filterBox.tab-pane { display: none; opacity: 0; height: 0px; padding: 0px; margin: 0px }
}

@media(max-width: 1023px) {
 .filterBox.tab-pane.active { display: block; opacity: 1; height: auto; margin: inherit }
}

#airlines.sticky .tab-pane { display: block; opacity: 1; width: 260px }

@media(max-width: 1199px) {
 #airlines.sticky .tab-pane { width: 240px }
}

@media(max-width: 1023px) {
 #airlines.sticky .tab-pane { opacity: 0; height: 0px; padding: 0px; margin: 0px; width: 100% }
}

@media(max-width: 1023px) {
 #airlines.sticky.tab-pane.active { opacity: 1; height: auto; margin: inherit }
}

@media(max-width: 1023px) {
 #airlines.sticky.active .tab-pane { opacity: 1; height: auto; margin: inherit }
}

.filter_action_button { width: 100%; padding: 15px; position: fixed; left: -200%; bottom: 0px; border-top: 1px solid #ccc; background: #fff; transition: all .5s }

 .filter_action_button a { padding: 10px; border: 1px solid #adb4d4; width: 45%; display: block; text-align: center; font-size: 18px; color: #0C5278; float: left; margin: 0 8px; border-radius: 5px }

@media(max-width: 479px) {
 .filter_action_button a { width: 43%; padding: 8px 10px }
}

.filter_action_button a.active { background: #0C5278; border-color: #0C5278; color: #fff }

.resultsBox { margin-bottom: 20px; padding: 5px 20px; width: 100%; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 18px; background: #fff }

@media(max-width: 1199px) {
 .resultsBox { padding: 5px 12px }
}

@media(max-width: 767px) {
 .resultsBox { width: auto }
}

.resultsBox .flight__row { padding: 11px 0px 11px 0; }

@media(max-width: 767px) {
 .resultsBox .flight__row { padding: 4px 0 10px 0 }
}

.resultsBox .flight__row .head { font-size: 16px; color: #0C5278; margin-bottom: 10px; font-weight: 600 }

@media(max-width: 767px) {
 .resultsBox .flight__row .head { font-size: 13px }
}

.resultsBox .flight__row .head .date { color: #212529; font-weight: 400; font-size: 14px }

@media(max-width: 767px) {
 .resultsBox .flight__row .head .date { font-size: 12px }
}

.resultsBox .flight__row .airline_logo { float: left; width: 70px }

@media(max-width: 767px) {
 .resultsBox .flight__row .airline_logo { width: 40px }
}


.resultsBox .flight__row .flights_info { padding-left: 10px; line-height: 1.1rem; /*white-space: nowrap;*/ width: calc(100% - 70px); float: left }

@media(max-width: 1199px) {
 .resultsBox .flight__row .flights_info { padding-left: 7px; }
}

.resultsBox .flight__row .flights_info .airline_name { color: #1f1f1f; font-weight: 500 }

@media(max-width: 1199px) {
 .resultsBox .flight__row .flights_info .flights_number { font-size: 13px; }
}

.resultsBox .flight__row .leg-details .city { width: 100px; float: left }

.resultsBox .flight__row .leg-details .code { font-size: 24px; font-weight: 700; color: #0C5278 }

.resultsBox .flight__row .leg-details .time { font-weight: 700; color: #1f1f1f }

.resultsBox .flight__row .leg-details .connnecting-block { padding: 13px 10px 0 24px; float: left; width: calc(100% - 200px); position: relative; margin-left: -7px; margin-right: 7px }

.resultsBox .flight__row .leg-details .leg-points { background: #909090; border-bottom: 1px dashed #F16752; height: 1px; position: relative; text-align: center }
 .resultsBox .flight__row .leg-details .leg-points:before { content: ""; width: 17px; height: 18px; display: block; position: absolute; left: -5px; top: -9px; background: #fff url(../images/icons/location.svg) left center no-repeat }
 .resultsBox .flight__row .leg-details .leg-points:after { content: ""; position: absolute; right: -5px; top: -10px; height: 18px; background: #fff url(../images/icons/location.svg) right center no-repeat; width: 17px }

@media(max-width: 767px) {
 .resultsBox .flight__row .leg-details .city { width: 110px; }
  .resultsBox .flight__row .leg-details .city:last-child { text-align: right }
 .resultsBox .flight__row .leg-details .connnecting-block { padding-top: 36px; width: calc(100% - 220px); }
}

@media(max-width: 380px) {
 .resultsBox .flight__row .leg-details .city { width: 100px; }
  .resultsBox .flight__row .leg-details .city:last-child { text-align: right }
 .resultsBox .flight__row .leg-details .connnecting-block { width: calc(100% - 200px); }
 .resultsBox .flight__row .airline_logo { width: 30px }
 .resultsBox .flight__row .flights_info .airline_name, .resultsBox .flight__row .flights_info .flights_number { display: inline-block; padding-right: 5px; }
}

@media(max-width: 320px) {
 .resultsBox .flight__row .leg-details .city { width: 80px; }
 .resultsBox .flight__row .leg-details .connnecting-block { width: calc(100% - 160px); }
}

.resultsBox .flight__row .leg-details .leg-points .stops { font-size: 12px; text-align: center; width: 55px; display: inline-block; margin-top: -10px; line-height: 2em; color: #5c5c5c }

 .resultsBox .flight__row .leg-details .leg-points .stops:before { content: ""; width: 10px; height: 10px; display: inline-block; position: unset; margin-top: 6px; border: 2px solid #F16752; border-radius: 100%; background: #fff }

 .resultsBox .flight__row .leg-details .leg-points .stops b { position: relative; top: -5px }

.resultsBox .flight__row .leg-details .leg-points .layovertime { width: 100%; position: absolute; top: -30px; left: 0px }

.resultsBox .flight__row.return_flights { border-top: 1px solid #ccc; margin-top: 5px }

.resultsBox .top_row_mobile { border-bottom: 1px solid #ccc; margin-bottom: 5px }

 .resultsBox .top_row_mobile .mobile_alternate { float: left; margin-left: 0px }

.resultsBox .price_list { border-left: 1px solid #ccc; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-bottom: 20px; }

@media(max-width: 767px) {
 .resultsBox .price_list { height: auto; border-left: none; align-items: flex-start; padding-bottom: 2px }
 .resultsBox .top_row_mobile .message_display { position: absolute; top: -14px; }
}

.resultsBox .price_list .price { font-size: 25px; color: #393939; font-weight: bold; position: relative; min-height: 35px; display: block; cursor: pointer }

@media(max-width: 767px) {
 .resultsBox .price_list .price { min-height: inherit; color: #F16752 }
}

.resultsBox .price_list .price sup { font-size: .75rem }

.resultsBox .price_list .per_person { font-size: 14px }

.resultsBox .price_list .select__btn { text-align: center; background: #F16752; padding: 12px 35px; color: #fff; font-size: 16px; border-radius: 25px; margin-top: 10px }

 .resultsBox .price_list .select__btn i { position: relative; top: 0px }

 .resultsBox .price_list .select__btn:hover { background: #0C5278; text-decoration: none }

.resultsBox .price_list .seat_left { font-weight: 400 }

@media(max-width: 767px) {
 .resultsBox .price_list .select__btn { width: 100%; margin-top: 0px; margin-bottom: 10px; padding: 10px; }

 .resultsBox .price_list .seat_left { white-space: nowrap; font-size: 11px; margin-top: 0px !important }
}

.resultsBox .results_bottom { background: #0C5278; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; text-align: center; padding: 6px 0; margin: 0 -12px -5px; border-top: 1px solid #ccc }

 .resultsBox .results_bottom .bagguage_fees { font-size: 13px; padding-left: 22px; display: inline-block; text-decoration: none; background: #fff url(../images/icons/baggage.svg) left center no-repeat }

  .resultsBox .results_bottom .bagguage_fees:hover { color: #0C5278 }

.flight_detail_btn { border-bottom-right-radius: 18px; border-top-left-radius: 18px; color: #ffff; padding: 5px 10px; text-decoration: none; position: absolute; bottom: 0; background: #0C5278; right: 0; }

 .flight_detail_btn:hover { background: #F16752; color: #ffff; text-decoration: none; }

.resultsBox .results_bottom .flight_detail_btn { color: #ffff; text-decoration: none; position: relative; display: inline-block; }

 .resultsBox .results_bottom .flight_detail_btn i { position: relative; }

 .resultsBox .results_bottom .flight_detail_btn:hover { color: #0C5278 }

.save_price_msg { background: #0fa848; padding: 6px 20px; color: #fff; display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px }

@media(max-width: 767px) {
 .save_price_msg { padding: 6px 10px; display: none }
}

.mobile_class_type { font-size: 12px; font-weight: 400; float: right; margin: 2px; color: #939393 }

.repeat_results { position: relative }

.mobile_Resultsclick { background: transparent; position: absolute; left: 0px; top: 0px; z-index: 1; width: 110%; height: 100%; margin: 0px -20px }

#scrollBottomtop { background: #F16752; position: fixed; right: 20px; bottom: 70px; color: #fff; cursor: pointer; display: none; font-size: 30px; height: 40px; width: 40px; line-height: 40px; border: none; text-align: center; z-index: 1 }

 #scrollBottomtop:focus { border: none }

#airlines.filterBox .text-overflow { width: 145px }

.cursor { cursor: pointer }

.text-red { color: #0C5278 }

.text-link-red { color: #0C5278; text-decoration: underline !important }

.overflow { overflow: hidden }

.flightDetailWrapper { position: fixed; top: 0; right: 0; z-index: 9; background-color: rgba(0,0,0,.35); overflow-x: hidden; overflow-y: hidden; width: 0px }

 .flightDetailWrapper .flightDetail_popup { width: 580px; float: right; background: #fff; position: relative; height: 100vh }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup { width: 100% }
}

.flightDetailWrapper .flightDetail_popup .head { padding: 20px 30px 0px 30px; position: relative }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .head { padding: 10px 10px; font-size: 16px; background: rgb(0 183 255 / 14%); overflow: hidden; }

  .flightDetailWrapper .flightDetail_popup .head .page__title { margin: 0px; font-size: 16px; }

   .flightDetailWrapper .flightDetail_popup .head .page__title:after { bottom: -9px; display: none }
}

.flightDetailWrapper .flightDetail_popup .close_detail { font-size: 18px; color: #F16752; padding-left: 25px; position: absolute; right: 30px; top: 10px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .close_detail { right: 20px; top: 50%; font-size: 20px; transform: translateY(-50%) }
}

.flightDetailWrapper .flightDetail_popup .close_detail:hover { text-decoration: none; color: #0C5278 }

.flightDetailWrapper .flightDetail_popup .page__title { font-size: 18px }

 .flightDetailWrapper .flightDetail_popup .page__title strong { display: inline-block }

 .flightDetailWrapper .flightDetail_popup .page__title:after { bottom: -9px }

.flightDetailWrapper .flightDetail_popup .bagguage_fees { float: left; margin-top: 10px; font-size: 13px; padding-left: 22px; display: inline-block; text-decoration: none; background: #fff url(../images/icons/baggage.svg) left center no-repeat }

 .flightDetailWrapper .flightDetail_popup .bagguage_fees:hover { color: #0C5278 }

.flightDetailWrapper .flightDetail_popup .detail_footer { position: fixed; right: 200%; width: 580px; background: rgb(0 183 255 / 14%); bottom: 0px; box-shadow: 0 0 6px #00000029 }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .detail_footer { z-index: 99; width: 100% }
}

.flightDetailWrapper .flightDetail_popup .bottom { padding: 15px 30px 15px 30px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .bottom { padding: 10px }
}

.flightDetailWrapper .flightDetail_popup .price_list { display: flex; justify-content: flex-end; align-items: center }

 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 22px; color: #0C5278; font-weight: bold; position: relative; line-height: 21px; display: block; margin-right: 50px; text-align: center }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 18px; margin-right: 15px }
}

.flightDetailWrapper .flightDetail_popup .price_list .price sup { font-size: .75rem }

.flightDetailWrapper .flightDetail_popup .price_list .per_person { font-size: 11px; display: block; line-height: 13px }

.flightDetailWrapper .flightDetail_popup .price_list .select__btn { background: #0C5278; padding: 12px 35px; color: #fff; font-size: 16px; border-radius: 5px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { padding: 7px 6px 7px 17px; font-size: 14px }
}

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { padding: 7px 6px 7px 8px; font-size: 14px }
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn i { display: none; position: relative; top: 0px }

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn i { margin-left: 2px !important }
}

.flightDetailWrapper .flightDetail_popup .price_list .select__btn:hover { background: #F16752; text-decoration: none }

.flightDetailWrapper .flightDetail_popup .flight_left { float: left; display: flex; align-items: center; justify-content: flex-start }

 .flightDetailWrapper .flightDetail_popup .flight_left .citycode { padding: 0 12px; font-size: 11px; }

  .flightDetailWrapper .flightDetail_popup .flight_left .citycode strong { display: block; font-size: 18px; color: #1f1f1f }

.flightDetailWrapper .flightDetail_popup .flightDetail { padding: 0px 30px; height: calc(100vh - 162px); overflow-y: auto; overflow-x: hidden }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flightDetail { padding: 10px 10px; height: 85% }
}

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .flightDetail { padding: 10px 10px 20px; height: 78% }
}

@media(max-width: 380px) {
 .flightDetailWrapper .flightDetail_popup .flight_left .citycode { padding: 0; }
 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 16px; margin-right: 5px; }
}

.flightDetailWrapper .flightDetail_popup .flighttab { list-style: none; width: 100%; float: left; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab { margin: 10px 0; width: auto; overflow: hidden; float: none; border-bottom: none }
}

.flightDetailWrapper .flightDetail_popup .flighttab li { float: left; margin-right: 30px }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li { width: 45%; margin-right: 15px }
}

@media(max-width: 479px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li { width: 43% }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a { font-size: 16px; color: #1f1f1f; text-decoration: none; padding: 0 0px 7px 0; display: block; position: relative; cursor: pointer }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li a { font-size: 14px; padding: 4px 10px; border: 2px solid #ccc; text-align: center; border-radius: 5px }

  .flightDetailWrapper .flightDetail_popup .flighttab li a.active { border-color: #2b4ded }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all .5s; width: 0px; display: block; background: #0C5278 }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flighttab li a:before { display: none }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a.active, .flightDetailWrapper .flightDetail_popup .flighttab li a.active:before { width: 100%; color: #0C5278 }

.flightDetailWrapper .flightDetail_popup .flighttab li a.active { color: #0C5278 }

.flightDetailWrapper .flightDetail_popup .airlines__details { font-size: 13px; line-height: 1.5em; color: #949494 }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .airlines__details { font-size: 11px; line-height: 17px }
}

.flightDetailWrapper .flightDetail_popup .airlines__details .air-name { font-size: 14px; color: #1f1f1f }

.flightDetailWrapper .flightDetail_popup .airlines__details img { width: 60px; float: left; margin-right: 10px }

.flightDetailWrapper .flightDetail_popup .airlines__details .detail { /* width: calc(100% - 75px);*/ float: left }

.flightDetailWrapper .flightDetail_popup .route__info { padding: 10px 0; font-size: 13px; position: relative }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info { padding: 0 20px; margin: 15px 0 5px 0; border-left: 2px dashed #ccc }

  .flightDetailWrapper .flightDetail_popup .route__info:after, .flightDetailWrapper .flightDetail_popup .route__info:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #0C5278; position: absolute; left: -6px; top: 0px; border-radius: 100%; background: #fff }

  .flightDetailWrapper .flightDetail_popup .route__info:before { top: inherit; bottom: 0px }
}

.flightDetailWrapper .flightDetail_popup .route__info .time { font-size: 14px; color: #1f1f1f; font-weight: 600; }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info .time { margin-top: 2px }
}

.flightDetailWrapper .flightDetail_popup .route__info .date { position: relative }

@media(max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info .date .highlight { display: inline-block }

 .flightDetailWrapper .flightDetail_popup .route__info .date .message_display { position: static; display: inline-block }
}

.flightDetailWrapper .flightDetail_popup .route__info .destination_fullname { position: relative }

 .flightDetailWrapper .flightDetail_popup .route__info .destination_fullname .message_display { top: inherit; bottom: -25px; position: static }

.flightDetailWrapper .flightDetail_popup .route__info .connecting__bar { width: 60%; height: 2px; border-top: 2px dashed #dfdfdf; position: absolute; left: 0px; top: 72px }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:after, .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #0C5278; position: absolute; right: 0px; top: -6px; border-radius: 100%; background: #fff }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar:before { right: inherit; left: 0px }

 .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar .duretion_time { position: absolute; left: 50%; margin-top: -30px; text-align: center }

  .flightDetailWrapper .flightDetail_popup .route__info .connecting__bar .duretion_time img { background: #fff; padding: 0 6px; display: block }

.flightDetailWrapper .flightDetail_popup .route__info .TripTime { width: 100%; padding: 5px; background: #fdedea; margin: 10px; }

.flightDetailWrapper .flightDetail_popup .route__info .message_display { position: absolute; left: 0px; top: -25px; margin: 0px }

.flightDetailWrapper .flightDetail_popup .layover { padding: 7px 20px; font-size: 12px; color: #787878; background: #fdedea; text-align: center; margin-bottom: 20px }

 .flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch { position: relative; top: 0px; margin-right: 4px }

  .flightDetailWrapper .flightDetail_popup .layover .bi-stopwatch:before { margin: 0px }

.information_msg { font-size: 11px; font-weight: 400 }

.highlight { color: #0C5278; font-weight: 500 }

.message_display { border: 1px solid #0fa848; color: #0fa848; padding: 2px 10px; border-radius: 22px; font-size: 11px; margin: 0px 5px }

.text-overflow { overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.open-model { overflow: hidden }

.matrixCntr { background: #fff; box-shadow: 0 3px 6px #e4dcec73; margin-bottom: 30px; padding-top: 25px }

.matrixBox { margin-bottom: 20px; }

@media(max-width: 767px) {
 .matrixBox { margin-bottom: 10px }
}

.matrixBox .matrix__wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; border-radius: 15px; border: 1px solid #00000033; background: #fff }

.slick-list { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.matrixBox .matrix__aside { background: #F16752; color: #ffff; border-top-left-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; position: relative; float: left; width: 14%; z-index: 1 }

 .matrixBox .matrix__aside .matrix__box-lg { background: #F16752; color: #ffff; }

@media(max-width: 767px) {
 .matrixBox .matrix__aside { width: 110px }
}

.matrixBox .matrix__aside .matrix__box { padding-left: 15px; white-space: nowrap }

 .matrixBox .matrix__aside .matrix__box i { margin-left: 6px }

.matrixBox .matrix__slider { position: relative; float: left; width: 86% }

@media(max-width: 767px) {
 .matrixBox .matrix__slider { width: calc(100% - 110px) }
}

.matrixBox .matrix__slider .items { width: 200px; float: left }

.matrixBox .matrix__slider .matrix__logo { display: none; width: 26px }

.matrixBox .matrix__slider .matrix__airline-name { line-height: 16px; margin-left: 10px; text-align: left }

.matrixBox .matrix__box-lg { background: #fdedea; border-right: 1px solid #ddd; font-size: 13px; height: 50px; position: relative; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center }

.matrixBox .matrix__box { border-right: 1px solid #ddd; border-top: 1px solid #ddd; display: block; font-size: 13px; height: 45px; text-align: center; width: 100%; cursor: pointer; line-height: 26px; padding: 8px; font-weight: 500 }

 /* .matrixBox .matrix__box-lg:hover, .matrixBox .matrix__box:hover {
        background: #dbf5ff}*/
 .matrixBox .matrix__box-lg.matrixdisabled:hover, .matrixBox .matrix__box.matrixdisabled:hover { background: transparent; cursor: default; font-weight: 400 }

.matrixBox .disclaimer { font-size: 12px }

.matrixBox .slick-next, .matrixBox .slick-prev { right: -30px; top: 60%; background: #F16752; width: 23px; height: 23px; border: 1px solid #F16752 }

.matrixBox .slick-prev { left: inherit; top: 40%; right: -30px }

 .matrixBox .slick-prev:before, .matrixBox .slick-next:before { color: #ffff; font-family: "FontAwesome"; content: "" }

 .matrixBox .slick-prev:before { font-family: "FontAwesome"; content: "" }

.matrixBox .collapse.show { display: inline !important }

.matrixBox .learn-more { color: #0C5278 }

@media only screen and (max-width: 767px) {
 .matrixCntr { margin-bottom: 0px; padding-top: 0px; }
  .matrixCntr .matrixBox { margin-bottom: 0px; }
 .matrixBox ul li { padding: 0 5px !important; }
 .matrixBox .matrix__box-lg { background: transparent; }
  /* .matrixBox .matrix__box-lg {flex-direction: column;}*/
  .matrixBox .matrix__box-lg img { margin-right: 10px; max-width: 40px; }
 .matrixBox .matrix__slider .matrix__airline-name { font-size: 10px; margin-left: 0; }
 .matrixCntr .sortingTabBox { border-radius: 0; margin-left: -0px; margin-right: -0px; }
}

.tooltip-new { background: #00B7FF; color: #fff; bottom: 100%; display: block; width: 280px; border-radius: 5px; padding: 9px 10px; font-size: 12px; opacity: 0; pointer-events: none; position: absolute; left: 50%; transition: all .25s ease-out; transform: translateX(-50%) }

 .tooltip-new:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100% }

 .tooltip-new:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #00B7FF 10px; bottom: -10px; content: " "; height: 0; left: 53%; position: absolute; width: 0; transform: translateX(-53%) }

.connnecting-block:hover .tooltip-new { opacity: 1; pointer-events: auto }

@media(max-width: 767px) {
 .connnecting-block:hover .tooltip-new { opacity: 1; }
}

.tooltip_block { position: relative; display: inline-block }

 .tooltip_block:hover .custom_tooltip { display: block }

.tooltip-icon { position: relative; top: -2px }

.custom_tooltip { width: max-content; display: none; position: absolute; top: 31px; left: 50%; transform: translateX(-50%); background: #fff; padding: 11px 13px; font-size: 12px; color: #444; border: 1px solid #e0e0e0; z-index: 1; box-shadow: 4px 4px 9px #00000029 }

 .custom_tooltip:before, .custom_tooltip:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; left: 47%; border-bottom: 10px solid #ccc }

 .custom_tooltip:after { border-bottom: 11px solid #fff; z-index: 1 }

 .custom_tooltip .tooltip_close { display: none; position: absolute; right: 0; top: 0; cursor: pointer; font-size: 26px; line-height: 26px }

.popup_Box { background-color: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow-y: auto }

 .popup_Box .center-block { width: 100%; height: 100%; z-index: 1001; display: table; table-layout: fixed }

 .popup_Box .outer { display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 40px 0 }

  .popup_Box .outer.call_fullwindow { padding: 0px }

   .popup_Box .outer.call_fullwindow .close__popup { top: 4px; z-index: 1; right: 12px }

 .popup_Box .close__popup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 27px; position: absolute; right: 0px; top: -17px; color: #0C5278 }

.button { background: #ff744a; color: #fff }

 .button:hover { background: #F16752; color: #fff }

.session__expire { width: 420px; margin: 0px auto; background: #fff; padding: 36px; position: relative }

@media(max-width: 479px) {
 .session__expire { width: 95%; padding: 15px }
}

.session__expire .clock_tym { width: 67px }

.session__expire h3 { font-size: 22px; font-weight: 600; margin: 12px 0 }

.session__expire .call_us { overflow: hidden; border-top: 1px dotted #ccc; padding-top: 11px }

 .session__expire .call_us .call_icon { width: 50px; margin-top: 11px }

.session__expire .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b }

 .session__expire .left a { font-size: 22px; color: #0C5278; font-weight: 700; display: inline-block }

.session__expire .timeStart { padding-top: 12px; padding-bottom: 10px; font-size: 12px }

 .session__expire .timeStart .seconds { font-size: 30px; color: #0C5278; font-weight: 700; line-height: 40px }

.session__expire .time_text { font-size: 14px; margin: 0px }

.ucBannerBox { width: 620px; margin: 0px auto; background: #fff; position: relative }

@media(max-width: 767px) {
 .ucBannerBox { width: 420px; padding: 15px }
}

@media(max-width: 479px) {
 .ucBannerBox { width: 95% }
}

.ucBannerBox .image_block { padding: 25px; background: #dbf5ff; overflow: hidden; text-align: center }

@media(max-width: 767px) {
 .ucBannerBox .image_block { height: 200px }
}

@media(max-width: 767px) {
 .ucBannerBox .image_block img { height: 200px }
}

.ucBannerBox .uc_content { padding: 32px 25px 0 20px }

@media(max-width: 767px) {
 .ucBannerBox .uc_content { padding: 17px 0 0 0 }
}

.ucBannerBox .uc_content .head { font-size: 23px; font-weight: 600; margin: 0 0 12px 0; line-height: 30px }

@media(max-width: 767px) {
 .ucBannerBox .uc_content .head { font-size: 19px }
}

.ucBannerBox .uc_content .buttons { display: flex; justify-content: space-between; margin-bottom: 25px }

.ucBannerBox .uc_content .chat_button { margin: 0px auto; text-align: center; background: #4863db; padding: 9px 15px; display: inline-block; color: #fff; border-radius: 3px; font-weight: 600 }

 .ucBannerBox .uc_content .chat_button i { margin-right: 5px }

@media(max-width: 479px) {
 .ucBannerBox .uc_content .chat_button { padding: 8px }
}

.ucBannerBox .uc_content .chat_button.call_button { background: #ffe600; color: #000 }

.ucBannerBox .call_us { overflow: hidden; border-top: 1px dotted #ccc; padding-top: 11px }

 .ucBannerBox .call_us .call_icon { width: 50px; margin-top: 11px }

.ucBannerBox .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b }

 .ucBannerBox .left a { font-size: 22px; color: #0C5278; font-weight: 700; display: inline-block }

@media(max-width: 767px) {
 .ucBannerBox .left a { font-size: 20px }
}

.no__resultsBox { margin-bottom: 20px; padding: 50px 20px; width: 100%; border-radius: 3px; box-shadow: 0 4px 5px #0000000F; background: #fff; text-align: center }

 .no__resultsBox .head { font-size: 21px; color: #1f1f1f; font-weight: 600; padding: 20px 0 10px 0 }

 .no__resultsBox .resetFilter_button { background: #0C5278; padding: 7px 20px; border-radius: 3px; text-decoration: none; color: #fff }

  .no__resultsBox .resetFilter_button i { margin-right: 7px }

  .no__resultsBox .resetFilter_button:hover { background: #F16752; text-decoration: none }

.baggage__fees { width: 820px; margin: 0px auto; background: #fff; padding: 20px; position: relative }

@media(max-width: 767px) {
 .baggage__fees { width: 420px; padding: 15px }
}

@media(max-width: 479px) {
 .baggage__fees { width: 95% }
}

.baggage__fees h3 { font-size: 19px; font-weight: 600; margin: 14px 0 20px 0; padding-bottom: 5px }

@media(max-width: 767px) {
 .baggage__fees h3 { font-size: 16px }
}

.baggage__fees .baggage_block { padding: 8px 15px; background: #edeef3; margin: 10px 0 }

@media(max-width: 767px) {
 .baggage__fees .baggage_block { margin: 10px -15px }
}

.baggage__fees .baggage_block img { width: 40px; margin-right: 10px }

.baggage__fees .baggage_block a { background: #0C5278; color: #fff; text-decoration: none; margin-top: 5px; display: inline-block; padding: 5px 10px; border-radius: 2px; white-space: nowrap; font-size: 13px }

.baggage__fees .small_text { font-size: 12px; position: relative; padding-left: 17px }

 .baggage__fees .small_text i { position: absolute; left: 0px; top: 0px }

.baggage__fees .text-link { color: #0C5278 }

.baggage__fees .baggage_banner { width: 100% }

.exitpopup { width: 700px; margin: 0px auto; background: #fff; position: relative }

@media(max-width: 767px) {
 .exitpopup { width: 420px; padding: 15px }
}

@media(max-width: 479px) {
 .exitpopup { width: 95% }
}

.exitpopup h3 { font-size: 28px; font-weight: 600; margin: 35px 0 20px 0; padding-bottom: 5px }

@media(max-width: 767px) {
 .exitpopup h3 { font-size: 23px; margin: 10px 0 }
}

.exitpopup p { font-size: 16px; padding-right: 10px; padding-bottom: 10px; line-height: 30px }

@media(max-width: 767px) {
 .exitpopup p { font-size: 14px; line-height: 26px }
}

.exitpopup .exitbutton { margin-right: 10px; width: 178px; height: 41px; border: 1px solid #4863db; display: inline-block; text-align: center; border-radius: 5px; padding: 8px; font-size: 16px; color: #4863db; text-decoration: none }

@media(max-width: 767px) {
 .exitpopup .exitbutton { width: 145px; font-size: 14px; float: left; margin: 2px 0px }
}

.exitpopup .exitbutton.active { background: #0C5278; border-color: #0C5278; color: #fff }

.mid_page__loading { width: 340px; margin: 0px auto; background: #fff; position: relative; padding: 18px; overflow: hidden }

@media(max-width: 479px) {
 .mid_page__loading { width: 95%; padding: 15px }
}

.mid_page__loading img { float: left; width: 131px }

.mid_page__loading p { font-size: 16px; line-height: 24px; float: left; margin: 0px; border-left: 1px solid #ccc; padding: 0 0 0 20px; margin-left: 20px }

.mid_page__loading .dot span { font-size: 28px; line-height: 15px; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both }

 .mid_page__loading .dot span:nth-child(2) { animation-delay: .2s }

 .mid_page__loading .dot span:nth-child(3) { animation-delay: .4s }

@keyframes blink {
 0% { opacity: .2 }

 20% { opacity: 1 }

 100% { opacity: .2 }
}

.modal-open .modal.custom_popup_content { padding: 0px !important }

.custom_popup_content .modal-dialog { max-width: 100%; margin: 0px }

.custom_popup_content .model_header { background: #0C5278; z-index: 3; position: fixed; left: 0; top: 0; border: 0; width: 100%; line-height: 50px; font-size: 18px; color: #fff }

 .custom_popup_content .model_header .back_btn { cursor: pointer; width: 50px; height: 50px; margin-right: 15px; font-size: 18px; color: #fff; float: left; opacity: 1; background: 0 0; border: none; border-right: 1px solid #fff }

  .custom_popup_content .model_header .back_btn:focus { box-shadow: none; border: none }

 .custom_popup_content .model_header .close_btn { cursor: pointer; width: 50px; float: right; color: #fff; opacity: 1; background: 0 0; border: none; border-left: 1px solid #fff }

  .custom_popup_content .model_header .close_btn:focus { box-shadow: none; border: none }

.custom_popup_content .pdt-60 { padding-top: 60px }

.callBannerBox { width: 740px; margin: 0px auto; background: #fff; position: relative; transition: opacity .15s linear }

@media(max-width: 767px) {
 .callBannerBox { width: 420px; padding: 15px }
}

@media(max-width: 479px) {
 .callBannerBox { width: 100%; height: 100% }
}

.callBannerBox .image_block { padding: 30px; background: #fff; overflow: hidden; text-align: center }

@media(max-width: 767px) {
 .callBannerBox .image_block { height: 200px }
}

@media(max-width: 767px) {
 .callBannerBox .image_block img { width: 100% }
}

.callBannerBox .call_content { padding: 42px 35px 0 35px }

@media(max-width: 767px) {
 .callBannerBox .call_content { padding: 17px 0 0 0; text-align: center }
}

.callBannerBox .call_content .head { font-size: 23px; font-weight: 600; margin: 0 0 12px 0; line-height: 30px }

@media(max-width: 767px) {
 .callBannerBox .call_content .head { font-size: 19px }
}

.callBannerBox .call_content .buttons { display: flex; justify-content: space-between; margin-bottom: 25px }

.callBannerBox .call_content .chat_button { margin: 46px auto; text-align: center; background: #4863db; padding: 14px 15px; display: block; color: #fff; border-radius: 3px; font-weight: 600; width: 100% }

 .callBannerBox .call_content .chat_button i { margin-right: 5px }

@media(max-width: 479px) {
 .callBannerBox .call_content .chat_button { padding: 8px }
}

.callBannerBox .call_us { overflow: hidden; padding-top: 18px; margin-top: 34px; text-align: center }

 .callBannerBox .call_us .call_icon { width: 50px; margin-top: 11px }

.callBannerBox .icons { float: left }

@media(max-width: 767px) {
 .callBannerBox .icons { float: none !important; margin-bottom: 20px }
}

.callBannerBox .left { width: calc(100% - 80px); float: left; padding-left: 15px; text-align: left; border-left: 1px solid #ccc; margin-left: 18px; color: #3b3b3b }

@media(max-width: 767px) {
 .callBannerBox .left { width: 100%; border: none; padding: 15px 0 0 0px; margin-left: 0px; text-align: center }
}

.callBannerBox .left .phone { font-size: 22px; color: #0C5278; font-weight: 700; display: inline-block }

@media(max-width: 767px) {
 .callBannerBox .left .phone { font-size: 20px }
}

.hotelEnquiryBox { width: 600px; margin: 0px auto; background: #f9f3ff; position: relative; border-radius: 15px; text-align: center; padding: 50px }

@media(max-width: 767px) {
 .hotelEnquiryBox { width: 420px; padding: 15px }
}

@media(max-width: 479px) {
 .hotelEnquiryBox { width: 95% }
}

.hotelEnquiryBox .close__popup { display: inline-block; height: 27px; position: absolute; right: 10px; top: 10px; color: #350c8c; font-size: 23px; background: none }

.hotelEnquiryBox h5 { font-size: 31px; color: #7d29f1; font-weight: 600; padding: 20px 0; margin: 0px }

.hotelEnquiryBox p { font-size: 18px; color: #303030 }

.hotelEnquiryBox .call_phone { font-size: 18px; color: #350c8c; display: flex; align-items: center; justify-content: center; flex-direction: column }

.hotelEnquiryBox .call-tfn { cursor: pointer; margin: 10px; font-size: 20px; padding: 7px 10px 8px 49px; position: relative; color: #fff; font-weight: 600; text-decoration: none; background: #350c8c; width: 244px; border-radius: 50px; display: flex; align-items: center }

 .hotelEnquiryBox .call-tfn:before { content: ""; width: 35px; height: 35px; display: block; position: absolute; left: 6px; background: url(../images/call-icon.svg) left top no-repeat; background-size: 100% }

@media(max-width: 1199px) {
 .hotelEnquiryBox .call-tfn:before { width: 36px; height: 36px }
}

slider.ui-widget.ui-widget-content { padding: 0px !important; height: 1px; border: none; box-shadow: none }

.loadingBox { height: 100vh; display: flex; align-items: center; justify-content: center }

 .loadingBox .mid__loading { padding: 0; background: #dee3f7; max-width: 764px; margin: 0 auto 50px auto; box-shadow: 0 22px 30px #efefef }

@media(max-width: 767px) {
 .loadingBox .mid__loading { width: 480px }
}

@media(max-width: 479px) {
 .loadingBox .mid__loading { width: 95% }
}

.loadingBox .mid__loading .head { padding: 10px 0; font-size: 22px }

@media(max-width: 479px) {
 .loadingBox .mid__loading .head { font-size: 17px }
}

.loadingBox .mid__loading .block { padding: 5px 0px 40px; overflow: hidden; max-width: 420px; margin: 0px auto }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block { text-align: center }
}

.loadingBox .mid__loading .block .left { width: 50%; float: left; display: flex; align-items: center; justify-content: space-between; padding-right: 10px; border-right: 1px solid #ccc }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .left { width: 100%; padding: 10px; display: block }
}

.loadingBox .mid__loading .block .left .city__code { width: 50%; font-size: 18px; color: #1f1f1f; font-weight: 600 }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .left .city__code { width: auto }
}

.loadingBox .mid__loading .block .left .city__code small { display: block; font-size: 11px; }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .left .city__code small { display: inline-block }
}

.loadingBox .mid__loading .block .left .flight__icon { padding: 0 20px }

.loadingBox .mid__loading .block .right { width: 50%; padding: 3px 10px 0 10px; font-size: 12px; color: #8a8a8a; float: left; position: relative }

@media(max-width: 479px) {
 .loadingBox .mid__loading .block .right { width: 100%; padding: 0 10px }
}

.loadingBox .mid__loading .block .right .arrow { color: #0C5278; position: absolute; right: 0px; top: 0px; font-size: 27px; padding: 5px; line-height: 27px }

.no_resultsBox { padding: 50px 0; text-align: center; background: #fff }

 .no_resultsBox .block { max-width: 500px; margin: 0px auto }

 .no_resultsBox .head { font-size: 33px; font-weight: 600 }

@media(max-width: 767px) {
 .no_resultsBox .head { font-size: 23px }
}

.no_resultsBox p { font-size: 16px; color: #636363 }

@media(max-width: 767px) {
 .no_resultsBox p { font-size: 13px }
}

.no_resultsBox .call { padding-top: 30px; width: 310px; margin: 0px auto }

 .no_resultsBox .call .call_icon { width: 50px; margin-top: 10px }

 .no_resultsBox .call span { display: block; font-size: 18px; color: #4863db }

@media(max-width: 767px) {
 .no_resultsBox .call span { font-size: 14px }
}

.no_resultsBox .call a { font-size: 30px; color: #0C5278; font-weight: 600; text-decoration: none; white-space: nowrap }

@media(max-width: 767px) {
 .no_resultsBox .call a { font-size: 23px }
}

.no_resultsBox .call a:hover { text-decoration: none; color: #0C5278 }

#ngProgress-container { display: none !important }

.results-skeleton-content:after { content: ""; display: block; width: 100%; height: 120px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0)),radial-gradient(circle 15px at center, #e9ebec 99%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(#e9ebec 100%, transparent 0),linear-gradient(90deg, #fff, #fff); background-size: 960px 110px,30px 30px,108px 16px,90px 6px,60px 6px,384px 6px,410px 6px,200px 6px,314px 6px,120px 30px,100% 100%; background-position: -960px 0,20px 20px,60px 20px,60px 46px,20px 84px,188px 20px,188px 36px,188px 52px,188px 68px,710px 40px,0 0; background-repeat: no-repeat; animation: oneway-loading 1.2s infinite }

@keyframes oneway-loading {
 to { background-position: 960px 0,20px 20px,60px 20px,60px 46px,20px 84px,188px 20px,188px 36px,188px 52px,188px 68px,710px 40px,0 0 }
}

.filter-skeleton-content:after { content: ""; display: block; width: 100%; height: 160px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(245, 245, 245, 0.8) 50%, rgba(255, 255, 255, 0)),linear-gradient(90deg, #e9ebec, #e9ebec),linear-gradient(90deg, #e9ebec, #e9ebec),linear-gradient(90deg, #e9ebec, #e9ebec),linear-gradient(90deg, #e9ebec, #e9ebec); background-size: 260px 160px,264px 14px,195px 14px,212px 14px,115px 14px; background-position: -260px 0,0 34px,0 64px,0 90px,0 120px; background-repeat: no-repeat; animation: leftside-loading 1.2s infinite }

@keyframes leftside-loading {
 to { background-position: 260px 0,0 34px,0 64px,0 90px,0 120px }
}

.m-skeleton-content:after { content: ""; display: block; width: 60px; height: 14px; margin-left: 30px; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0)),linear-gradient(90deg, #e9ebec, #e9ebec); background-size: 60px 14px,100% 100%; background-position: -300px 0,0 0; background-repeat: no-repeat; animation: carousel-loading 1.2s infinite }

@keyframes carousel-loading {
 to { background-position: 60px 0,0 0 }
}

.w_100 { width: 100% }

slider.ui-widget.ui-widget-content { padding: 0px !important; height: 3px; border: none }

slider { display: inline-block; position: relative; height: 2px; width: 100%; margin: 10px 0 15px 0; vertical-align: middle }

 slider span { white-space: nowrap; position: absolute; display: inline-block }

  slider span.base { width: 100%; height: 100%; padding: 0 }

  slider span.bar { width: 100%; height: 100%; z-index: 0; background: #ccc }

   slider span.bar.selection { width: 0%; z-index: 1; background: #F16752 }

  slider span.pointer { cursor: pointer; width: 19px; height: 19px; top: -8px; z-index: 1; border: 2px solid #F16752; background: #F16752; border-radius: 100%; outline: none }

#resultsCntr { width: 100%; padding: 0 0 22px 0; font-size: 14px }

@media(max-width: 1199px) {
 #resultsCntr { font-size: 13px }
}

@media(max-width: 767px) {
 #resultsCntr { padding-top: 0px }
}

#resultsCntr .leftCntr { padding-right: 20px; width: 280px; float: left }

@media(max-width: 1199px) {
 #resultsCntr .leftCntr { width: 260px }
}

@media(max-width: 1023px) {
 #resultsCntr .leftCntr { position: fixed; left: -200%; top: 0px; transition: all .5s }
}

#resultsCntr .leftCntr.open-filter { left: 0px; width: 100%; padding-right: 0px; background: #fff; z-index: 2; display: block }

 #resultsCntr .leftCntr.open-filter .holder { height: calc(100vh - 80px); overflow-x: hidden; overflow-y: scroll; padding-bottom: 76px }

#resultsCntr .rightCntr { width: calc(100% - 280px); float: left }

@media(max-width: 1199px) {
 #resultsCntr .rightCntr { width: calc(100% - 260px) }
}

@media(max-width: 1023px) {
 #resultsCntr .rightCntr { width: 100% }
}

#resultsCntr .fare__breakup { position: relative }

@media(max-width: 479px) {
 #resultsCntr .fare__breakup { display: none }
}

#resultsCntr .fare__detail { color: #0C5278; text-decoration: none; text-align: center }

@media(max-width: 767px) {
 #resultsCntr .fare__detail { font-size: 12px }
}

#resultsCntr .fare__detail span { color: #686868; display: block; font-size: 12px; width: 73px }

#resultsCntr .fare__detail:hover { text-decoration: none; color: #0C5278 }

#resultsCntr .fare_breakup_detail { box-shadow: 0 0 9px #b8c7ff; display: none; width: 300px; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); background: #fff; padding: 15px; border: 1px solid #d9d9db }

 #resultsCntr .fare_breakup_detail:before, #resultsCntr .fare_breakup_detail:after { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: 100%; left: 50%; border-top: 10px solid #ccc }

 #resultsCntr .fare_breakup_detail:after { border-top: 10px solid #fff; margin-top: -1px; z-index: 1 }

 #resultsCntr .fare_breakup_detail ul { list-style: none; margin: 0px }

  #resultsCntr .fare_breakup_detail ul li { width: 100%; border-bottom: 1px dashed #a6a6a6; padding-bottom: 10px; margin-bottom: 10px; display: flex; justify-content: space-between }

   #resultsCntr .fare_breakup_detail ul li:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px }

   #resultsCntr .fare_breakup_detail ul li .traveler span { display: block; font-size: 12px }

 #resultsCntr .fare_breakup_detail .close_price_breakup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 22px; position: absolute; right: 0px; top: -22px; color: #0C5278; border: 1px solid #d9d9db; border-bottom: 0px }

.total_results { font-size: 15px }

.sortingTabBox { width: 100%; background: #fff; border: 1px solid #00000033; border-radius: 18px; overflow: hidden; margin-bottom: 20px; }

@media(max-width: 767px) {
 .sortingTabBox { width: auto; margin-left: -15px; margin-right: -15px; margin-bottom: 10px; overflow-y: hidden; overflow-x: scroll }
}

.sortingTabBox ul { list-style: none; margin: 0px; overflow: hidden }

@media(max-width: 767px) {
 .sortingTabBox ul { white-space: nowrap; display: flex; overflow: inherit }
}

.sortingTabBox ul li { padding: 7px 18px; display: block; float: left; width: 25%; font-weight: 700; border-left: 1px solid #ccc; position: relative; min-height: 41px }

 .sortingTabBox ul li:after { content: ""; width: 0; height: 2px; background: #F16752; position: absolute; left: 0px; bottom: 0px; transition: all .5s }

 .sortingTabBox ul li a { text-decoration: none; cursor: pointer }

 .sortingTabBox ul li .price { color: #F16752; font-weight: normal; display: block }

 .sortingTabBox ul li.active, .sortingTabBox ul li.active { background: rgb(0 183 255 / 14%); }

  .sortingTabBox ul li.active a, .sortingTabBox ul li.active .price { color: #F16752; }

  .sortingTabBox ul li.active:after { width: 100% }
 /*.sortingTabBox ul li:hover {
        background: #0C5278
    }*/
 .sortingTabBox ul li:first-child { border: none }

@media(max-width: 767px) {
 .sortingTabBox ul li { width: auto }
}

.text-link-red { color: #0C5278 !important; text-decoration: underline !important }

.apply_filter { margin-bottom: 15px }

@media(max-width: 767px) {
 .apply_filter { display: none }
}

.apply_filter ul { list-style: none }

 .apply_filter ul li { float: left; padding: 8px 15px; margin-right: 10px; margin-bottom: 5px; border-radius: 40px; border: 1px solid #d5dcf3; box-shadow: 0 3px 6px #0000000A; color: #0C5278; font-weight: 500; background: #f8f9ff }

  .apply_filter ul li a { color: #898585; position: relative; top: -2px; margin-left: 6px; float: right }

   .apply_filter ul li a:hover { color: #0C5278 }

  .apply_filter ul li.clear__all { background: transparent; border-color: #ffd6da }

   .apply_filter ul li.clear__all a { color: #0C5278; position: relative; top: 0px; margin: 0px }

.loadmore { font-size: 15px; background: #F16752; padding: 11px 46px; color: #fff; display: inline-block; margin: 20px 0 }

@media(max-width: 767px) {
 .loadmore { display: block }
}

.loadmore:hover { background: #F16752; color: #fff; text-decoration: none }

.page_not { width: 100%; overflow: hidden; padding: 60px 30px; display: flex; align-items: center }

@media(max-width: 767px) {
 .page_not { display: block }
}

.page_not img { width: 35% }

@media(max-width: 1023px) {
 .page_not img { width: 40% }
}

@media(max-width: 767px) {
 .page_not img { width: 100% }
}

.page_not h3 { font-size: 60px; font-weight: 700 }

@media(max-width: 1023px) {
 .page_not h3 { font-size: 43px }
}

@media(max-width: 767px) {
 .page_not h3 { font-size: 34px }
}

@media(max-width: 479px) {
 .page_not h3 { font-size: 24px }
}

.page_not h3 span { color: #f12739; display: block; font-size: 100px; font-weight: 800 }

@media(max-width: 1023px) {
 .page_not h3 span { font-size: 70px }
}

@media(max-width: 767px) {
 .page_not h3 span { font-size: 45px }
}

.page_not .w_50 { width: 65%; text-align: center }

@media(max-width: 1023px) {
 .page_not .w_50 { width: 60% }
}

@media(max-width: 767px) {
 .page_not .w_50 { width: 100% }
}

.page_not .home_back { cursor: pointer; border: none; padding: 14px 25px; border-radius: 3px; margin: 25px auto; display: inline-block; font-size: 18px }

@media(max-width: 1023px) {
 .page_not .home_back { padding: 11px 21px }
}

.flightDetail #departTabcontent, .flightDetail #returnTabcontent { /*border-radius: 18px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    padding: 15px;*/ }
/*.flightDetail #returnTabcontent{margin-top:20px;}*/
.flight__itenaryBox .head { padding: 0px 30px 0px 0px; position: relative }

.flight__itenaryBox .page__title { color: #0C5278; font-size: 24px }

@media(max-width: 767px) {
 .flight__itenaryBox .page__title.flight_detail_title { padding-top: 10px; margin-bottom: 10px }
}

.flight__itenaryBox .page__title:after { bottom: -9px; display: none }

.flight__itenaryBox .page__title strong { display: inline-block }

.flight__itenaryBox .flightDetail h4 { font-size: 16px; color: #393939; border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 20px }

.flight__itenaryBox .flightDetail .devider_line { height: 8px; background: #f5f5f8; border: none; margin: 20px -20px }

.flight__itenaryBox .flighttab { list-style: none; width: 100%; float: left; margin-bottom: 30px; border-bottom: 1px solid #dfdfdf }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab { margin: 10px 0; width: auto; overflow: hidden; float: none; border-bottom: none }
}

.flight__itenaryBox .flighttab li { float: left; margin-right: 30px }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab li { width: 45%; margin-right: 15px }
}

@media(max-width: 479px) {
 .flight__itenaryBox .flighttab li { width: 43% }
}

.flight__itenaryBox .flighttab li a { font-size: 16px; color: #1f1f1f; text-decoration: none; padding: 0 0px 7px 0; display: block; position: relative; cursor: pointer }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab li a { font-size: 14px; padding: 4px 10px; border: 2px solid #ccc; text-align: center; border-radius: 5px }

  .flight__itenaryBox .flighttab li a.active { border-color: #2b4ded }
}

.flight__itenaryBox .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all .5s; width: 0px; display: block; background: #0C5278 }

@media(max-width: 1023px) {
 .flight__itenaryBox .flighttab li a:before { display: none }
}

.flight__itenaryBox .flighttab li a:hover, .flight__itenaryBox .flighttab li a.active, .flight__itenaryBox .flighttab li a:hover:before, .flight__itenaryBox .flighttab li a.active:before { width: 100%; color: #0C5278 }

.flight__itenaryBox .airlines__details { /* padding-top: 26px;*/ font-size: 12px; line-height: 1.5em; color: #949494 }

 .flight__itenaryBox .airlines__details .air-name { font-size: 14px; color: #1f1f1f }

 .flight__itenaryBox .airlines__details img { width: 60px; float: left; margin-right: 10px }

 .flight__itenaryBox .airlines__details .detail { /*width: calc(100% - 45px);*/ float: left }

.flight__itenaryBox .route__info { padding: 0px 0 10px; position: relative }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info { padding: 0 20px; margin: 10px 0; border-left: 2px dashed #ccc }

  .flight__itenaryBox .route__info:after, .flight__itenaryBox .route__info:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #0C5278; position: absolute; left: -6px; top: 0px; border-radius: 100%; background: #fff }

  .flight__itenaryBox .route__info:before { top: inherit; bottom: 0px }
}

.flight__itenaryBox .route__info .time { font-size: 14px; color: #1f1f1f; font-weight: 600; /*margin-top: 28px*/ }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info .time { margin-top: 2px }
}

.flight__itenaryBox .route__info .date { position: relative }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info .date .highlight { display: inline-block }

 .flight__itenaryBox .route__info .date .message_display { position: static; display: inline-block; margin-right: 6px }
}

.flight__itenaryBox .route__info .destination_fullname { position: relative }

 .flight__itenaryBox .route__info .destination_fullname .message_display { top: inherit; bottom: -25px }

.flight__itenaryBox .route__info .connecting__bar { width: 60%; height: 42px; border-top: 2px dashed #dfdfdf; position: relative; left: 0px; top: 30px }

 .flight__itenaryBox .route__info .connecting__bar:after, .flight__itenaryBox .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #0C5278; position: absolute; right: 0px; top: -6px; border-radius: 100%; background: #fff }

 .flight__itenaryBox .route__info .connecting__bar:before { right: inherit; left: 0px }

 .flight__itenaryBox .route__info .connecting__bar .duretion_time { position: absolute; left: 50%; margin-top: -30px; text-align: center }

  .flight__itenaryBox .route__info .connecting__bar .duretion_time img { background: #fff; padding: 0 6px; display: block }

.flight__itenaryBox .route__info .TripTime { width: 100%; padding: 5px; background: #fdedea; margin: 10px; }

.flight__itenaryBox .route__info .message_display { position: absolute; left: 0px; top: -25px; margin: 0px }

@media(max-width: 767px) {
 .flight__itenaryBox .route__info .message_display { position: static }
}

.flight__itenaryBox .class__type { background: #fdedea; padding: 10px 5px; border-radius: 8px; /*padding-top: 26px*/ }

.flight__itenaryBox .layover { margin-bottom: 15px; padding: 5px 20px; font-size: 12px; color: #787878; background: #fdedea; text-align: center }

 .flight__itenaryBox .layover .bi-stopwatch { position: relative; top: 0px; margin-right: 4px }

.price__Box { border: 1px solid rgba(0,0,0,0.2 ); filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2 )); border-radius: 18px; background: #fff; padding: 15px }

.priceBox { display: block; }

.close1price { display: none; }

.page_overlay { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .5); z-index: 1; display: none; }

@media(max-width: 1023px) {
 .price__Box { margin-top: 20px; margin-bottom: 40px }
}

@media(max-width: 767px) {
 /*.price__Box {
        margin-left: -15px;
        margin-right: -15px
    }*/
 .close1price { display: block; position: absolute; right: 0; top: -5px; z-index: 9; }

 .priceBox { position: fixed; z-index: 9; bottom: 50px; right: 10px; left: 10px; display: none; }
}

.price__Box .head { position: relative; border-bottom: 1px solid #ccc }

 .price__Box .head h4 { font-size: 16px }

.price__Box ul { list-style: none }

 .price__Box ul li { padding: 8px 0px; border-bottom: 1px solid #e1e1e1; font-size: 13px; color: #4b4b4b; font-weight: 600 }

  .price__Box ul li i { font-size: 16px; margin-left: 4px; font-weight: 700 }

  .price__Box ul li .accordian-slide { padding-left: 13px; padding-top: 5px; font-size: 12px; font-weight: 400 }

  .price__Box ul li .accordian_toggle { cursor: pointer }

  .price__Box ul li .disscount--price { color: #0fa848 }

.price__Box .total_price { font-weight: 700; border-bottom: 1px dashed #ccc; padding-bottom: 10px; color: #0C5278 }

.price__Box .price__note { font-size: 11px; padding: 12px 0; color: #303030 }

.securebooking__Box { border: 1px solid rgba(0, 0, 0, 0.2); filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)); border-radius: 18px; background: #fff; margin-top: 20px; padding: 15px }

 .securebooking__Box h4 { padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc }

@media (max-width:767px) {
 .securebooking__Box { display: none; }
}

.cuponBlock { width: 100%; overflow: hidden }

 .cuponBlock .inputText { width: calc(100% - 73px); border: 1px solid #ccc; padding: 5px 10px; float: left; font-size: 15px; color: #0C5278; font-weight: 700 }

 .cuponBlock .submit { border: none; background: #00ab53; padding: 7px; color: #fff; width: 73px; float: left; cursor: pointer }

  .cuponBlock .submit:focus { border: none; outline: none }

  .cuponBlock .submit.remove { background: #0C5278 }

 .cuponBlock .sucessfull { color: #00ab53 }

.payment__wrapper { /*border-radius: 18px;
    box-shadow: 0 4px 5px #0000000F;
    background: #fff;
    padding: 20px*/ }

 .payment__wrapper .page__title { color: #0C5278; }

@media(max-width: 767px) {
 .payment__wrapper { margin: 0 -15px; padding: 0 15px }
}

.payment__wrapper .payment__stepBox { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px }

@media(max-width: 767px) {
 .payment__wrapper .payment__stepBox { background: #dbf5ff; width: auto; margin: 0 -15px 18px -15px; padding: 10px 10px 0 10px }

 .payment__stepBox.fixed { width: 100%; z-index: 2; }
}

.payment__wrapper .payment__stepBox ul { list-style: none; display: flex; align-items: center; justify-content: space-around; margin: 0px 15px 0 0; }

 .payment__wrapper .payment__stepBox ul li { font-size: 16px; background: #0C5278; color: #ffff; cursor: pointer; padding: 0 10px 8px; position: relative }

@media(max-width: 767px) {
 .payment__wrapper .payment__stepBox ul li { font-size: 14px }
}

.payment__wrapper .payment__stepBox ul li i { position: relative; top: 0px; margin-right: 2px }

.payment__wrapper .payment__stepBox ul li:before { content: ""; transition: all .5s; width: 21vw; height: 2px; background: #1f1f1f; position: absolute; left: 100%; top: 50%; }

.payment__wrapper .payment__stepBox ul li:last-child::before { display: none; }

.payment__wrapper .payment__stepBox ul li.complete:before { background: #4CAF50 }

.payment__wrapper .payment__stepBox ul li:hover, .payment__wrapper .payment__stepBox ul li.active { color: #fff; background: #F16752; padding: 0 10px 8px; }

.payment__wrapper .payment__stepBox ul li.complete { padding: 0 10px 8px; color: #ffffff; background: #4CAF50; }

/*@media(max-width: 767px) {
    .payment__wrapper .payment__stepBox ul li.complete {
        color: #6074d4
    }
}*/

.payment__wrapper .bottom__row { text-align: center; padding: 18px 0; border-top: 1px solid #ccc; overflow: hidden }

 .payment__wrapper .bottom__row .flight_left { float: left; display: none; color: #ffff; text-align: left; }

  .payment__wrapper .bottom__row .flight_left .price { font-size: 20px; font-weight: 600; line-height: 24px; }

@media(max-width: 767px) {
 .payment__wrapper .bottom__row { padding: 12px; background: #0C5278; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 9 }

  .payment__wrapper .bottom__row .flight_left { display: block; }
}

.payment__wrapper .bottom__row .continue__button { cursor: pointer; background: #F16752; color: #fff; padding: 12px 38px; font-weight: 600; border-radius: 50px }

@media(max-width: 767px) {
 .payment__wrapper .bottom__row .continue__button { float: right; margin: 0px auto; width: auto; display: block; font-size: 18px; }
}

.payment__wrapper .bottom__row .continue__button.confirm { padding: 12px 30px; font-size: 17px; background: #F16752; text-align: center; border: none }

@media(max-width: 767px) {
 .payment__wrapper .bottom__row .continue__button.confirm { padding: 9px 20px }
}

.payment__wrapper .bottom__row .continue__button.confirm i { margin-right: 3px }

.payment__wrapper .bottom__row .continue__button.confirm:hover { background: #007001 }

.payment__wrapper .bottom__row .continue__button.confirm span { display: block; font-weight: 400; text-transform: uppercase; font-size: 13px }

.payment__wrapper .bottom__row .continue__button:hover { background: #F16752; text-decoration: none }

@media(max-width: 767px) {
 .payment__wrapper .payment__wrapper .loder__row { padding: 12px 0; background: #fff; left: 0px; bottom: 0px; width: 100%; z-index: 1 }
}

.payment__wrapper .adultType { list-style: none; padding: 0px; margin-bottom: 10px }

@media(max-width: 767px) {
 .payment__wrapper .adultType { margin-bottom: 0px }
}

.payment__wrapper .adultType li { display: inline-block; padding-right: 30px; font-size: 14px }

 .payment__wrapper .adultType li label { cursor: pointer; font-weight: 600 }

.payment__wrapper .travelerBox, .payment__wrapper .travelprotection { padding-top: 20px }

@media(max-width: 767px) {
 .payment__wrapper .travelerBox, .payment__wrapper .travelprotection { padding-top: 0px }
}

.payment__wrapper .travelerBox h4, .payment__wrapper .travelprotection h4 { font-size: 18px; font-weight: 600; margin-bottom: 11px; color: #0C5278 }

.payment__wrapper .travelerBox p { color: #5d5d5d }

.payment__wrapper .travelerBox .travel_deal_checkbox { margin-top: 27px; width: 60% }

 .payment__wrapper .travelerBox .travel_deal_checkbox label { line-height: 19px }

.payment__wrapper .travelerBox .traveler_block { border-top: 1px solid #ccc; margin-bottom: 30px; padding-top: 30px }

@media(max-width: 767px) {
 .payment__wrapper .travelerBox .traveler_block { padding-top: 20px; padding-bottom: 20px; margin-bottom: 0px }
}

.payment__wrapper .travelerBox .traveler_block:first-child { border: none; margin-top: 0px; padding-top: 0px }

.payment__wrapper .paymentBox { padding-top: 20px }

@media(max-width: 767px) {
 .payment__wrapper .paymentBox { padding-top: 0px }
}

.payment__wrapper .paymentBox h4 { font-size: 24px; font-weight: 600; margin-bottom: 11px; color: #0C5278 }

.payment__wrapper .paymentBox .hr-line { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px }

.payment__wrapper .paymentBox .card__zoom { margin-top: 34px }

.payment__wrapper select::-ms-expand { display: none }

.payment__wrapper .form__block .select-class { display: block; overflow: hidden; position: relative; width: 100%; cursor: pointer }

 .payment__wrapper .form__block .select-class:before { content: ""; font-family: fontawesome; font-size: 23px; color: #1f1f1f; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; }

.payment__wrapper .form__block .form-control { padding: 12px; border-radius: 18px; background: #fff }

@media(max-width: 767px) {
 .payment__wrapper .form__block .form-control { padding: 9px 12px }
}

.payment__wrapper .form__block .form-control:focus { border-color: #F16752; box-shadow: 0 3px 6px #e0e4f9 }

.payment__wrapper .form__block select.form-control:not([size]):not([multiple]) { height: auto }

.payment__wrapper .form__block .is-error { position: relative; color: red }

 .payment__wrapper .form__block .is-error .form-control { border-color: red }

 .payment__wrapper .form__block .is-error .icon { position: absolute; top: -3px; right: 10px }

.payment__wrapper .form__block .is-success { position: relative }

 .payment__wrapper .form__block .is-success .form-control { border-color: #0C5278 }

 .payment__wrapper .form__block .is-success .icon { position: absolute; top: -3px; right: 10px; color: #0fa848 }

.payment__wrapper .form__block .dob_calendar { position: absolute; right: 11px; top: 6px; font-size: 25px; color: #0C5278; pointer-events: none; cursor: pointer }

.payment__wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none }

.payment__wrapper .bottom_text { font-size: 13px; padding: 20px 0; line-height: 21px }

 .payment__wrapper .bottom_text p a { color: #0C5278; text-decoration: none }

 .payment__wrapper .bottom_text label { float: left }

.payment__wrapper input.cc-number.visa { background: url(../images/payment/visa.png) 99% center no-repeat }

.payment__wrapper input.cc-number.amex { background: url(../images/payment/american.png) 99% center no-repeat }

.payment__wrapper input.cc-number.discover { background: url(../images/payment/discover.png) 99% center no-repeat }

.payment__wrapper input.cc-number.mastercard { background: url(../images/payment/master.png) 99% center no-repeat }
/*common payment*/
.commonBox { border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); padding: 15px; background: #fff; margin-bottom: 15px; color: #1f1f1f }

@media(max-width:767px) {
 .commonBox { padding: 13px }
}

@media(max-width:479px) {
 .commonBox { padding: 10px }
}

.commonBox .new_payment_title { padding: 0 0 12px; margin: 0; font-size: 18px; font-weight: 700; position: relative; overflow: hidden; display: flex; align-items: center; color: #0C5278 }

 .commonBox .new_payment_title:after { content: ""; width: 56px; height: 2px; display: inline-block; position: absolute; left: 56px; bottom: 14px; background: #F16752; }

 .commonBox .new_payment_title:before { content: ""; width: 150px; height: 1px; display: inline-block; position: absolute; left: 56px; bottom: 13px; background: #0C5278; }

@media(max-width:767px) {
 .commonBox .new_payment_title { font-size: 13px }
}

@media(max-width:374px) {
 .commonBox .new_payment_title { font-size: 11px }
}

.commonBox .new_payment_title .icons { width: 46px; margin-right: 10px }

@media(max-width:767px) {
 .commonBox .new_payment_title .icons { width: 36px }
}

.commonBox .new_payment_title .icons.icon-w40 { width: 40px }

@media(max-width:767px) {
 .commonBox .new_payment_title .icons.icon-w40 { width: 30px }
}

.commonBox .new_payment_title .plogout a { font-size: 13px; text-decoration: underline; color: #0C5278; position: absolute; right: 0; top: 10px; font-weight: 500 }

 .commonBox .new_payment_title .plogout a:hover { text-decoration: none }

@media(max-width:767px) {
 .commonBox.priceBox { padding: 15px 0 }
}

@media(max-width:767px) {
 .commonBox.priceBox .new_payment_title { padding: 15px; background: #f1f1f1; border-radius: 5px 5px 0 0; margin-top: -15px }
}

.ancellary_Box.cotwo_block2 p { font-weight: 500; line-height: 33px; font-size: 15px }

@media(max-width:767px) {
 .ancellary_Box.cotwo_block2 p { font-size: 13px; line-height: 22px }
}

.ancellary_Box.cotwo_block2 .add-button button { color: #3ab54a; border-color: #3ab54a; font-weight: 600; width: 143px }

 .ancellary_Box.cotwo_block2 .add-button button.active { background: #3ab54a; color: #fff }

  .ancellary_Box.cotwo_block2 .add-button button.active .bi-check-circle-fill { display: none }

 .ancellary_Box.cotwo_block2 .add-button button .bi-check-circle-fill { margin-right: 5px; display: inline-block }

.ancellary_Box.cotwo_block2 .add-button .discount_price { color: #acacac; font-weight: 400; font-size: 14px; display: inline-block; text-decoration: line-through }

.ancellary_Box.cotwo_block2 .add-button .cotoprice { position: static; text-align: left; padding-right: 15px }

.ancellary_Box.cotwo_block2 .cotoleft { width: 50%; float: left }

@media(max-width:767px) {
 .ancellary_Box.cotwo_block2 .cotoleft { width: 100% }
}

.ancellary_Box.cotwo_block2 .cotoright { width: 47%; float: right }

@media(max-width:767px) {
 .ancellary_Box.cotwo_block2 .cotoright { width: 100% }
}

.ancellary_Box.cotwo_block2 .cotoright .cotobox { border: 1px solid #ced0d4; border-radius: 5px; padding: 10px }

 .ancellary_Box.cotwo_block2 .cotoright .cotobox .provided { font-weight: 400; font-size: 12px; color: #949494 }

 .ancellary_Box.cotwo_block2 .cotoright .cotobox .contributebar { margin-top: 4px; width: 100%; height: 18px; background: #dbf9df; border-radius: 2px; position: relative }

  .ancellary_Box.cotwo_block2 .cotoright .cotobox .contributebar .fillBar { background: #3ab54a; height: 18px; position: absolute; left: 0; top: 0; border-radius: 2px }

  .ancellary_Box.cotwo_block2 .cotoright .cotobox .contributebar .text { position: absolute; left: 10px; top: 2px; font-size: 11px; color: #fff }

 .ancellary_Box.cotwo_block2 .cotoright .cotobox .cotwo_row .bullet { position: absolute; left: 3px; top: 13px; width: 10px; height: 10px; background: #dbf9df; border-radius: 2px; border: 1px solid #a5a5a5 }

  .ancellary_Box.cotwo_block2 .cotoright .cotobox .cotwo_row .bullet.fill { background: #3ab54a; border: 1px solid #3ab54a }

 .ancellary_Box.cotwo_block2 .cotoright .cotobox .cotwo_row.bulletrow { position: relative; padding-left: 19px }

 .ancellary_Box.cotwo_block2 .cotoright .cotobox .cotwo_row.cogreenText { padding-bottom: 0 }

.tcpBox label { padding: 0; width: 100% }
.tcpBox .greatChoice { font-size: 14px; color: #5b5b5b; font-weight: 500; display: block; margin-top: 5px; line-height: 18px; width: 80% }

 .tcpBox .greatChoice strong { color: #3ab54a }

@media(max-width:767px) {
 .tcpBox .greatChoice { font-size: 11px }
}

.tcpBox .viewtcp { font-size: 14px; color: #4f8ffc; text-decoration: none; position: absolute; right: 0; top: 0; z-index: 1 }

@media(max-width:374px) {
 .tcpBox .viewtcp { font-size: 11px; top: 14px }
}

.tcpBox .tcpServiceColumn { border: 1px solid #edefef; width: calc(100% - 380px); float: left; border-radius: 5px }

@media(max-width:767px) {
 .tcpBox .tcpServiceColumn { width: calc(100% - 243px) }
}

@media(max-width:479px) {
 .tcpBox .tcpServiceColumn { width: calc(100% - 224px) }
}

.tcpBox .tcpradio { padding-left: 20px; position: relative }
 .tcpBox .tcpradio input[type=radio] ~ span::after { left: 50%; top: -6px; transform: translateX(-50%) }

 .tcpBox .tcpradio input[type=radio]:checked ~ span::before { left: 50%; top: 0; transform: translateX(-50%) }

.tcpBox .tcpPlanColumn { width: 127px; float: left; border: 1px solid #edefef; border-radius: 5px; text-align: center }

@media(max-width:767px) {
 .tcpBox .tcpPlanColumn { width: 80px }
}

@media(max-width:479px) {
 .tcpBox .tcpPlanColumn { width: 75px }
}

.tcpBox .tcpPlanColumn .tcp-option { display: flex; align-items: center; justify-content: center }

 .tcpBox .tcpPlanColumn .tcp-option .pp-txt { line-height: 1.2em }

.tcpBox .tcpPlanColumn.selectedPlan { background: #f4fff9; border: 1px solid #3bc6b8; z-index: 1; margin: 0 -1px; position: relative }
 .tcpBox .tcpPlanColumn.selectedPlan .tcp-option { border-top: 1px solid #ebf8f1; }

.tcpBox .tcpheader { padding: 0px 0 10px; min-height: 100px; position: relative }

 /*@media(max-width:767px) {
    .tcpBox .tcpheader {
        min-height: 80px
    }
}*/

 .tcpBox .tcpheader h4 { margin: 0; padding: 5px 0; font-size: 16px; color: #2e7cb3; }

@media(max-width:767px) {
 .tcpBox .tcpheader h4 { font-size: 12px }
}

@media(max-width:479px) {
 .tcpBox .tcpheader h4 { min-height: 36px; font-size: 11px }
}

@media(max-width:374px) {
 .tcpBox .tcpheader h4 { font-size: 10px }
}

.tcpBox .tcpheader .subheading { padding-top: 10px; font-size: 14px; color: #5b5b5b }

@media(max-width:767px) {
 .tcpBox .tcpheader .subheading { font-size: 12px }
}

.tcpBox .tcpheader .tcpprice { font-size: 18px; color: #ff7700; font-weight: 700 }

@media(max-width:767px) {
 .tcpBox .tcpheader .tcpprice { font-size: 13px }
}

.tcpBox .tcpheader .service { position: absolute; left: 10px; bottom: 36px; }

@media(max-width:374px) {
 .tcpBox .tcpheader .service { bottom: 26px }
}

.tcpBox .tcpheader img { max-width: 100%; }

@media(max-width:767px) {
 .tcpBox .tcpheader img { /*height: 24px*/ }
}

.tcpBox .tcp-option { border-top: 1px solid #ebebeb; display: grid; align-items: center; padding: 5px 10px; min-height: 42px; font-size: 12px; color: #5b5b5b; }

@media(max-width:767px) {
 .tcpBox .tcp-option { font-size: 11px; padding: 1px 5px; min-height: 45px }
}

@media(max-width:479px) {
 .tcpBox .tcp-option { min-height: 55px; font-size: 10px }
}

.tcpBox .tcp-option.highlighted-bg { background: #f5f9fb; border-radius: 0 }
.tcpBox .t-heading { color: #1f1f1f; position: relative }

@media(max-width:767px) {
 .tcpBox .t-heading { padding-top: 7px }
}

@media(max-width:374px) {
 .tcpBox .t-heading { font-size: 10px }
}

.tcpBox .bi-dash { font-size: 24px; color: #ced0d4 }
.tcpBox .fa-times { font-size: 16px; color: #ced0d4 }

.tcpBox .info_icon { color: #ced0d4; font-size: 17px; position: absolute; right: 0; top: 0; cursor: pointer }

@media(max-width:1023px) {
 .tcpBox .info_icon { font-size: 15px }
}

@media(max-width:479px) {
 .tcpBox .info_icon { top: 0px }
}

@media(max-width:374px) {
 .tcpBox .info_icon { font-size: 12px; }
}

.tcpBox .tcpTooltipBox { font-weight: 400; width: 250px; top: 30px; left: 60px; border-radius: 5px; z-index: 4 }

@media(max-width:479px) {
 .tcpBox .tcpTooltipBox { top: 35px; left: 24px }
}

@media(max-width:374px) {
 .tcpBox .tcpTooltipBox { top: 43px }
}

.tcpBox .tcpTooltipBox:after, .tcpBox .tcpTooltipBox:before { left: 75% }

@media(max-width:767px) {
 .tcpBox .tcpTooltipBox:after, .tcpBox .tcpTooltipBox:before { left: 41% }
}

@media(max-width:479px) {
 .tcpBox .tcpTooltipBox:after, .tcpBox .tcpTooltipBox:before { left: 35% }
}

@media(max-width:374px) {
 .tcpBox .tcpTooltipBox:after, .tcpBox .tcpTooltipBox:before { left: 30% }
}

.tcpBox .tcpTooltipBox ul.list { list-style: none; margin: 0; padding: 0 }

 .tcpBox .tcpTooltipBox ul.list li { padding-left: 13px; position: relative; margin-bottom: 7px }

  .tcpBox .tcpTooltipBox ul.list li:before { font-family: bootstrap-icons !important; content: ""; font-size: 18px; position: absolute; left: -6px; top: -2px; color: #3ab54a }

.tcpBox .tcpTooltipBox .close_tooltip { display: block; font-size: 25px; right: 0; top: -5px; z-index: 2 }

.tcpBox .kudos-msg { font-size: 14px; color: #3b3b3b; border: 1px solid #ddd; padding: 10px; font-weight: 700; text-align: left; margin-top: 10px }

@media(max-width:767px) {
 .tcpBox .kudos-msg { font-size: 12px; font-weight: 400 }
}

@media(max-width:374px) {
 .tcpBox .kudos-msg { font-size: 10px }
}

.tcpBox .kudos-msg img { margin-right: 7px; vertical-align: middle; width: 30px; border-right: 1px solid #ddd; padding-right: 10px }

@media(max-width:479px) {
 .tcpBox .kudos-msg img { margin-right: 7px; padding: 5px 10px 5px 0; vertical-align: middle; width: 30px; border-right: 1px solid #ddd; float: left }
}

.tcpBox .most-popular-ribbon { width: 127px; position: absolute; right: -1px; top: -28px; text-align: center; font-size: 14px; color: #fff; background: #3bc6b8; padding: 5px 0; border-top-right-radius: 5px; border-top-left-radius: 5px }

@media(max-width:767px) {
 .tcpBox .most-popular-ribbon { width: 98px; font-size: 10px }
}

@media(max-width:479px) {
 .tcpBox .most-popular-ribbon { font-size: 8px; width: 75px; top: -20px }
}
/*.tcpBox .most-popular-ribbon::before {
    border-color: #210165 #210165 transparent transparent;
    position: absolute;
    display: block;
    border-style: solid;
    bottom: -10px;
    left: 0;
    content: "";
    border-width: 10px 10px 0 0;
    border-bottom-left-radius: 15px
}

.tcpBox .most-popular-ribbon::after {
    border-color: #210165 #210165 transparent transparent;
    position: absolute;
    display: block;
    border-style: solid;
    bottom: -10px;
    right: 0;
    content: "";
    border-width: 10px 10px 0 0;
    border-bottom-right-radius: 15px
}*/

.tooltipBox { display: none; width: 440px; position: absolute; top: 37px; left: 60px; background: #fff; padding: 10px 12px; font-weight: 400; font-size: 12px; color: #919192; border-radius: 2px; z-index: 1; box-shadow: 0 0 6px #00000033 }

@media(max-width:767px) {
 .tooltipBox.nearby_airport { left: 0 }
}

.tooltipBox.nearby_airport:before, .tooltipBox.nearby_airport:after { content: "" }

@media(max-width:767px) {
 .tooltipBox.nearby_airport:before, .tooltipBox.nearby_airport:after { left: 75px }
}

@media(max-width:767px) {
 .tooltipBox { width: 222px; left: 0; font-size: 10px }
}

.tooltipBox:after, .tooltipBox:before { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -10px; left: 40px; border-bottom: 10px solid #ccc }

@media(max-width:767px) {
 .tooltipBox:after, .tooltipBox:before { left: 77px }
}

.tooltipBox:after { border-bottom: 11px solid #fff; z-index: 1 }

.tooltipBox p { margin: 5px 0; line-height: 18px }

@media(max-width:767px) {
 .tooltipBox p { line-height: 16px }
}

.tooltipBox .close_tooltip { font-size: 23px; position: absolute; right: 5px; top: 0; color: #1f1f1f; cursor: pointer; display: none }

.tooltipBox.right_lg { left: inherit; right: 0 }

 .tooltipBox.right_lg:before, .tooltipBox.right_lg:after { left: inherit; right: 7px }

.tooltipBox.tooltip_right { left: inherit !important; right: -13px; top: 23px }

 .tooltipBox.tooltip_right:before, .tooltipBox.tooltip_right:after { left: inherit !important; right: 7px }

.tooltipBox.tooltip_price { width: 260px; border-radius: 6px }

 .tooltipBox.tooltip_price:before, .tooltipBox.tooltip_price:after { left: 67px }

 .tooltipBox.tooltip_price .priceTooltip_close { font-size: 20px; line-height: 19px; position: absolute; right: 5px; top: 5px; cursor: pointer; background: #bbbaba; width: 20px; height: 20px; border-radius: 100%; font-size: 20px; color: #1f1f1f; line-height: 20px }

 .tooltipBox.tooltip_price p { font-weight: 500; }

  .tooltipBox.tooltip_price p a { font-weight: 500; color: #0172e4; text-decoration: underline }

.direct_flight { position: relative; font-size: 12px; margin-top: 25px }

 .direct_flight:hover .tooltipBox { display: block }

.stopTooltip-custom .tooltipBox { width: max-content; left: 50%; top: 32px; text-align: left; transform: translateX(-50%) }

@media(max-width:767px) {
 .stopTooltip-custom .tooltipBox { width: 200px; left: -6%; font-size: 10px; padding: 6px }
}

@media(max-width:479px) {
 .stopTooltip-custom .tooltipBox { left: 57px }
}

.stopTooltip-custom .tooltipBox:after, .stopTooltip-custom .tooltipBox:before { left: 50%; transform: translateX(-50%) }

.stopTooltip-custom strong { color: #1f1f1f }

.connnecting-block:hover .tooltipBox { display: block }

@media (max-width: 767px) {
 .tcp-main-container { padding-top: 25px; }

 .hidden-xs { display: none; }
}
/*common payment end*/
.payment__top { padding-bottom: 20px }

 .payment__top .go__back { color: #1f1f1f; font-weight: 600 }

  .payment__top .go__back i { font-size: 16px; font-weight: 700; margin-right: 3px }

  .payment__top .go__back:hover { text-decoration: none; color: #0C5278 }

 .payment__top .secure__Box { list-style: none; display: flex; align-items: center; justify-content: space-between }

  .payment__top .secure__Box li { padding-left: 43px; position: relative; line-height: 17px }

   .payment__top .secure__Box li img { position: absolute; left: -11px; top: -1px; font-size: 23px; color: #0C5278 }

@media(max-width:420px) {
 .tcpBox .info_icon { top: 0px }
 .tcpBox .t-heading { font-size: 8px; padding-top: 0; }
 .tcpBox .tcp-option { min-height: 45px; font-size: 8px; }
}

@media(max-width:380px) {
 .tcpBox .tcpPlanColumn { width: 60px; }
 .tcpBox .tcpServiceColumn { width: calc(100% - 180px); }
 .tcpBox .tcp-option { min-height: 55px; }
}
/*------payment end*/

.mobile_go_back { position: absolute; color: #ffff !important; left: 0px; top: 0px; background: #F16752; width: 45px; height: 54px; margin: 0px; line-height: 38px; text-align: center; font-size: 30px; border-right: 1px solid #ccc }

@media(max-width: 767px) {
 .form-group { margin-bottom: 0px }

 .formlabel { margin-top: 12px; margin-bottom: 3px }
}

body.payment-page .ui-datepicker.ui-widget { width: 332px; margin-left: 15px; padding: 0px !important }

body.payment-page .ui-datepicker .ui-datepicker-header { background: #b4c1ff }

body.payment-page .ui-datepicker td span, .ui-datepicker td a { height: 47px; line-height: 37px }

.page_loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,.4) }

 .page_loading .loading_block { background: #fff; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); padding: 30px; border-radius: 10px }

 .page_loading .loading-icon { background: url(../images/fav.png) no-repeat center center; width: 94px; height: 94px; line-height: 90px; border-radius: 50%; background-size: 30px; margin: 0 auto; position: relative }

 .page_loading .loading-circle { border: 3px solid #ddd; border-radius: 50%; border-top: 5px solid #0C5278; width: 90px; height: 90px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-width: 5px }

 .page_loading p { margin: 0px; padding: 0px; line-height: 25px }

@-webkit-keyframes spin {
 0% { -webkit-transform: rotate(0deg) }

 100% { -webkit-transform: rotate(360deg) }
}

@keyframes spin {
 0% { transform: rotate(0deg) }

 100% { transform: rotate(360deg) }
}

.dot span { font-size: 50px; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both }

 .dot span:nth-child(2) { animation-delay: .2s }

 .dot span:nth-child(3) { animation-delay: .4s }

@keyframes blink {
 0% { opacity: .2 }

 20% { opacity: 1 }

 100% { opacity: .2 }
}

.review_policy { background: #00b7ff29; border-radius: 25px; position: relative; padding: 13px 12px 12px 37px; font-size: 14px; line-height: 25px }

 .review_policy label { position: absolute; left: 0; top: 40%; }

 .review_policy i { position: absolute; left: 10px; top: 16px; font-size: 18px }

.confirmation__information { overflow: hidden; border-radius: 18px; border: 1px solid rgba(0, 0, 0, 0.2); background: #fff; padding: 0; margin-top: 20px }
 /*@media(max-width: 767px) {
    .confirmation__information {
        margin: 10px -15px
    }
}*/
 .confirmation__information h4 { padding: 15px; background: #FDF5F8; font-size: 18px; font-weight: 400; margin-bottom: 0; color: #303030 }

 .confirmation__information .head { font-weight: 700; padding: 10px 15px }

 .confirmation__information .detail { background: #f9f9f9; padding: 10px 15px; margin-bottom: 10px }

 .confirmation__information .total_price { border-bottom: 0px dashed #ccc; color: #F16752; font-size: 18px; }

.spacer { height: 50px }

.confirmation__Box { border: 1px solid rgb(97 190 119); border-radius: 18px; background: #fff; padding: 20px 15px; margin-top: 20px; margin-bottom: 20px; position: relative }
 /*@media(max-width: 767px) {
.confirmation__Box { margin: 20px -15px }
}*/
 .confirmation__Box h4 { font-size: 18px; font-weight: 600; margin-bottom: 5px; color: #303030 }

 .confirmation__Box p { margin-bottom: 5px }

 .confirmation__Box .refrance__number { font-size: 18px; font-weight: 600 }

 .confirmation__Box .print_itinerary { position: absolute; right: 15px; top: 15px; color: #8a8a8a; text-decoration: none }

  .confirmation__Box .print_itinerary i { margin-right: 5px; position: relative; top: -2px }

  .confirmation__Box .print_itinerary:hover { color: #0C5278 }

.print_button { background: #0C5278; padding: 7px 14px; display: inline-block; text-decoration: none; border-radius: 3px; color: #fff }

 .print_button i { margin-right: 5px; position: relative; top: -2px }

 .print_button:hover { text-decoration: none; color: #fff; background: #F16752 }

@media print {
 a[href]:after { content: none }

 .print_itinerary, .print_button, .footer__linkBox, .noprint { display: none }

 .full-col { width: 100%; flex: 0 0 100%; max-width: 100% }
}

@page { size: auto; margin: 2mm; page-break-inside: inherit; -webkit-print-color-adjust: exact !important }

.contentBox { width: 100%; padding: 25px 0; clear: both }

@media(max-width: 1023px) {
 .contentBox { padding: 20px 0 }
}

.contentBox p { font-size: 14px; color: #202020; line-height: 28px }

@media(max-width: 767px) {
 .contentBox p { font-size: 13px; line-height: 22px }
}

.contentBox .list, .contentBox ul { list-style: none; font-weight: 300; overflow: hidden; padding: 0 2px }

@media(max-width: 767px) {
 .contentBox .list, .contentBox ul { margin: 0px }
}

.contentBox .list li, .contentBox ul li { margin-bottom: 5px; padding-left: 20px; padding-right: 10px; position: relative; font-size: 14px; color: #202020 }

@media(max-width: 767px) {
 .contentBox .list li, .contentBox ul li { width: 100%; margin-right: 0px }
}

.contentBox .list li:before, .contentBox ul li:before { position: absolute; left: 0px; top: 2px; content: ""; color: #0C5278; font-family: bootstrap-icons !important }

.contentBox .list.w_50, .contentBox ul.w_50 { overflow: hidden }

 .contentBox .list.w_50 li, .contentBox ul.w_50 li { width: 50%; float: left }

@media(max-width: 767px) {
 .contentBox .list.w_50 li, .contentBox ul.w_50 li { width: 100% }
}

@media(max-width: 767px) {
 .contentBox img { border-radius: 5px }
}

@media(max-width: 767px) {
 .contentBox .page__title strong { display: inline-block }
}

.contentBox h1 { color: #303030; margin-bottom: 26px; position: relative; font-weight: 300 }

@media(max-width: 767px) {
 .contentBox h1 { margin-bottom: 10px }
}

.contentBox h1 strong { font-weight: 600; position: relative }

@media(max-width: 767px) {
 .contentBox h1 strong { display: block }
}

.contentBox h1 strong:after { content: ""; width: 36px; height: 2px; display: inline-block; position: absolute; left: 0px; bottom: -4px; background: #0C5278 }
.contentBox h1 { font-size: 32px; }
.contentBox h2 { font-size: 28px; }
.contentBox h3 { font-size: 24px; }
.contentBox h4 { font-size: 22px; }
.contentBox h5, .contentBox h6 { font-size: 20px; }
.contentBox .list.bullet li { line-height: 25px }

 .contentBox .list.bullet li:before { position: absolute; left: 5px; top: 8px; content: ""; background-color: #4863db; display: block; width: 6px; height: 6px; border-radius: 100% }

.other_popularBox { border-top: 1px dashed #ccc; padding: 20px 0 50px 0 }

 .other_popularBox h3 { padding-bottom: 10px; font-size: 21px; font-weight: 600 }

 .other_popularBox .slick-list { margin: 0 -7px }

 .other_popularBox .items { padding: 0 7px }

  .other_popularBox .items img { width: 100% }

  .other_popularBox .items span { margin-top: 5px; display: block; color: #303030 }

  .other_popularBox .items i { position: relative; top: -1px; margin-left: 3px }

  .other_popularBox .items:hover a { text-decoration: none }

   .other_popularBox .items:hover a span { color: #0C5278 }

  .other_popularBox .items a { display: block }

.content_image { padding: 0 20px 20px 0; max-width: 423px }

@media(max-width: 767px) {
 .content_image { padding-right: 0px; width: 100% }
}

.contentsubTitle { font-size: 1.3rem }

@media(max-width: 767px) {
 .contentsubTitle { font-size: 19px }
}

#privacyBannerCntr { position: relative; width: 100%; height: 500px; background-repeat: no-repeat; background-position: center top; background-size: cover }

@media(max-width: 1023px) {
 #privacyBannerCntr { height: 460px }
}

@media(max-width: 767px) {
 #privacyBannerCntr { height: auto }
}

#privacyBannerCntr .tagline { font-size: 40px; color: #000; font-weight: 600; padding: 48px 0 23px 0 }

@media(max-width: 767px) {
 #privacyBannerCntr .tagline { font-size: 30px; padding: 22px 0 12px 0 }
}

#privacyBannerCntr.height { height: auto }

 #privacyBannerCntr.height .tagline { padding: 50px 0 }

.introBox { background: #f7f8ff; padding: 22px 0; border-top-left-radius: 10px; border-top-right-radius: 10px }

 .introBox .block { text-align: center; color: #393939; border-right: 1px dashed #ccc; padding: 0 24px; height: 100% }

@media(max-width: 1023px) {
 .introBox .block { padding: 0 10px }
}

@media(max-width: 767px) {
 .introBox .block { border-bottom: 1px dashed #ccc }
}

.introBox .block.last { border: none }

.introBox .block img { max-width: 100% }

.introBox .title { padding: 18px 0 10px 0; font-size: 22px; font-weight: 600 }

@media(max-width: 1023px) {
 .introBox .title { font-size: 16px }
}

.introBox p { font-size: 15px; line-height: 22px }

@media(max-width: 1023px) {
 .introBox p { font-size: 13px }
}

.privacy_policy .block { overflow: hidden; padding: 15px 0; border-top: 2px solid #f2f3f9 }

.privacy_policy h5 { font-weight: 600 }

@media(max-width: 767px) {
 .privacy_policy h5 { font-size: 17px }
}

.privacy_policy p { line-height: 25px }

@media(max-width: 767px) {
 .privacy_policy p { line-height: 21px }
}

.privacy_policy .icons { float: left; width: 100px; height: 100px; background: #903dcf; display: flex; align-items: center; justify-content: center }

@media(max-width: 767px) {
 .privacy_policy .icons { width: 40px; height: 40px }
}

.privacy_policy .icons img { width: 55px }

@media(max-width: 767px) {
 .privacy_policy .icons img { width: 30px }
}

.privacy_policy .right_content { overflow: hidden; padding-left: 30px }

@media(max-width: 767px) {
 .privacy_policy .right_content { padding-left: 10px }
}

.sitemap_block { overflow: hidden; padding: 15px 0; border-bottom: 2px solid #f2f3f9 }

.contentBox .list.bullet.sitemap-links li { width: 25%; float: left }

@media(max-width: 767px) {
 .contentBox .list.bullet.sitemap-links li { width: 50% }
}

@media(max-width: 479px) {
 .contentBox .list.bullet.sitemap-links li { width: 100% }
}

.contentBox .list.bullet.sitemap-links li a { color: #1f1f1f; text-decoration: none }

.taxes-fees-page { padding: 20px 0 }

@media(max-width: 767px) {
 .taxes-fees-page p { font-size: 11px; line-height: 22px }
}

@media(max-width: 767px) {
 .taxes-fees-page .table td, .taxes-fees-page .table th { padding: 5px; font-size: 11px }
}

#privacyBannerCntr.height .tagline.blacktext { color: #1f1f1f }

.footerCntr .footer__linkBox {
    width: 100%;
    padding: 55px 0 20px 0;
    background: #c6c3beb3;
}

@media(max-width: 767px) {
 .footerCntr .footer__linkBox { padding: 20px 0 0 0 }
}

@media(max-width: 767px) {
 .footerCntr .footer__linkBox img { display: block }
}

.footerCntr .footer__linkBox h4 { font-size: 18px; color: #49316a; margin-bottom: 20px; position: relative }

.footerCntr .footer__linkBox ul { list-style: none; padding: 0; margin: 0px }

@media(max-width: 767px) {
 .footerCntr .footer__linkBox ul { border-bottom: 1px dashed #c1c1c1; padding-bottom: 15px }
}

.footerCntr .footer__linkBox ul li { display: block }

 .footerCntr .footer__linkBox ul li a { color: inherit; font-size: 14px; line-height: 26px; text-decoration: none; cursor: pointer }

@media(max-width: 1199px) {
 .footerCntr .footer__linkBox ul li a { font-size: 14px }
}

@media (max-width:767px) {
 .footerCntr .footer__linkBox ul li a { font-size: 16px; line-height: 42px; }
}

.footerCntr .footer__linkBox ul li a:hover { color: #0C5278 }

.footerCntr .footer__linkBox .footer__call { font-size: 25px; color: #202020; display: inline-block; border-bottom: 1px solid #c9c9c9; padding: 15px 0 9px 0; margin-bottom: 9px }

@media(max-width: 767px) {
 .footerCntr .footer__linkBox .footer__call { padding-top: 20px; display: block }
}

.footerCntr .footer__linkBox .footer__call a { font-size: 27px; color: #202020; font-weight: 700; text-decoration: none; line-height: 46px }

@media(max-width: 1199px) {
 .footerCntr .footer__linkBox .footer__call a { font-size: 25px }
}

.footerCntr .footer__linkBox .email { display: inline-block; font-size: 16px; color: #202020; text-decoration: none; white-space: nowrap }

@media(max-width: 1199px) {
 .footerCntr .footer__linkBox .email { font-size: 14px }
}

.footerCntr .footer__linkBox .email .icon { margin-right: 7px; font-size: 20px; color: #0C5278 }

.footerCntr .footer__linkBox .email:hover { color: #0C5278 }

.footerCntr .footer__logoBox { padding: 10px 0; background: #fff; overflow: hidden }

@media(max-width: 767px) {
 .footerCntr .footer__logoBox { padding: 10px 0 30px 0 }
}

@media(max-width: 767px) {
 .footerCntr .footer__logoBox .card_icons { display: block; margin: 0px auto; width: 260px }
}

.client-logos { display: flex; gap: 20px; justify-content: center; margin: 0; list-style: none; padding: 0; overflow-x: auto; }
 .client-logos li img { width: 160px; display: block; }
 .client-logos li:nth-child(2) img { width: 80px; display: block; }

.footer_logo { padding: 0; margin: 0px }
 .footer_logo .trustpilot { width: 260px }
.footer__logoBox .payimg { width: 60%; }

@media(max-width: 767px) {
 .client-logos { justify-content: start; }
 .footer__logoBox .payimg { width: 100%; margin-bottom: 20px; }
 .footer_logo { display: flex; padding-bottom: 12px; text-align: center }
}

.footer_logo li { display: inline-block; padding-right: 10px; vertical-align: middle }

@media(max-width: 767px) {
 .footer_logo li { padding-right: 0px; margin-bottom: 10px; }
}

.footerCntr .footer__copyrightBox { border-top: 1px solid #D5D5D5; padding: 0px 0; font-size: 16px; overflow: hidden }

/*@media(max-width: 767px) {
 .footerCntr .footer__copyrightBox { padding: 15px 0; margin-bottom: 36px; font-size: 13px }
}
*/
.footerCntr .footer__copyrightBox p { margin: 20px 0; }

@media(max-width: 767px) {
 .footerCntr .footer__copyrightBox p { padding-bottom: 10px; border-bottom: 1px dashed #ccc; text-align: center }
}

.footerCntr .footer__copyrightBox .social__icons { margin: 20px 0 0px; list-style: none }

@media(max-width: 767px) {
 .footerCntr .footer__copyrightBox .social__icons { margin-top: 10px; text-align: center }
}

.footerCntr .footer__copyrightBox .social__icons li { padding: 0px 10px; display: inline-block }

 .footerCntr .footer__copyrightBox .social__icons li a { color: #0C5278; text-decoration: none }

  .footerCntr .footer__copyrightBox .social__icons li a:hover { color: #0C5278 }

.footerCntr .social_icons { margin: 0; list-style: none }
 .footerCntr .social_icons li { padding: 0px; display: inline-block }

  .footerCntr .social_icons li a { width: 36px; height: 43px; display: block; background: url(../images/footer/social-icon.png) no-repeat; background-size: cover; color: #0C5278; text-decoration: none }
   .footerCntr .social_icons li a.linkdin { background-position: 0px 2px; }
   .footerCntr .social_icons li a.facebook { background-position: -35px 2px; }
   .footerCntr .social_icons li a.insta { background-position: -69px 2px; }
   .footerCntr .social_icons li a.twitter { background-position: -103px 2px; }
   .footerCntr .social_icons li a.pint { background-position: -137px 2px; }
   .footerCntr .social_icons li a.youtub { background-position: -171px 2px; }

   .footerCntr .social_icons li a:hover { color: #0C5278 }

.footerCntr .disclaimerBox { padding: 15px 0; border-top: 1px solid #c9c9c9; font-size: 13px; line-height: 25px; }

@media(max-width: 767px) {
 .footerCntr .disclaimerBox { padding: 0px; font-size: 12px; line-height: 20px }
}

@media(max-width: 1023px) {
 .footerCntr .hide-tablet { display: none }
}

@media(max-width: 767px) {
 .footerCntr .hide-tablet { display: block }
}

@media(max-width: 767px) {
 .footerCntr .mobile-bg { padding: 15px }
}

.topStripBox { background: #49316a; padding: 10px }

 .topStripBox .row { display: flex; align-items: center }

@media(max-width: 767px) {
 .topStripBox { display: none; }

  .topStripBox .col-12 { margin-bottom: 10px; justify-content: center; align-items: center; display: flex; flex-direction: column }
}
/*.topStripBox .footer_logo {
    width: 180px
}*/
.topStripBox .email { display: inline-block; font-size: 14px; line-height: 15px; color: #fff; margin-top: 5px }

.topStripBox .trustpilot { width: 150px }

.topStripBox .float-start { max-width: 50px; float: left; }
.topStripBox .footer__call { cursor: pointer; font-size: 20px; padding: 10px 10px 9px 55px; position: relative; color: #F16752; text-decoration: none; /*background: #fff;*/ border-radius: 50px; display: inline-block }
.topStripBox .footer__call2 { cursor: pointer; font-size: 20px; padding: 0 0 0 60px; position: relative; color: #F16752; text-decoration: none; display: block }

@media(max-width: 1199px) {
 .topStripBox .footer__call { font-size: 16px }
}

.topStripBox .footer__call:before { content: ""; width: 35px; height: 35px; display: block; position: absolute; left: 12px; top: 5px; border-radius: 20px; background: url(../images/phone-call.svg) center center no-repeat #F16752; }

.footer_spacing { height: 50px }

.topStripBox .connect__newsletter { padding-left: 70px; display: block; position: relative; }
.topStripBox .connect__title { width: 100%; font-size: 14px; color: #ffff; line-height: 16px; padding: 0; }
 .topStripBox .connect__title:before { content: ""; background: url(../images/footer/post.png)100% 100%; background-size: cover; width: 60px; height: 60px; position: absolute; left: 0; }
.topStripBox .connect__newsletter .sign__consent { color: #ffff; font-size: .6875rem; padding: 0; margin: .5rem 0; position: relative; left: 0; }
.topStripBox .signup__input { padding: 5px 10px; margin-right: 5px; border-radius: 0 !important; font-size: 16px; line-height: 1.5; }
.topStripBox .connect__newsletter .btn-primary { background: #ff9700; border-color: #ff9700; border-radius: 0 !important; padding: .5rem 1.5rem !important; font-size: 1.125rem !important; font-weight: 400; height: auto; }
.topStripBox .connect__newsletter .a-link { color: #ff9700; }
.content_row { padding: 20px 0; border-top: 1px dashed #ccc }

 .content_row h4 { font-size: 21px }

.car_logo ul { list-style: none; display: flex; margin: 0 -10px; flex-wrap: wrap }

 .car_logo ul li { margin: 0 10px 5px; border: 1px solid #ccc; width: 14.6%; display: flex; align-items: center; justify-content: center; background: #fff }

@media(max-width: 1023px) {
 .car_logo ul li { width: calc(33.3% - 20px); margin-bottom: 20px }
}

@media(max-width: 767px) {
 .car_logo ul li { width: calc(50% - 20px) }
}

.countryList { padding: 40px 0 }

.hotels_destination .cnslider { margin-right: -20px }

@media(max-width: 767px) {
 .hotels_destination .cnslider { margin-right: 0px }
}

.hotels_destination .items { width: calc(50% - 20px); margin-right: 20px; float: left }

@media(max-width: 767px) {
 .hotels_destination .items { width: 100%; margin-right: 0px }
}

.hotels_destination .items img { width: 100% }

.hotels_destination .items figure { position: relative }

 .hotels_destination .items figure:before { content: ""; width: 100%; height: 70%; position: absolute; left: 0px; bottom: 0px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); border-radius: 14px }

 .hotels_destination .items figure p { margin: 0px; display: inline-block; font-size: 20px; line-height: 24px; font-weight: 500; position: absolute; left: 20px; bottom: 20px; color: #fff }

  .hotels_destination .items figure p small { display: block; font-size: 13px }

.hotels_destination .fa-star { color: #ffc107; margin: 0 1px }

input, button { font-family: "Rubik",sans-serif }

focus { outline: none }

body { font-family: "Rubik",sans-serif; font-size: 14px }

.mainCntr { overflow: hidden }

.container { max-width: 1200px; padding-left: 30px; padding-right: 30px }

@media(max-width: 1199px) {
 .container { width: 100%; padding-left: 15px; padding-right: 15px }
}
/*# sourceMappingURL=style.css.map */
#mymodal { background-color: rgba(0,0,0,.75); }

.modal-lg222 { max-width: 400px; font-family: 'Rubik', sans-serif; }

.my_model_ctnt222 { background: #ffffff; display: table; width: 100%; border: none; }

.mymodel_here222 { padding: 0px; border-bottom: none; }

.content_bx222 { /*display: table;width: 769px;*/ font-family: 'Rubik', sans-serif; }

.mymodal_body22 { padding: 0px !important; }

 .mymodal_body22 a:hover { text-decoration: none; outline: 0; }
/* ===================================*/

.logo_bx { background: #ffffff; text-align: center; margin: 15px 0; padding: 15px 10px; }

 .logo_bx p { color: #000; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 15px; margin-top: 6px; }

 .logo_bx img { width: 150px; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }

 .logo_bx h4 { color: #000000; letter-spacing: 0.5px; margin: 0 0 10px 0; font-size: 14px; font-weight: 600; line-height: 20px; }

.txt_plane { position: relative; padding: 0px; background: #f3f3f3; }

 .txt_plane img { width: 100%; height: 400px; border-radius: 0px; }

.bnr_tt { text-align: center; }

 .bnr_tt p { color: #ff3d00; font-weight: 600; letter-spacing: 0.5px; font-size: 16px; margin: 0; }

 .bnr_tt h4 { color: #ff3d00; font-weight: 600; font-size: 30px; margin-top: 6px; }

.modal-content { border-radius: 0; }

.ftr_pp { background: #eee; text-align: center; padding: 10px 0; }

 .ftr_pp h4 { font-size: 14px; text-transform: uppercase; color: #000; letter-spacing: 1px; font-weight: 700; }

  .ftr_pp h4 span { color: #fd3c00; }

 .ftr_pp p { text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; color: #1f1f1f; font-weight: 500; margin: 0; }

.call_now { background: #12164e; display: inline-block; padding: 5px 10px; color: #fff; font-size: 16px; font-weight: 500; border-radius: 4px; letter-spacing: 0.5px; }

 .call_now i { color: #ff3d00; padding: 0 5px 0 0; }

.logo_bx h5 { font-size: 30px; color: #ff3d00; text-transform: uppercase; }

.logo_bx h6 { color: #000; font-size: 22px; font-weight: 600; letter-spacing: 0.5px; }


@media only screen and (min-width:320px) and (max-width:479px) {
 .logo_bx p { margin-bottom: 30px; }

 .ftr_pp h4 { font-size: 12px; }

 .bnr_tt p span { font-size: 15px; }

 .logo_bx { padding: 75px 10px; }

 .bnr_tt p { margin-bottom: 5px; }
}

@media only screen and (min-width:360px) and (max-width:639px) {
 .logo_bx p { margin-bottom: 30px; }

 .ftr_pp h4 { font-size: 14px; }

 .bnr_tt p span { font-size: 15px; }

 .logo_bx { padding: 100px 10px 130px 10px; }

 .bnr_tt p { margin-bottom: 5px; }
}

/*======================================*/
button#myBtn { outline: 0; opacity: inherit; /*  background: #fe3c00;*/ height: 30px; width: 30px; font-size: 30px; position: absolute; right: 5px; top: 6px; border-radius: 18px; color: #fe3c00; z-index: 9; margin: 0; font-weight: 200; padding: 0; transition: all 0.5s; }

 button#myBtn:hover { transform: rotate(360deg); outline: 0; }

@keyframes zoom-in-zoom-out {
 0% { transform: scale(1, 1); }

 50% { transform: scale(1.1, 1.2); }

 100% { transform: scale(1, 1); }
}

.zoom-in-out-box { animation: zoom-in-zoom-out 1s ease infinite; height: 35px; width: 35px; }


/** MOBILE VIEW SECOND CSS **/
@media (min-width:320px) and (max-width:479px) {
 .modal-open { overflow: hidden; padding: 0 !important; }

 .Left_sides { padding: 0 12px 0 12px; }

 .modal-lg222 { width: 100%; margin: 0px auto 0 auto; }

 .mymodal_body22 { padding: 15px 5px; }

 .Left_sides h1 { font-size: 32px; }

 .Left_sides h3 span { font-size: 29px; padding: 7px 10px; }

 .bx_hding222 { display: none; }

  .bx_hding222 img { width: 35%; margin: 22px auto 0 auto; display: block; }

 .content_bx222 { display: table; width: 100%; padding: 0 0 0px 0; }

 .txt_plane img { height: 500px; }
}

@media (min-width:360px) and (max-width:639px) {
 .txt_plane img { height: 500px; }

 .modal-open { overflow: hidden; padding: 0 !important; }

 .Left_sides { padding: 0 12px 0 12px; }

 .modal-lg222 { width: 100%; margin: 0px auto 0 auto; }

 .mymodal_body22 { padding: 15px 5px; }

 .Left_sides h1 { font-size: 32px; }

 .Left_sides h3 span { font-size: 29px; padding: 7px 10px; }

 .bx_hding222 { display: none; }

  .bx_hding222 img { width: 35%; margin: 22px auto 0 auto; display: block; }

 .content_bx222 { display: table; width: 100%; padding: 0 0 0px 0; }
}

.txt_hold { color: #000; border: 1px dashed; display: inline-block; padding: 5px; font-weight: 500; font-size: 12px; letter-spacing: 0.5px; }

 .txt_hold span { color: #ff3d00; }
/*event*/
.event-strip { background: #0C5278; text-align: center; position: fixed; z-index: 6; width: 100% }

@media(max-width: 767px) {
 .event-strip { z-index: 6 }
}

.event-strip .event-txt { font-size: 20px; color: #fff; height: 50px; display: inline-block; padding: 10px; font-weight: 400; width: 100% }

@media(max-width: 1023px) {
 .event-strip .event-txt { font-size: 18px }
}

@media(max-width: 767px) {
 .event-strip .event-txt { padding: 5px 2px; font-size: 13px; text-transform: uppercase }
}

@media(max-width: 767px) {
 .event-strip .event-txt span.counter-txt { display: block }
}

.event-strip .event-txt:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/dot-left0fb0.svg?v4500) no-repeat left }

@media(max-width: 1023px) {
 .event-strip .event-txt:before { background: 0 0 }
}

.event-strip .event-txt:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: url(../images/dot-right0fb0.svg?v4500) no-repeat right }

@media(max-width: 1023px) {
 .event-strip .event-txt:after { background: 0 0 }
}

.event-strip .event-txt b { color: #fcd389; padding: 0 10px; font-size: 22px; width: 38px; text-align: right; display: inline-block }

@media(max-width: 1023px) {
 .event-strip .event-txt b { padding: 0 5px }
}

@media(max-width: 767px) {
 .event-strip .event-txt b { padding: 0 3px; width: 27px; text-align: right; display: inline-block; font-size: 18px }
}

.event-strip .event-txt .event-name { color: #fcd389; font-weight: 700 }

.event-strip .event-txt .event-highliter { color: #234389; font-weight: 600; background: #fcd389; padding: 6px 20px; font-size: 20px; position: relative; height: 36px }

 .event-strip .event-txt .event-highliter::before { background: #fcd389; width: 15px; height: 36px; content: ""; display: block; position: absolute; left: -7px; top: 0; transform: skewX(-19deg) }

 .event-strip .event-txt .event-highliter::after { background: #fcd389; width: 15px; height: 36px; content: ""; display: block; position: absolute; right: -7px; top: 0; transform: skewX(-19deg) }

.lh48 { height: 50px }

.event-flag { background: url(../images/christmas/event-ribbon0fb0.html?v4500) no-repeat; display: inline-block; border-radius: 10px 0; font-size: 12px; color: #fff; margin: -17px 0 0 -17px; width: 175px; height: 30px; background-size: contain }

@media(max-width: 767px) {
 .event-flag { margin: 0; font-size: 11px; position: absolute; top: -1px; left: -1px }
}

.event-background .price-section .selectBtn { background: #0C5278 }

 .event-background .price-section .selectBtn:hover { background: radial-gradient(circle,#263574 0%,#1e66b9 100%) !important }

.event-background-xs2 .actionicons { margin-top: 22px }

.event-background-xs { background-size: contain }

 .event-background-xs .actionicons { margin-top: 22px }

 .event-background-xs .price-section .selectBtn { background: #0C5278; text-transform: uppercase; font-size: 14px; box-shadow: 0 4px 4px #00000063 }

  .event-background-xs .price-section .selectBtn span { background: #a40112; display: inline-block; padding: 2px 8px; margin-left: 2px; border-radius: 3px }

  .event-background-xs .price-section .selectBtn:hover { background: radial-gradient(circle,#263574 0%,#1e66b9 100%) !important }

.event-gradient { background: radial-gradient(circle,#263574 0%,#1e66b9 100%) !important; font-size: 14px !important }

@media(max-width: 767px) {
 .event-gradient { font-size: 12px !important }
}

.event-gradient:hover { background: #222 !important }
/*.circle-loader {
    margin-bottom: 3.5em;
    border: 4px solid #eee;
    border-left-color: #F16752;
    border-top-color: #F16752;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: block;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto
}
.loader_icon {
    background: url(/images/flight-load-icon.svg) center center no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto 10px
}*/
.loader_icon { background: url(../images/preloader_plane2.gif) center center no-repeat; width: 150px; height: 200px; margin: 0 auto 10px; background-size: 263%; overflow: hidden; border-radius: 35%; }

.loading_block_content { font-size: 15px; color: #1f1f1f; text-align: center; padding-bottom: 30px; line-height: 25px }

 .loading_block_content .searched_route { font-size: 22px; color: #F44336; }

 .loading_block_content .searching { padding-bottom: 10px }

@keyframes loader-spin {
 0% { transform: rotate(0deg) }

 100% { transform: rotate(360deg) }
}

@-webkit-keyframes shine {
 100% { left: 125% }
}

@keyframes shine {
 100% { left: 125% }
}
/*blog*/
.ellipsis { font-size: 1.75rem; overflow: hidden; height: 95px; }

.blog-layout-1 figure { min-height: 150px; max-height: 150px; background: #ccc; overflow: hidden; }

.blog-layout-1 h1, .blog-layout-1 h2 { font-size: 16px; }

.blog-layout-1 .footerCntr .footer__copyrightBox .social__icons { margin: 0; }
/*blog*/
.blog-layout-1 .footerCntr { color: #184071; }
 .blog-layout-1 .footerCntr .footer__copyrightBox .social__icons li a { color: #184071; }
/*blog*/
.blogs_blogPostShow__xjhbz { display: flex; justify-content: space-between; margin-bottom: 20px; margin-top: 5px; width: 100%; }
.blogs_postImg__jwv4z { width: 45%; }
 .blogs_postImg__jwv4z a { text-decoration: none; }
.blogs_recentBlogImg__SP4wj { border-radius: 4px; height: 100%; object-fit: cover; padding: 0 !important; width: 100%; }
.blogs_blogText__0c7yQ { display: flex; flex-direction: column; justify-content: center; width: 50%; }
 .blogs_blogText__0c7yQ p { line-height: normal; margin-bottom: 0; }
.blogs_postBlogTitle__h36dA { font-size: 14px !important; font-weight: 600; margin: 4px 0; max-height: 20px; overflow: hidden; text-overflow: ellipsis; width: 100%; }
 .blogs_postBlogTitle__h36dA a { color: #000; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; }
.blogs_blogDate__414o4 { align-items: center; border-top: 1px solid #8f8f8f; display: flex; padding-top: 2px; width: 100%; }
 .blogs_blogDate__414o4 i { color: #8f8f8f; user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentcolor; flex-shrink: 0; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; font-size: 1.5rem; }
 .blogs_blogDate__414o4 span { color: #8f8f8f; font-size: 12px; margin-left: 10px; }
/*paynow*/
.font20 { font-size: 20px !important; }

.deal-phone { margin: auto; margin-bottom: 15px; border-radius: 4px; padding: 15px 10px; font-size: 1.5rem; text-align: center; background: linear-gradient(-145deg,#f6e8b6,#f1afaf); }

 .deal-phone .icon { color: #fff; background: #022243; border-radius: 50%; padding: 4px 8px; top: 0; left: -5px; position: relative; margin-right: 3px; }

.link-phoneno { color: #022243; }

.global-phoneno { color: #ff0018; }

.payment-btn-round { background-color: #ff9700; color: #ffff; text-decoration: none; display: block; font-size: 20px; overflow: hidden; padding: 0 16px; text-overflow: ellipsis; white-space: nowrap; width: 100%; -ms-flex-pack: center; justify-content: center; border-radius: 18px; text-align: center; line-height: 48px; }

.wrapmsg { font-size: 12px; background: none repeat scroll 0 0 #e6e6e6; border: 1px solid #a7b9cb; border-radius: 15px; display: block; margin: 10px 0 0; padding: 3px; text-align: center; }

 .wrapmsg p { color: #303030; margin: 0; }

.cookies-strip.hidden-xs { width: 100%; position: fixed; bottom: 0; z-index: 1; background: rgb(0 0 0); color: #fff; padding: 7px 20px 5px 20px; left: 0; font-size: 12px; line-height: 1.5em; text-align: center; }

.cookies-strip .accept { background: #ed1c24; padding: 5px 15px; color: #fff; border: none; border-radius: 3px; text-decoration: none; cursor: pointer; display: inline-block; margin-left: 20px; }

@media (max-width:767px) {
 .cookies-strip.hidden-xs { position: relative; font-size: 10px; padding: 5px; display: none; }
}

.connect__newsletter { display: flex; position: relative; }

@media (max-width:767px) {
 .connect__newsletter { display: none; }
}

.connect__title { width: 45%; font-size: 1.425rem; color: #313541; line-height: 1.875rem; padding-left: 5rem; padding-top: 1rem; }

 .connect__title:before { content: ""; background: url(../images/email_coupon.png); width: 60px; height: 60px; position: absolute; left: 0; background-repeat: no-repeat; }

.connect__newsletter .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }

.signup__input { padding-left: .5rem !important; border-radius: .5rem !important; border: 1px solid #c1c4ce; margin-right: 20px; background: #fff; height: 2.8125rem; }

.connect__newsletter .sign__consent { color: #303030; font-size: .6875rem; text-align: left; padding-left: 0; margin: .5rem 0; position: relative; left: 0; }

.signup__icon { color: #ccc; font-size: 2rem; position: absolute; left: 1rem; margin-top: -1.0625rem; top: 1.375rem; z-index: 4; pointer-events: none; display: none; }

.input-group-append { margin-left: -1px; }

.connect__newsletter .btn-primary { border-radius: .5rem !important; padding: 0 3rem !important; font-size: 1.125rem !important; font-weight: 400; height: 43px; }

.connect__newsletter .sign__consent span { margin-left: .1rem; }

.connect__newsletter .a-link { color: #006ee3; }

@media (max-width: 1199px) {
 .connect__title { padding: 1rem 1.5rem 0 5rem; }
}

.tilt-shaking { animation-fill-mode: both; animation-iteration-count: infinite; animation-name: tilt-shaking; animation-duration: 1s; }

@keyframes tilt-shaking {
 0% { transform: rotate(0deg); }

 25% { transform: rotate(10deg); }

 50% { transform: rotate(0eg); }

 75% { transform: rotate(-10deg); }

 100% { transform: rotate(0deg); }
}

@keyframes call-wobble-effect {
 0% { transform: scale(.1) }

 20% { opacity: .4 }

 40%, 100% { transform: scale(1.1) }

 0% { transform: scale(.1) }

 20% { opacity: .4 }

 40%, 100% { transform: scale(1.1) }
}

.parallax { background-image: url("images/blogs/blog.html"); min-height: 500px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
/*timer*/
.countdown { padding: 0; }

.timer-p span { line-height: 40px; font-size: 40px; font-weight: 700; font-family: 'Roboto Slab', serif; color: #fb3d4e; }

.timer-p { width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 0px; }

.min-ul { padding-left: 0px; margin: 0; margin-left: auto; margin-right: auto; width: 150px; }

 .min-ul li { padding-left: 43px; display: inline-block; color: #444; font-weight: 500; font-size: 11px; }

.timer-p i { font-size: 30px; color: #330595; }

.count-heading { font-size: 16px; font-weight: 700; color: #3568b5; }

.iti--separate-dial-code .iti__selected-flag { background: #ffff; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border-right: 1px solid #0000000d; }

.iti { display: grid; }

 .iti .is-success .form-control { width: 100%; padding-left: 50px !important; }

.color-orange { color: #F16752 }

/*newpopup 5may*/
#Travel_Quote .callBannerBox { max-width: 480px; background: #020041; border-radius: 15px; }

#Travel_Quote .modal-header { padding: 10px; display: flex; justify-content: center; }

 #Travel_Quote .modal-header img { width: 210px; float: left; margin-top: 9px; }

 #Travel_Quote .modal-header .Ends { color: #ffffff; font-weight: bold; float: right; padding-right: 30px; }

  #Travel_Quote .modal-header .Ends h6 { margin: 0; }

  #Travel_Quote .modal-header .Ends strong { display: block; font-size: 24px; }

#Travel_Quote .modal-body { padding: 0px 20px 15px 20px; color: #ffff; }

 #Travel_Quote .modal-body h6 { font-size: 14px; font-weight: normal; margin: 0; }

 #Travel_Quote .modal-body .Special { display: flex; padding-top: 15px; }

  #Travel_Quote .modal-body .Special .Dstn { font-weight: bold; width: 50%; }

   #Travel_Quote .modal-body .Special .Dstn strong { font-size: 24px; display: block; }

  #Travel_Quote .modal-body .Special .Price { text-align: right; width: 50%; position: relative; }

   #Travel_Quote .modal-body .Special .Price strong { font-size: 36px; color: #e51837; display: block; line-height: 32px; animation: blink 1s steps(1, end) infinite; }

   #Travel_Quote .modal-body .Special .Price span { font-size: 19px; }

 #Travel_Quote .modal-body p { margin-bottom: 0; }

  #Travel_Quote .modal-body p i { font-style: normal; }

 #Travel_Quote .modal-body .Travel { display: flex; padding: 15px 0; }

  #Travel_Quote .modal-body .Travel .Trip { width: calc(50% - 18px); position: relative; }

   #Travel_Quote .modal-body .Travel .Trip h5 { font-size: 14px; text-transform: uppercase; margin: 0; }

   #Travel_Quote .modal-body .Travel .Trip h6 { margin: 0; }

   #Travel_Quote .modal-body .Travel .Trip h2 { margin: 0; font-size: 24px; }

   #Travel_Quote .modal-body .Travel .Trip:before { content: ""; display: block; height: 2px; width: 83px; position: absolute; top: 38px; background: #012b3b; }

  #Travel_Quote .modal-body .Travel .TripIcon { width: 36px; padding-top: 27px; }

  #Travel_Quote .modal-body .Travel .Trip.Depart:before { right: 0px; }

  #Travel_Quote .modal-body .Travel .Arrival { text-align: right; }

 #Travel_Quote .modal-body .img { width: 100%; max-width: 400px; }

#Travel_Quote .lagInfo { border-top: 1px solid #ffffff59; padding: 15px 0; background: url(../images/icons/flay3a02.svg?1222) no-repeat center; background-size: 55%; margin: 10px 0; }

 #Travel_Quote .lagInfo .cityname h2 { color: #F1C40F; font-weight: 600; }

#Travel_Quote .modal-body .CallNow { background: linear-gradient(90deg, rgba(247, 125, 19, 1) 0%, rgba(255, 65, 118, 1) 100%); padding: 5px 8px; display: flex; grid-gap: 15px; color: #fff; text-decoration: none; align-items: center; margin-bottom: 10px; border-radius: 10px; }

.CallNow .call-ico { font-size: 14px; font-weight: 400; display: inline-flex; grid-gap: 10px; align-items: center; }

 .CallNow .call-ico .call_t1 { background: #ffffff; height: 50px; width: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }

  .CallNow .call-ico .call_t1 img { width: 67%; }

.CallNow .call-tfn { padding-left: 20px; border-left: 1px solid #ffffff; display: inline-block; font-weight: 600; font-size: 25px; }

#Travel_Quote .modal-body .CallNow:hover { background: linear-gradient(-90deg, rgba(247, 125, 19, 1) 0%, rgba(255, 65, 118, 1) 100%); }

#Travel_Quote .modal-body .CallNow img { width: 28px; }

#Travel_Quote .modal-body .text { color: #b3b3b3; font-size: 11.5px; padding-top: 5px; text-align: center; margin-bottom: 30px; }

#Travel_Quote h3,
#Travel_Quote h4 { text-align: center; }

#Travel_Quote .Form { display: flex; flex-wrap: wrap; }

 #Travel_Quote .Form > div { margin-bottom: 15px; }

 #Travel_Quote .Form .UsIcon { background: #cccccc; color: #1f1f1f; line-height: 40px; text-align: center; width: 60px; border-radius: 4px 0 0 4px; display: none; }

#Travel_Quote input { width: 100%; height: 40px; }

#Travel_Quote .Form .Field { width: calc(100% - 95px); color: #1f1f1f; }

 #Travel_Quote .Form .Field input { padding: 0px 10px; border: 1px #cccccc solid; border-right: 0; padding-left: 100px !important; }

  #Travel_Quote .Form .Field input:focus { border: 1px #e3a58a solid; }

#Travel_Quote .Form .Button { width: 90px; background: #f27f0d; }

 #Travel_Quote .Form .Button input { animation: blink 1s steps(1, end) infinite; border-radius: 0 4px 4px 0; border: 0; font-size: 18px; color: #ffffff; background: linear-gradient(90deg, rgba(247, 125, 19, 1) 0%, rgba(255, 65, 118, 1) 100%); }

#Travel_Quote input[type=submit]:hover { background: linear-gradient(90deg, rgba(247, 125, 19, 1) 0%, rgba(255, 65, 118, 1) 100%); }

#TimerStript { display: none; position: fixed; left: 50px; bottom: 15px; border-radius: 22px; background: #012b3a; color: #ffffff; padding: 5px 20px; box-shadow: 0 0 10px #0000008c; cursor: pointer; z-index: 100; }

 #TimerStript strong { font-size: 24px; }

 #TimerStript span { font-size: 20px; }

#Travel_Quote .close__popup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 27px; position: absolute; right: 0px; z-index: 9; font-size: 24px; color: #ffff; }

#Travel_Quote .timercount { font-size: 10px; font-weight: 400; border: 1px solid #ffffff59; padding: 10px; display: flex; justify-content: space-between; color: #fff; opacity: 0.8; }

#Travel_Quote .timer-text { text-align: left; padding-right: 15px; font-weight: 500; font-size: 11px; }

#Travel_Quote .timer-count { border-left: 1px solid #f5f5f5; color: #fff; display: flex; grid-gap: 15px; padding: 0 15px; }

 #Travel_Quote .timer-count img { width: 20px; }

#Travel_Quote .timer-start { display: block; font-size: 20px; font-weight: 600; line-height: 1; padding-bottom: 5px; }

@media screen and (max-width:767px) {
 .CallNow .call_now_text { font-size: 14px; }

 #Travel_Quote.call_dealpopup .outer { background: transparent; }

 #Travel_Quote .callBannerBox { padding: 0; height: auto; width: 95%; }

 #TimerStript { bottom: 85px; left: 15px; }
}

@media screen and (max-width:600px) {
 #Travel_Quote .modal-body .Travel .Trip:before { width: 40px; }

 #Travel_Quote .modal-body .CallNow { font-size: 18px; }
}

@media screen and (max-width:416px) {
 #Travel_Quote .Form .UsIcon { width: 50px; }

 #Travel_Quote .Form .Field { width: calc(100% - 72px); }

 #Travel_Quote .Form .Button { width: 70px; }

  #Travel_Quote .Form .Button input { font-size: 14px; }

 #Travel_Quote .modal-body .CallNow { font-size: 16px; }

 #TimerStript { bottom: 70px; }

 #Travel_Quote h4 { font-size: 18px; }

 #Travel_Quote .modal-header .Ends h6 { margin: 0; font-size: 14px; }
}

@keyframes vibrate {
 0% { transform: rotate(7deg); }

 100% { transform: rotate(0deg); }
}

@keyframes pulse {
 0% { transform: scale(1, 1); }

 25% { transform: scale(1, 1); }

 50% { transform: scale(1.1, 1.1); }

 100% { transform: scale(1, 1); }
}

.count-top-icon { animation: pulse 2s infinite; animation-iteration-count: infinite; position: fixed; bottom: 10px; border-radius: 15px; padding: 5px 10px; color: #fff; background: #0C5278; font-weight: 400; transition: width 2s; -webkit-transition: width 2s; left: 10px; cursor: pointer; z-index: 2; }

 .count-top-icon .strip-content { font-size: 16px; text-align: left; }

 .count-top-icon img { width: 50px; }

 .count-top-icon .tel-icon { width: 20px; }

.toll-free-mobile { background: #333; padding: 5px 0; color: #fff; font-size: 13px; }

 .toll-free-mobile a { color: #fff; text-decoration: none; font-weight: 700; white-space: nowrap; }

@media (max-width:767px) {
 .count-top-icon { bottom: 80px; }
}
/*---*/
/*7feb*/
.recent-articles-inner .trend-item { border-radius: 8px; border: 1px solid #FF9700; }

.recent-articles-inner .box-shadow { box-shadow: -3px 2px 2px #FF9700 }

.recent-articles-inner .trend-item:hover { box-shadow: -3px 2px 3px #0C5278; }

.recent-articles-inner a { text-decoration: none; color: inherit }

.why-us .why-us-item:hover::before { height: 100%; transition: .5s ease-in-out }

.why-us .why-us-item { display: flex; justify-content: center; align-items: center; transition: .5s ease-in-out; overflow: hidden; position: relative; transform: translateY(0) }

.why-us .col-lg-4:nth-child(2n+0) .why-us-item { background: #0C5278; color: #ffff; }

.why-us .why-us-item i { font-size: 36px; margin-right: 15px; }

.searching-numbers-wrapper { display: none; }

 .searching-numbers-wrapper .mobile-laover { display: none; background-color: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 500; overflow-y: auto; animation: opac .8s }

@media(max-width: 479px) {
 .searching-numbers-wrapper { display: block; }

  .searching-numbers-wrapper .mobile-laover { display: block; }
}

@keyframes animatebottom {
 from { bottom: -500px; opacity: 0 }

 to { bottom: 70px; opacity: 1 }
}

@media(max-width: 479px) {
 @keyframes animatebottom {
  from { bottom: -500px; opacity: 0 }

  to { bottom: 0; opacity: 1 }
 }
}

.searching-numbers-wrapper .searching-numbers { width: 240px; background: #ecffef; color: #111; border: 1px solid #3ab54a; border-radius: 10px; padding: 15px; text-align: center; font-size: 10px; position: fixed; bottom: 70px; right: 20px; box-shadow: 0 0 6px #333; z-index: 501; animation: animatebottom .9s }

@media(max-width: 1023px) {
 .searching-numbers-wrapper .searching-numbers { bottom: 130px }
}

@media(max-width: 479px) {
 .searching-numbers-wrapper .searching-numbers { width: 100%; border-radius: 20px 20px 0 0; bottom: 0; right: 0; font-size: 14px; border: 0; padding: 20px 20px 30px }
}

.searching-numbers-wrapper .searching-numbers .people-icon { width: 55px }
.searching-numbers-wrapper .searching-numbers .head { font-size: 20px; font-weight: 700 }
.searching-numbers-wrapper .searching-numbers .plain-txt { line-height: 1.5em; margin: 0; font-weight: 500 }

.searching-numbers-wrapper .searching-numbers .close-btn { position: absolute; right: 18px; cursor: pointer; padding: 10px }
.blink { animation: pulse 2s infinite; }
/*insurance*/

.tppBox { width: 100%; overflow: hidden; position: relative }

 .tppBox .subTitle { font-size: 14px; color: #5b5b5b; font-weight: 500; display: block; margin-top: 5px }

@media(max-width:767px) {
 .tppBox .subTitle { font-size: 11px; width: 77% }
}

@media(max-width:374px) {
 .tppBox .subTitle { font-size: 10px; width: 77% }
}

.tppBox .insurance_list { list-style: none; margin: 0; padding: 30px 0 8px }

@media(max-width:767px) {
 .tppBox .insurance_list { padding-top: 20px }
}

.tppBox .insurance_list li { width: 50%; float: left; margin-bottom: 22px; padding-right: 34px }

@media(max-width:767px) {
 .tppBox .insurance_list li { padding-right: 10px; margin-bottom: 15px }
}

@media(max-width:374px) {
 .tppBox .insurance_list li { width: 100% }
}

.tppBox .insurance_list li .icon { float: left; margin-right: 10px }

@media(max-width:767px) {
 .tppBox .insurance_list li .icon { width: 22px }
}

.tppBox .insurance_list li h5 { font-weight: 600; margin: 0 0 5px; font-size: 15px }

@media(max-width:767px) {
 .tppBox .insurance_list li h5 { font-size: 11px }
}

.tppBox .insurance_list li p { margin: 0; line-height: 22px }

@media(max-width:767px) {
 .tppBox .insurance_list li p { font-size: 11px; line-height: 16px }
}

.tppBox .viewlinks a { color: #4f8ffc; text-decoration: underline }

@media(max-width:479px) {
 .tppBox .viewlinks a { font-size: 12px; clear: both; padding-left: 30px; display: block }
}

.tppBox .price { font-size: 24px; color: #3ab54a; font-weight: 700; position: absolute; right: 0; top: 0 }

@media(max-width:767px) {
 .tppBox .price { font-size: 18px }
}

.tppBox .price .perperson { font-size: 12px; color: #5b5b5b; font-weight: 400; display: block; line-height: 14px }

@media(max-width:767px) {
 .tppBox .price .perperson { font-size: 10px }
}

.radioGroup { list-style: none; margin: 0; padding: 0 }

 .radioGroup li { width: 100%; overflow: hidden; margin-bottom: 18px }

@media(max-width:767px) {
 .radioGroup li { font-size: 12px }
}

@media(max-width:374px) {
 .radioGroup li { font-size: 10px }
}

.radioGroup li .yeslabel, .radioGroup li .nolabel { margin: 0; background: #d9e7fe; border-radius: 3px; display: block; padding: 10px; display: flex; align-items: center; justify-content: space-between }

@media(max-width:374px) {
 .radioGroup li .yeslabel, .radioGroup li .nolabel { font-size: 10px; line-height: 14px }
}

.radioGroup li .yeslabel .radioDiv, .radioGroup li .nolabel .radioDiv { padding-left: 30px; position: relative }

.radioGroup li .yeslabel input[type=radio] ~ span::after, .radioGroup li .nolabel input[type=radio] ~ span::after { width: 18px; height: 18px; top: 50%; transform: translateY(-50%); border: 2px solid #5b5b5b }

.radioGroup li .yeslabel input[type=radio]:checked ~ span::before, .radioGroup li .nolabel input[type=radio]:checked ~ span::before { left: 4px; top: 50%; transform: translateY(-50%) }

.radioGroup li .yeslabel input[type=radio]:checked ~ span::after, .radioGroup li .nolabel input[type=radio]:checked ~ span::after { border: 2px solid #330595 }

.radioGroup li .nolabel { background: #d9e7fe }

.radioGroup li .tripmate_icon { float: right; width: 75px }

.radioGroup.radio-50 { margin-right: -20px }

@media(max-width:767px) {
 .radioGroup.radio-50 { margin-right: 0 }
}

.radioGroup.radio-50 li { width: calc(50% - 20px); margin-right: 20px; float: left }

@media(max-width:767px) {
 .radioGroup.radio-50 li { width: 100%; margin-right: 0 }
}
/*hover*/
.radioGroup li { list-style: none; margin: 0 30px 7px 0; position: relative; width: calc(50% - 30px); float: left; box-shadow: 0px 3px 5px #BBC7D263; border-radius: 3px; }
/*.insurance_tooltip { position: relative; }*/
.insurance_tooltip .tooltipBox { display: block; width: 280px; border-radius: 5px; padding: 9px 10px; font-size: 13px; opacity: 0; pointer-events: none; position: absolute; left: 50%; transition: all 0.25s ease-out; transform: translateX(-50%); }
.insurance_tooltip:hover .tooltipBox { display: block; opacity: 1; }
.tppBox .insurance_list li { position: relative; }

@media (max-width: 767px) {
 .tppBox .insurance_list li { position: relative; }
 .tppBox .insurance_list li, .radioGroup li { width: 100%; }
 .insurance_tooltip .tooltipBox { width: 220px; }
}
/*new usp*/
.bg-light-pink { background: #e8def5; font-size: 16px; color: #432a65; font-weight: 600; }
 .bg-light-pink img { width: 127px; margin: 0 10px; }
/*check in auto*/
.ancellary_Box { width: 100%; position: relative; clear: both }
 .ancellary_Box .price { font-size: 22px; color: #fb3d4e; font-weight: 700; position: absolute; right: 0; top: 0; text-align: right }

@media(max-width:767px) {
 .ancellary_Box .price { font-size: 18px }
}

.ancellary_Box .price .perperson { font-size: 12px; color: #5b5b5b; font-weight: 400; display: block; line-height: 14px }

@media(max-width:767px) {
 .ancellary_Box .price .perperson { font-size: 10px; display: inline-block; width: 60px }
}

.ancellary_Box .price.price_bottom { position: static; text-align: left; padding-bottom: 20px }

@media(max-width:767px) {
 .ancellary_Box .sub_title { font-size: 11px }
}

.ancellary_Box .check-list { clear: both }
 .ancellary_Box .check-list ul { list-style: none; margin: 0; padding: 10px 0; overflow: hidden }

@media(max-width:479px) {
 .ancellary_Box .check-list ul { padding: 0 0 10px }
}

.ancellary_Box .check-list ul li { width: 50%; float: left; padding: 0 20px 4px; line-height: 24px; position: relative }
 .ancellary_Box .check-list ul li:before { font-family: bootstrap-icons !important; content: ""; font-size: 21px; position: absolute; left: 0; top: 1px; color: #ff7700; font-weight: 600 }

@media(max-width:479px) {
 .ancellary_Box .check-list ul li:before { font-size: 18px }
}

@media(max-width:479px) {
 .ancellary_Box .check-list ul li { width: 100%; font-size: 12px; line-height: 15px; vertical-align: top; padding: 0 5px 8px 20px; display: inline-block }
}

@media(max-width:374px) {
 .ancellary_Box .check-list ul li { width: 100%; display: block; font-size: 11px; line-height: 14px }
}

.ancellary_Box .check-list ul.w-100 li { width: 100%; margin-bottom: 5px }

@media(max-width:479px) {
 .ancellary_Box .check-list ul.w-100 li { margin-bottom: 0; line-height: 1.3em; font-size: 11px }
}

.ancellary_Box .check-list ul .call-txt { display: inline-block; color: #4f8ffc }
.ancellary_Box .check-list .head { font-size: 14px; font-weight: 600 }

@media(max-width:767px) {
 .ancellary_Box .check-list .head { margin-bottom: 10px }
}

.ancellary_Box .border-ri { border-right: 1px solid #ced0d4 }

@media(max-width:767px) {
 .ancellary_Box .border-ri .border-ri { border-right: 0 }
}

.ancellary_Box .note_text b { color: #222; font-weight: 700 }
.ancellary_Box .web-checkin_icon { margin-right: 10px; float: left }

@media(max-width:479px) {
 .ancellary_Box .learn-more-content p { font-size: 11px }
}

.ancellary_Box .upselling_check { margin: 0 0 15px }

@media(max-width:767px) {
 .ancellary_Box .upselling_check { font-size: 11px }
}

.ancellary_Box .add-button { display: flex; align-items: center; margin-bottom: 25px }

@media(max-width:479px) {
 .ancellary_Box .add-button { margin-bottom: 10px }
}

.ancellary_Box .add-button button { font-size: 14px; padding: 8px 10px; background: #432a65; color: #ffff; cursor: pointer; border-radius: 3px; border: 1px solid #432a65; margin-right: 10px; width: 160px; display: flex; align-items: center; justify-content: center }

@media(max-width:479px) {
 .ancellary_Box .add-button button { margin-bottom: 10px; font-size: 12px; width: 130px }
}

.ancellary_Box .add-button button.active { background: #432a65; color: #fff; cursor: pointer }
.ancellary_Box .add-button button .bi-check { font-size: 21px; line-height: 11px; font-weight: 700; height: 16px; display: inline-block; position: relative; margin-top: -5px }
.ancellary_Box .add-button .remove-wci { z-index: 1; border: 0; cursor: pointer; background: #ff7700; color: #fff; font-weight: 700; display: none; padding: 10px 10px; border-radius: 3px; border: 1px solid #ff7700; }

@media(max-width:479px) {
 .ancellary_Box .add-button .remove-wci { padding-top: 0 }
}

@media(max-width:374px) {
 .ancellary_Box .add-button .remove-wci { width: 100px; font-size: 12px }
}

.ancellary_Box .add-button .remove-wci .trash-icon { vertical-align: middle; margin-top: -3px; color: blue }
.ancellary_Box .add-button .webcheckin_price { position: static; text-align: left; padding-right: 50px }

@media(max-width:767px) {
 .ancellary_Box .add-button .webcheckin_price { padding-right: 10px; padding-bottom: 5px }
}

.ancellary_Box [class*=" bi-"]::before { margin-top: 0; }
.ancellary_Box .check-list2 ul li { width: 100%; }
.check-list2 .head { font-size: 14px; font-weight: 600; }
.border-ri { border-right: 1px solid #CED0D4; }
.note_text b { color: #222; font-weight: bold; }

@media(max-width: 767px) {
 .border-ri { border-right: 0; }
 .check-list2 .head { margin-bottom: 10px; }
}

.note_text { border-top: 1px solid #432a65; color: #5b5b5b; padding: 6px 0; font-size: 12px; }
 .note_text strong { color: #ff7700; }
.ancellary_Box .note_text b { color: #222; font-weight: 700; }
.note_text a { color: #ff7700; }
/*destnew*/
.gsePPu { flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }
.kCKrSu { border-radius: 4px; padding: 13px 15px 2px 15px; margin: 10px 11px; border: 1px solid rgb(255, 255, 255); box-shadow: rgba(57, 51, 51, 0.2) 0 1px 4px; transition: box-shadow 0.3s ease 0s; text-decoration: none; display: block; color: inherit; }
.lengthen { height: 100%; padding: 0 15px; align-items: center; justify-content: space-between; display: flex; }
.f-size-15 { font-size: 15px; }
.kCKrSu .text-right { align-items: flex-start; line-height: 0.7; font-weight: bold; font-size: 20px; }
.button-image { margin-top: 10px; text-align: center; }
 .button-image .button { background-color: #dc3545; border-radius: 4px; display: inline-block; min-width: 143px; line-height: 30px; }

@media (min-width: 768px) {
 .gsePPu { gap: 0px 10px; }
 .jcwWwN { width: calc(50% - 5px) !important; position: relative; cursor: pointer; }
}

@media (min-width: 1025px) {
 .jcwWwN { width: calc(33.3333% - 10px) !important; }
}

@media (max-width: 767px) {
 .jcwWwN { width: calc(100% - 5px) !important; position: relative; cursor: pointer; }
 .dest_ppc { }
}

@media (max-width: 479px) {
 .dest_ppc .contentBox .list.bullet.sitemap-links li { width: 50%; }
}
/*travelbog popup*/
#Travel_blog .modal-body p { font-size: 25px; margin-bottom:0; }
#Travel_blog .callBannerBox { max-width: 480px; background: #020041; border-radius: 15px; }
#Travel_blog .modal-header { padding: 10px; display: flex; text-align: center; color: #ffff; border: 0px; background-color: #fb5f15; border-top-left-radius: 5px; border-top-right-radius: 5px; }
 #Travel_blog .modal-header .hd { text-transform: none; font-weight: 500; font-size: 1.25rem; margin-bottom: 4px; width: 100%; margin-bottom: 2px !important; margin-top: 2px; }
#Travel_blog .modal-body { text-align: center; padding: 25px 20px 10px 20px; color: white; }
#Travel_blog .hd2 { margin-top: 5px; color: #898d91; }
#Travel_blog .offer { display: flex; justify-content: center; align-items: center; font-size: 4rem !important; line-height: 1.2; color: white; gap: 5px; margin-bottom: 0px; }
#Travel_blog .percent { display: flex; flex-direction: column; font-size: 1.5rem; vertical-align: super; }
 #Travel_blog .percent b { font-weight: 400; }
#Travel_blog .subtext { font-size: 16px; color: #d9d9d9;margin:20px 0; }
#Travel_blog .call-btn { display: inline-flex; background-color: #fb5f15; color: white; border: none; padding: 0 !important; padding-left: 10px !important; text-decoration: none; font-size: 22px; margin:20px 0 5px; }
#Travel_blog .tfn { display: inline-block; height: 100%; background-color: white; color: #242d36; padding-left: 10px; padding-right: 10px; margin-left: 9px; font-weight: 600; }
#Travel_blog p.footer-text { font-size: 16px; color: #aeb2b4; margin: 5px 0; text-align: center; }
#Travel_blog .close__popup { width: 38px; text-align: center; background: #fff; display: inline-block; height: 27px; position: absolute; right: 0px; z-index: 9; font-size: 24px; color: #ffff; }