@import url("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");
/*0054a6*/
/*Home city airlines*/
a { cursor: pointer; }
.transparent_header { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
 .transparent_header #headerCntr { background: none; }
  .transparent_header #headerCntr .logo a { background: url(../../images/site-logo.svg) left top no-repeat; }
  .transparent_header #headerCntr .call-tfn { cursor: pointer; padding-left: 59px; background-color: #1668e3; }
   .transparent_header #headerCntr .call-tfn:before { left: 15px; background: url(../../images/call.svg) left top no-repeat; background-size: 100%; }
   .transparent_header #headerCntr .call-tfn span { color: #fff; }
  .transparent_header #headerCntr .menuBox ul li a { color: #333; }

/*Results payment page */
.flow-menu .menuBox { display: none; }
.flow-menu #headerCntr .call-tfn_mobile { margin-right: 0px; }
.flow-menu .mobileMenu { display: none; }

@media (max-width: 1023px) {
 .transparent_header #headerCntr .call-tfn { display: none; }
    .contact__formBox .contact-img img{
        width:100%;
    }
    .contact__formBox .contct-form-cont {
        margin-top: 4px;
    }
    .contact .phone {
        font-size: 24px !important;
    }

    .contact .email {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
 .flow-menu .mobileMenu { display: none; }
 .payment-page .flow-menu { padding-left: 45px; }
 .transparent_header #headerCntr .logo a { background-size: 100%; }
 .transparent_header { padding: 4px 0 0 0; position: static; }
}

/*Main header start here*/
#headerCntr { z-index: 1; padding: 10px 0 0 0; background: #fff; }
 #headerCntr .logo { float: left; margin-top: 0px; position: relative; overflow: hidden; padding-right: 46px; }
    #headerCntr .logo a {
        width: 200px;
        height: 60px;
        cursor: pointer;
        display: block;
        text-decoration: none;
        text-indent: -99999px;
        background: url(../../images/site-logo1-removebg-preview.png) left top no-repeat;
        background-size: 100%;
    }
    #headerCntr .call-tfn {
        cursor: pointer;
        float: right;
        margin: -5px 0px 0 0;
        border-radius: 35px;
        font-size: 20px;
        padding: 13px 20px 8px 20px;
        position: relative;
        color: #333;
        /*        background-color: #1668e3;*/
        font-weight: 600;
        text-decoration: none;
        width: auto;
        /*box-shadow: inset 0 0px 10px #1668e342;*/
        /*        transition: 0.3s ease-in-out;*/
        /*background: conic-gradient(#191e3b 0 0) var(--p,0)/var(--p,0) no-repeat;
        transition: .4s,background-position 0s;*/
    }
/*        #headerCntr .call-tfn:hover {
            --p: 100%;
            color: #fff;
        }*/
        #headerCntr .call-tfn:before {
            content: "";
            width: 40px;
            height: 40px;
            display: block;
            position: absolute;
            left: 18px;
            top: 13px;
            background: url(../../images/call-center.svg) left top no-repeat;
            background-size: 100%;
            display:none;
        }
  #headerCntr .call-tfn span { font-size: 11px; display: block; }
 #headerCntr .call-tfn_mobile { cursor: pointer; padding: 8px 15px; display: none; position: relative; font-weight: 700; float: right; font-size: 14px; color: #fff; text-decoration: none; background: #fddb32; border-radius: 36px; float: left; margin-left: 14px; /* &:before {content: '';position: absolute;left: 10px;top: 5px;width: 25px;height: 25px;background:url(../../images/call.svg) left top no-repeat;background-size: 100%;
}*/ }
 #headerCntr .menuBox { float: right; padding-right: 8px; }
  #headerCntr .menuBox ul { list-style: none; position: relative; padding: 0px; z-index: 1; }
   #headerCntr .menuBox ul li { float: left; margin-left: 37px; }
    #headerCntr .menuBox ul li a {
        padding: 17px 0px 3px 0;
        font-size: 16px;
        display: block;
        color: #202020;
        text-decoration: none;
        text-transform: capitalize;
        border-bottom: 2px solid transparent;
    }
        #headerCntr .menuBox ul li a:hover,
        #headerCntr .menuBox ul li a.active {
            color: #1668E3;
            border-bottom-color: #1668E3;
        }
   #headerCntr .menuBox ul.submenu { display: none; top: 48px; left: 0px; position: absolute; background: white; width: 230px; padding: 10px; }
    #headerCntr .menuBox ul.submenu li { margin: 0px; }
     #headerCntr .menuBox ul.submenu li a { padding: 6px 0px; }
  #headerCntr .menuBox .change-language { display: none; }
   #headerCntr .menuBox .change-language:hover .submenu { display: block; }

/*Header End*/
.mobileMenu { display: none; cursor: pointer; position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url(../../images//icons/menu.svg) left top no-repeat; background-size: 100%; }

/*Mobile Menu Start*/
.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 #fc5a4c; text-align: center; line-height: 30px; color: #fddb32; }
.mobile_menu { display: none; }
.desktopMenu { display: block; }
.mobile_head { background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); color: #fff; overflow: hidden; padding: 10px; position: relative; }

 .mobile_head .close { position: absolute; right: 15px; top: 9px; font-size: 22px; color: #fff; }

#headerCntr ul { list-style: none; }
.toll-free-mobile { font-size: 13px; background: #1668e3; padding: 5px 10px; color: #fff; display: none; align-items: center; justify-content: space-between; }
 .toll-free-mobile .toll-free-mobileNumber { color: #fff; font-weight: 700; text-decoration: none; }
  .toll-free-mobile .toll-free-mobileNumber img { margin-right: 10px; width: 25px; }
.yZLG-plane { pointer-events: none; transform: translate3d(0, -3px, 0); position: absolute; display: inline-block; width: 225px; top: 11px; text-align: right; height: auto; margin-top: 2px; left: 0; animation-name: plane; animation-duration: 3s; }

.yZLG-logo { display: inline-block; vertical-align: middle; text-align: right; }
.yZLG-plane img { width: 25px; }
.yZLG-chemtrail { background: linear-gradient(90deg, hsla(0deg, 0%, 100%, 0) 10%, #f96737); position: absolute; height: 10%; left: 0; top: 10px; opacity: 0; border-radius: 10px; animation-name: chemtrail; animation-duration: 3s; width: 140px; }

@keyframes plane {
 0% { transform: translate3d(-100%, -3px, 0); opacity: 0; }
 20% { opacity: 1; }
 to { transform: translate3d(0, -3px, 0); }
}

@keyframes chemtrail {
 0%, 50% { opacity: 1; }
}

.mobile_show_only { display: none; }

/*loading page value*/

.loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full-screen loader */
    background-color: #f0f8ff; /* Optional background */
}

.plane-icon {
    font-size: 50px;
    color: #007bff;
    animation: rotatePlane 2s linear infinite;
}

@keyframes rotatePlane {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




/*Media header*/
@media (max-width: 1199px) {
 #headerCntr .call-tfn:before { width: 36px; height: 36px; }
 #headerCntr .call-tfn { font-size: 18px; }
 #headerCntr .menuBox { padding-top: 10px; padding-right: 0; }
  #headerCntr .menuBox ul li { margin-left: 17px; }
   #headerCntr .menuBox ul li a { padding: 6px 0px; }
}

@media (max-width: 1023px) {
 #headerCntr .call-tfn { display: none; }
 #headerCntr .menuBox ul li a { font-size: 14px; }
 .toll-free-mobile { display: flex; }
}

@media (max-width: 767px) {
 #headerCntr { padding: 10px 0; }
  #headerCntr .logo { margin-top: 0px; padding-right: 26px; }
   #headerCntr .logo a { height: 65px; width: 180px; }
  #headerCntr .call-tfn_mobile { margin-right: 33px; display: block; }
  #headerCntr .menuBox { display: none; }
 .mobileMenu { top: 17px; right: 11px; height: 22px; width: 22px; display: block; }
 .mobile_menu { display: block; }
 .desktopMenu { display: none; }
 .toll-free-mobile { font-size: 12px; }
 .yZLG-plane { width: 200px; top: 8px; }
  .yZLG-plane img { width: 20px; }
    .mobile_travelerBox {
        width: 200px !important;
    }
        .mobile_travelerBox .add-traveler {
            padding: 13px 3px !important;
        }
        }

@media (max-width: 479px) {
 #headerCntr .logo a { height: 42px; width: 140px;}
 .yZLG-plane { width: 160px; top: 8px; }
}
/*End media*/

/*Banner Box Home page*/
/*#bannerCntr {
    position: relative;
    width: 100%;
    min-height: 350px;
    background: url(/../Images/home/background.jpg) center center no-repeat;
    background-size: cover;
}*/
#bannerCntr {
    position: relative;
    width: 100%;
    min-height: 450px;
    background: url('/Images/home/background.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed; /* Makes the background stay fixed while scrolling */
    overflow: hidden;
}

    /* Overlay effect */
    #bannerCntr::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.4); /* Semi-transparent black overlay */
        z-index: 1;
    }

    /* Make sure any content inside the banner appears above the overlay */
    #bannerCntr > * {
        position: relative;
        z-index: 2;
    }

    #bannerCntr .serach-sec {
        position: absolute;
        top: 46px;
        width: 100%;
        left: 0px;
    }
 #bannerCntr .z-index-relative { z-index: 1; position: relative; }
 #bannerCntr .tagline { font-size: 33px; font-weight: 600; line-height: 40px; padding: 40px 0 10px 0; max-width: 1050px; margin: 0px auto; }

/*Banner Box Airline and Destination*/
#genericBannerCntr { position: relative; width: 100%; height: 450px; }
/* #genericBannerCntr:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; background: rgba(0, 0, 0, 0.1); height: 100%; }*/
 #genericBannerCntr .tagline { font-size: 45px; font-weight: 700; line-height: 53px; padding: 120px 0 30px 0; }

/*banner MEdia*/
@media (max-width: 1199px) {
 #bannerCntr .tagline { padding: 20px 0 10px 0; font-size: 24px; }
    #bannerCntr {
        height: auto;
    }
    #bannerCntr .serach-sec {
        width: calc(100% - 22px);
        left: 10px;
        top: 60px;
    }
}

@media (max-width: 1023px) {
    #bannerCntr {
        height:  400px;
        padding-bottom: 30px;
    }
        #bannerCntr .serach-sec {
            top: 0;
        }
            .mobile_show_only { display: block; }
  .mobile_show_only img { width: 100%; }
 #genericBannerCntr { height: auto; padding-bottom: 30px; }
  #genericBannerCntr .tagline { padding: 90px 0 20px 0; }
}

@media (max-width: 767px) {
    #bannerCntr {
        height: 400px;
    }

        #bannerCntr .tagline {
            display: none !important;
        }

    #genericBannerCntr .tagline {
        display: none;
    }

    #bannerCntr {
        background: url(/../Images/home/background.jpg) center center no-repeat !important;
    }
}
/*banner MEdia*/





/*Mobile banner*/
.small_banner { position: relative; display: none; }
 .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; }
 .arc_logo_banner img { max-width: 185px; }
.tp-widget-businessinfo__trustscore,
.tp-widget-businessinfo__total { text-transform: none; display: inline-block; }
.display_logo_banner { position: absolute; right: 20px; bottom: 20px; }
.tp_logo-banner { white-space: nowrap; background: #fff; width: 148px; float: left; padding: 5px; text-align: center; height: 80px; }

@media (max-width: 767px) {
 .arc_logo_banner .arc_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px; text-align: center; }
 .small_banner { display: block; background-color: #fc5a4c; height: 43px; }
 .align-items-center .col:nth-of-type(n + 2) { display: none; }
 .display_logo_banner { position: static; right: 10px; bottom: 0px; background: none; padding: 0px 10px; margin-top: 34px; }
}

/*Search Box*/
.searchBox { position: relative; z-index: 1; }
 .searchBox .tabBox { list-style: none; padding: 0px; }
  .searchBox .tabBox li { float: left; padding: 5px 17px; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 16px; color: #333; cursor: pointer; }
   .searchBox .tabBox li img { margin-right: 5px; }
    .searchBox .searchBlock {
        border: 1px solid #013273;
        background: #ffffffe3;
        border-radius: 11px;
        padding: 20px 25px;
        position: relative;
        max-width: 1050px;
        margin: 0px auto;
    }
 .searchBox .search_topbar { display: flex;  padding-bottom: 3px; }
  .searchBox .search_topbar .inputSet label input[type="radio"]:checked ~ span::before { background: #202020; }
  .searchBox .search_topbar .inputSet label input[type="radio"]:checked ~ span { color: #333; }
  .searchBox .search_topbar .inputSet label { color: #333; }
   .searchBox .search_topbar .inputSet label input[type="radio"] ~ span::after { border-color: #202020; }
   .searchBox.search_topbar .inputSet label input[type="radio"]:checked ~ span::after { border-color: #202020; }
  .searchBox .search_topbar .class_action { position: relative; }
  .searchBox .search_topbar .click_div { cursor: pointer; white-space: nowrap; }
  .searchBox .search_topbar .arrow-icon { color: #fddb32; }
  .searchBox .search_topbar .traveler_action_button { padding: 10px; display: flex; align-items: center; justify-content: space-between; }
    .searchBox .search_topbar .done_Btn {
        background: #013273;
/*        background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
        display: inline-block;
        font-size: 14px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
        padding: 4px 10px;
        text-decoration: none;
    }
 .searchBox .flightSearch { display: flex; background: #fff; /*Calumn 2*/ /*Calumn 3*/ }
  .searchBox .flightSearch .column_1 { float: left; width: 50%; }
  .searchBox .flightSearch .column_2 { float: left; width: 35%; }
  .searchBox .flightSearch .column_3 { float: left; width: 15%; }
  .searchBox .flightSearch .label { float: left; width: calc(50% - 7px); margin-right: 7px; position: relative; }
   .searchBox .flightSearch .label.inputDepart,
   .searchBox .flightSearch .label.inputReturn { border: none; }
   .searchBox .flightSearch .label.roundtrip { display: none; }
   .searchBox .flightSearch .label.error { border: 1px solid #ca2e2b;border-radius:20px; }
    .searchBox .flightSearch .label.error .icons { color: #ca2e2b; }
   .searchBox .flightSearch .label.oneway { width: 97%; }
   .searchBox .flightSearch .label .label_name { font-size: 17px; color: #303030; transition: all 0.2s ease; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 23px; left: 40px; pointer-events: none; font-weight: 300; display: none; }


   .searchBox .flightSearch .label .inputField { padding-left: 38px; padding-top: 13px; padding-bottom: 13px; font-size: 15px; font-weight: 400; color: #292929; border:1px solid #818494;border-radius:15px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }


.bi-chevron-down::before {
    content: "\f282";
    color: #202020;
}

   .searchBox .flightSearch .label.traveller { width: calc(100% - 135px); }
   .searchBox .flightSearch .label .icons { position: absolute; left: 13px; top: 15px; line-height: 18px; display: block; pointer-events: none; font-size: 20px; }
    .searchBox .flightSearch .label .icons.person-icon { font-size: 25px; }
   .searchBox .flightSearch .label input[type="text"]:focus ~ .icons { color: #525254; }
  .searchBox .flightSearch .cursor { cursor: pointer; }
    .searchBox .flightSearch .searchButton {
        background: #595C64;
        width: 100%;
        display: inline-block;
        border: none;
        font-size: 16px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 20px;
        padding: 15px 0 14px 0;
        outline: none;
        transition:0.4s ease-in-out;
    }

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

/*Serch media*/
@media (max-width: 1199px) {
 .searchBox .flightSearch .label .label_name { font-size: 16px; }
 .searchBox .flightSearch .label .inputField { font-size: 14px; padding-left: 30px; }
 .searchBox .flightSearch .label .icons { left: 5px; }
}

@media (max-width: 1023px) {
 .searchBox .searchBlock { padding: 10px; overflow: hidden; }
 .searchBox .flightSearch { display: block; }
  .searchBox .flightSearch .column_1 { width: 100%; }
  .searchBox .flightSearch .column_2 { width: 100%; margin: 23px 0; }
  .searchBox .flightSearch .column_3 { width: 100%; }
}

@media (max-width: 767px) {
    .searchBox {
        margin-top: 8px;
    }
  .searchBox .tabBox { overflow: hidden; margin: 0px; }
   .searchBox .tabBox li { font-size: 14px; padding: 7px 15px; }
    .searchBox .tabBox li img { height: 22px; }
        .searchBox .searchBlock {
            padding: 17px 22px 20px;
            overflow: hidden;
            border-radius: 8px;
            top: -7px !important;
        }
  .searchBox .search_topbar .tripType li { padding-bottom: 2px; white-space: nowrap; }
    .tripType li {
        padding-right: 5px;
    }
    .searchBox .flightSearch .searchButton {
        background: #013273;
    }
        .searchBox .search_topbar .class_action { width: 115px; }
  .searchBox .flightSearch .column_1 .label { width: 100%; }
  .searchBox .flightSearch .column_2 { border: none; }
  .searchBox .flightSearch .label { width: calc(50% - 4px); }
   .searchBox .flightSearch .label.inputReturn { margin-right: 0px; }
  .searchBox .flightSearch .label { padding-bottom: 0px; }
   .searchBox .flightSearch .label .inputField { border-radius: 3px; border-radius: 6px; padding-top: 12px; padding-bottom: 12px; }
   .searchBox .flightSearch .label.first { margin-bottom: 23px; }
   .searchBox .flightSearch .label.traveller { width: 100%; }
   .searchBox .flightSearch .label .icons { top: 17px; }
 .mobile_dsearchButton { display: block; }
}
/*Serch media end*/

/*travllerBox*/
.travllerBox { border-top: 1px solid #f4f4f4; width: 650px; background: #fff; padding: 20px; box-shadow: 0 4px 11px rgba(151, 151, 151, 0.1607843137); position: absolute; right: 0px; top: -18px; z-index: 2; }

 .travllerBox .head { padding: 10px 0 20px 0; font-size: 20px; width: 100%; font-weight: 600; }
 .travllerBox .guestBox { padding-right: 30px; border-right: 1px solid #ccc; }
  .travllerBox .guestBox .add-traveler { font-size: 16px; color: #5e5e5e; padding: 0px 0 10px 0; text-align: left; clear: both; font-weight: 500; }
   .travllerBox .guestBox .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; }
    .travllerBox .guestBox .add-traveler a i { line-height: 23px; }
    .travllerBox .guestBox .add-traveler a:hover { color: #fddb32; border-color: #fddb32; }
    .travllerBox .guestBox .add-traveler a.disable { color: #c0cad5; border-color: #c0cad5; cursor: default; }
   .travllerBox .guestBox .add-traveler .travelers__options { 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%; text-align: center; font-weight: 700; }
 .travllerBox .unaccompined_block { width: 330px; }
 .travllerBox .unaccompined { padding-top: 10px; margin-top: 10px; position: relative; }
  .travllerBox .unaccompined a { color: #333; text-decoration: none; }
   .travllerBox .unaccompined a i { position: relative; margin-right: 5px; top: -2px; }
  .travllerBox .unaccompined:hover a { color: #fddb32; }
  .travllerBox .unaccompined:hover .tooltipBox, .travllerBox .unaccompined:hover .tooltipBox { opacity: 1; }
  .travllerBox .unaccompined .tooltipBox { width: 330px; left: 138px; padding: 10px 15px; }
   .travllerBox .unaccompined .tooltipBox:after { left: 11%; }
  .travllerBox .unaccompined .closeunaccompanied { position: absolute; right: 6px; font-size: 18px; top: 5px; }
 .travllerBox .classType { list-style: none; padding: 0px; }
  .travllerBox .classType li { padding-bottom: 10px; }
 .travllerBox .done_Btn { float: right; margin: 10px 20px 0 0; background: #fddb32; 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 button start here*/
.switch { position: absolute; display: inline-block; padding-left: 42px; margin: 0px; right: 15px; top: 15px; cursor: pointer; }

@media (max-width: 767px) {
 .switch { display: none; }
 .travllerBox { top: -65px; }
  .travllerBox .guestBox { width: 100%; border-right: none; border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 10px; }
  .travllerBox .unaccompined { float: left; }
   .travllerBox .unaccompined .tooltipBox { left: 159px; }
}

.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: 0.4s; transition: 0.4s; color: #303030; }
 .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 2px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; }

input:checked + .slider { background-color: #fddb32; }
input:focus + .slider { box-shadow: 0 0 1px #fddb32; }
input:checked + .slider:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); }

/* Rounded sliders */
.slider.round { border-radius: 20px; width: 36px; height: 20px; }
 .slider.round:before { border-radius: 50%; }
/*Switch button end here*/
/*Recent Searches Box Start here*/
.recent__SearchBox { background: rgba(0, 0, 0, 0.2); padding: 8px 12px 12px; border-radius: 5px; margin: 10px 0; }
 .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: #484848; 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: #fddb32; position: absolute; right: -6px; top: -8px; font-size: 22px; padding: 5px; }

/*Recent Searches Box End here*/
.input_clear { background: url(../../images/clear_field.png) no-repeat right -18px center; padding-right: 22px; }
 .input_clear.x { background-position: right 13px; }
 .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; }
.done_button { width: 100%; background: #fddb32; 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*/
.mobile_overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 0; background: rgba(0, 0, 0, 0.2); z-index: 2; }
.top_row { display: flex; align-items: center; justify-content: center; padding: 10px; border-bottom: 1px solid #ccc; margin: 0px -12px; white-space: nowrap; }
 .top_row:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }
 .top_row:after { border-left: solid transparent 12px; border-right: solid transparent 12px; border-bottom: solid #fff 12px; top: -12px; content: " "; height: 0; left: 50%; position: absolute; width: 0; transform: translateX(-50%); }

 .top_row .arrow-icon { position: relative; top: 0px; margin-left: 7px; }
.traveler_action { margin: 0 30px; width: 110px; position: relative; white-space: nowrap; text-align: right;color:#202020; }

@media (max-width: 767px) {
 .traveler_action { padding: 0 5px; margin-left: 0px; margin: 0px; width: auto; }
 .top_row:after { display: none; }
 .top_row { border-bottom: none; }
}

.modifySearchBox .mobile_travelerBox { right: inherit; left: 0; }
.Mobiletrip_type { width: 190px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; box-shadow: 0 3px 12px #a4a4a5; left: 0px; top: 33px; }
 .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: 10px 0 10px 10px; border-bottom: 1px solid #f2f2f2; color: #333; position: relative; cursor: pointer; font-weight: 500; align-items: center; display: flex; }
   .Mobiletrip_type ul li .icons { position: static; }
   .Mobiletrip_type ul li:last-child { border-bottom: none; }
 .Mobiletrip_type img { margin-right: 6px; }
 .Mobiletrip_type ul li i { position: absolute; left: 14px; top: 11px; visibility: hidden; }
    .Mobiletrip_type ul li:hover, .Mobiletrip_type ul li.active {
        color: #013273;
        background: #FFF4EE;
    }
  .Mobiletrip_type ul li.active i { visibility: visible; }
/**/
.mobile_travelerBox { width: 260px; border-radius: 5px; background: #fff; z-index: 3; position: absolute; right: 0px; top: 33px; box-shadow: 0 3px 12px #a4a4a5; }
 .mobile_travelerBox .add-traveler { font-size: 15px; color: #5e5e5e; padding: 13px 20px; clear: both; font-weight: 600; text-align: left; 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: #fddb32; border-color: #fddb32; }
   .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; margin-left: 10px; }
  .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; }
/**/
.traveler_main { position: relative; }

/*New end*/
/*Error */
.error .errortext { display: block; }
.errortext { display: none; position: absolute; left: 0px; bottom: -26px; color: #ffacac; font-size: 11px; font-weight: 400; line-height: 1rem; }

@media (max-width: 1199px) {
 .errortext { font-size: 10px; }
}

@media (max-width: 1023px) {
 .errortext { bottom: -20px; }
}

.errorsameSearch { color: #ca2e2b; font-size: 11px; }
.modifySearchBox .errortext { position: static; margin-top: 5px; }

@media (max-width: 767px) {
 .modifySearchBox { padding: 0px; }
  .modifySearchBox .search_topbar .tripType { margin-bottom: 30px; width: 100%; }
}
/*Radio*/
.tripType { list-style: none; padding: 0px; margin-bottom: 10px; }
 .tripType li { display: inline-block; padding-right: 15px; font-size: 14px; }

/*checkbox style*/
.inputSet label { cursor: pointer; font-weight: 400; line-height: 22px; padding-left: 26px; position: relative; color: #202020; }
 .inputSet label input { opacity: 0; position: absolute; }
  .inputSet label input[type="checkbox"] ~ span::after { border: 1px solid #5e5e5e; content: ""; height: 18px;
                                                         left: 0; position: absolute; top: 1px; width: 18px; background: #fff; }
  .inputSet label input[type="checkbox"]:checked ~ span::after { border: 1px solid #202020; }
  .inputSet label input[type="checkbox"]:checked ~ span { color: #fc5a4c; }
   .inputSet label input[type="checkbox"]:checked ~ span::before { z-index: 1; font-family: "FontAwesome"; 
                                                                   content: "\f00c"; display: block; 
                                                                   color: #202020; 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: #202020; }
 .inputSet.theme2 label input[type="checkbox"]:checked ~ span::after { border: 1px solid #fddb32; }

/*Radio*/
.inputSet label input[type="radio"] ~ span::after { border-radius: 100%; border: 2px solid #5e5e5e; content: ""; height: 20px; width: 20px; left: 0; position: absolute; top: 0; }
.inputSet label input[type="radio"]:checked ~ span { color: #202020 !important; transition: all 0.5s; }
 .inputSet label input[type="radio"]:checked ~ span::after { border: 2px solid #fddb32; }
 .inputSet label input[type="radio"]:checked ~ span::before { border-radius: 100%; background: #202020; content: ""; display: block; height: 8px; width: 8px; left: 6px; position: absolute; top: 6px; }

.page__title { font-size: 26px; color: #303030; margin-bottom: 16px; position: relative; font-weight: 600; }
 .page__title span { font-size: 15px; font-weight: 500; display: block; }

.service_slider { margin-right: -15px; display: flex; overflow-x: auto; }
.serviceBox { width: 100%; padding: 12px 0; border-bottom: 1px solid #ededed; }
.serviceBox h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}
.change {
    position: relative;
    width: 100%;
    min-height: 350px;
    background: url(/../Images/promotion_banner/change.png) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
 .serviceBox p { font-size: 12px; margin-bottom: 0px ;   text-align: justify; }
 .serviceBox .icon { width:50%; }
 .serviceBox .detail {color: #fff; padding: 14px; float: left;width:50%; }
 .serviceBox .detail svg { width:16px; }
.serviceBox .block {
    background: #013273;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
.terms-and-conditions {
    background: #1668E3;
    display: flex;
    border-radius: 20px;
    overflow: hidden;
}
    .terms-and-conditions .service-img {
        background: url(/images/promotion_banner/cancellation.jpg) center center no-repeat;
        background-size:cover;
    }

@media (max-width: 1023px) {
    .serviceBox .detail { width: calc(100% - 35px); }
}
.terms-and-conditions {
    display:none;
}

    @media (max-width: 767px) {
        .serviceBox p {
            font-size: 11px;
            color: #fff;
        }
        .old-service {
            display: none;
        }
        .terms-and-conditions {
            display: block;
        }
        .service-content{
            padding:21px;

        }
            .service-content h2 {
                font-size: 20px;
                text-align: center;
                color: #fff;
            }
        .serviceBox .detail {
            width: 100%;
        }


    }

    .serviceBox .service_block {  width: 33.3%; float: left; padding:13px; position: relative; }
@media (max-width: 1023px) {
 .serviceBox { padding-top: 0px; }
  .serviceBox .service_block { width: auto; }
   .serviceBox .service_block .block { width: 300px; }
}

@media (max-width: 767px) {
 .serviceBox .service_block .block { width: 300px; }
}

/*bestdeal section*/
.bestdealBox { margin-top: 30px; position: relative; width: 100%; }
 .bestdealBox:before { position: absolute; right: 60px; top: -74px; content: ""; width: 600px; height: 600px; background: url(../../images/curve-right-home.svg) left top no-repeat; background-size: cover; }
 .bestdealBox:after { position: absolute; left: 10px; top: 50px; content: ""; width: 205px; height: 205px; background: url(../../images/curve-left-home.svg) left top no-repeat; background-size: cover; }
 .bestdealBox .holder { display: flex; overflow-x: auto; margin-right: -20px; }
  .bestdealBox .holder .mainColumn { width: calc(25% - 20px); margin-right: 20px; z-index: 1; }
 .bestdealBox .block { width: 100%; margin-bottom: 40px; overflow: hidden; background: #fff; cursor: pointer; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0784313725); border-radius: 10px; }
  .bestdealBox .block .imageBlock { width: 100%; border-radius: 8px; overflow: hidden; }
   .bestdealBox .block .imageBlock img { width: 100%; }
  .bestdealBox .block .dealDetail { width: 100%; padding-left: 12px; padding-bottom: 10px; overflow: hidden; }
   .bestdealBox .block .dealDetail .column { float: left; width: 110px; border-right: 1px solid #b7b7b7; }
    .bestdealBox .block .dealDetail .column img { width: 30px; float: left; margin-right: 10px; }
    .bestdealBox .block .dealDetail .column .airline__name { font-size: 11px; line-height: 16px; display: block; }
   .bestdealBox .block .dealDetail .column2 { float: left; width: calc(100% - 110px); padding-left: 10px; }
    .bestdealBox .block .dealDetail .column2 .arrow { margin: 0 5px; }
   .bestdealBox .block .dealDetail .dealrow { display: flex; flex-wrap: wrap; }
   .bestdealBox .block .dealDetail .dealTitle { margin-bottom: 13px; font-size: 18px; color: #343434; font-weight: 700; }
   .bestdealBox .block .dealDetail .city_code { color: #7a7a7a; font-size: 16px; font-weight: 600; line-height: 18px; }
   .bestdealBox .block .dealDetail .date { font-size: 13px; color: #7a7a7a; }

@media (max-width: 1199px) {
 .bestdealBox .holder .mainColumn { width: auto; }
 .bestdealBox:before { width: 300px; height: 300px; right: 10px; top: 0px; }
 .bestdealBox .block { width: 310px; }
}

/*About section*/
.aboutBox { width: 100%; padding: 50px 0; }
 .aboutBox .content { padding: 0 30px 0 0; }
 .aboutBox p { font-size: 14px; font-weight: 300; line-height: 27px; }
 .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: "\f26b"; color: #fddb32; font-family: bootstrap-icons !important; }
 .aboutBox a.read_more { cursor: pointer; margin-top: 5px; padding: 10px 15px; display: inline-block; font-size: 16px; color: #fc5a4c; border: 1px solid #fc5a4c; border-radius: 5px; }
  .aboutBox a.read_more .bi-arrow-right { float: right; margin-left: 5px; position: relative; top: -3px; }
  .aboutBox a.read_more:hover { text-decoration: none; }

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

@media (max-width: 1023px) {
 .aboutBox { padding: 20px 0; }
 .bestdealBox:before, .bestdealBox:after { display: none; }
 .aboutBox p { font-size: 15px; }
 .aboutBox a.read_more { margin-top: 10px; }
}

@media (max-width: 767px) {
 .aboutBox { width: auto; }
  .aboutBox p { font-size: 13px; line-height: 22px; }
  .aboutBox img { border-radius: 5px; }
  .aboutBox .page__title strong { display: inline-block; }
}

/*Country list home*/
.countryList, .luxuryListing { padding-top: 30px; padding-bottom: 50px; position: relative; }
.hotelList { padding-top: 30px; padding-bottom: 50px; position: relative; }
 .countryList img, .luxuryListing img { border-radius: 12px; width: 100%; }
 .hotelList img { border-radius: 12px; width: 100%; }
 .countryList h4 { font-size: 20px; font-weight: 700; }
 .countryList p { font-size: 13px; font-weight: 400; }
 .countryList .items { padding: 0 20px; }
 .hotelList .items { padding: 0; }
 .countryList .slick-list { margin: 0px -20px; }
 .countryList .cnslider { position: relative; }
 .luxuryListing .expslider { position: relative; }
 .hotelList .cnslider { position: relative; }
.countryList .slick-prev, .countryList .slick-next, .luxuryListing .slick-prev, .luxuryListing .slick-next {
    top: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    right: 25px;
    text-indent: -999999px;
    background: url(../../images//next-btn.png) left top no-repeat;
    display: none !important;
}
.hotelList .slick-prev, .hotelList .slick-next {
    top: -30px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    right: 25px;
    text-indent: -999999px;
    background: url(../../images//next-btn.png) left top no-repeat;
    display: none !important;
}
 .countryList .slick-prev, .luxuryListing .slick-prev { left: inherit; 
                                                        right: 60px; 
                                                        background: url(../../images//prev-btn.png) left top no-repeat;
                                                        display:none !important;
 }
.hotelList .slick-prev {
    left: inherit;
    right: 60px;
    background: url(../../images//prev-btn.png) left top no-repeat;
    display: none !important;
}
.luxury .item {
    margin: 0 21px;
    width: 31.3%;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    position: relative;
    height: 315px;
    margin-left: 0;
}
.luxuryListing .slick-dots li{ width: auto;  float: none;}
/*hotestdeal*/
.hotestdeal { padding: 40px 0 0 0; width: 100%; overflow: hidden; position: relative; }
 .hotestdeal .curve { position: absolute; right: -85px; top: 0px; max-width: 500px; }
 .hotestdeal .holder { padding: 0px; list-style: none; display: flex; overflow-x: auto; margin-right: -26px; }
  .hotestdeal .holder .column { width: calc(33.3% - 26px); margin-right: 26px; z-index: 1; }
   .hotestdeal .holder .column .block { margin-bottom: 25px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0784313725); border: 1px solid #e5e5e5; border-radius: 14px; overflow: hidden; background: #fff; z-index: 1; }
   .hotestdeal .holder .column img { width: 100%; }
   .hotestdeal .holder .column p { margin: 0px; color: rgba(252, 90, 76, 0.9294117647); }
   .hotestdeal .holder .column h4 { font-size: 20px; color: #292929; font-weight: 700; margin: 0px; }
   .hotestdeal .holder .column small { font-size: 12px; color: #83898f; display: block; }
   .hotestdeal .holder .column .price { background-color: #ffe03c; font-size: 20px; color: #292929; float: right; padding: 5px 10px; border-radius: 5px 0px 0px 5px; font-weight: 600; margin-top: 10px; }
   .hotestdeal .holder .column .dealContent { padding: 0 0 15px 15px; }

@media (max-width: 1199px) {
 .hotestdeal { padding-top: 12px; }
}

@media (max-width: 1023px) {
 .hotestdeal .holder .column { width: auto; }
  .hotestdeal .holder .column .block { width: 300px; }
}


/**/


.offerbanner img { width: 100%; margin: 15px 0; }

/* hide scrollbar but allow scrolling */
@media (max-width: 1023px) {
 .service_slider,
 .holder,
 .sortingTabBox,
 .mobile__filter ul { -ms-overflow-style: none; scrollbar-width: none; overflow-x: scroll; }
}

.service_slider::-webkit-scrollbar,
.holder::-webkit-scrollbar,
.sortingTabBox::-webkit-scrollbar,
.mobile__filter ul::-webkit-scrollbar { display: none; }

/*Destinations*/
.destinationBox { padding: 40px 0; width: 100%; }
 .destinationBox .items { padding: 0 10px; cursor: pointer; }
  .destinationBox .items figure { margin-bottom: 10px; position: relative; overflow: hidden; }
   .destinationBox .items figure img { width: 100%; transition: all 0.5s; border-radius: 5px; }
   .destinationBox .items figure .deal { position: absolute; right: 12px; top: 12px; font-size: 11px; color: #303030; text-align: center; padding: 5px 11px; background: #fcf74b; border-radius: 100%; height: 50px; display: flex; align-items: center; font-weight: 600; width: 50px; line-height: 14px; }
  .destinationBox .items .title { padding-right: 20px; margin: 0px; display: inline-block; font-size: 18px; color: #303030; line-height: 24px; font-weight: 500; }
   .destinationBox .items .title span { display: inline-block; background: url(../../images//icons/long-arrow.svg) right 9px no-repeat; font-size: 13px; color: #fddb32; font-weight: 400; padding-right: 21px; }
  .destinationBox .items:hover .title { color: #fddb32; }
  .destinationBox .items:hover img { transform: scale(1.2); }
 .destinationBox .slick-prev, .destinationBox .slick-next { width: 46px; height: 46px; border-radius: 100%; border: 1px solid #484848; }
  .destinationBox .slick-prev:before, .destinationBox .slick-next:before { font-family: "FontAwesome"; font-size: 28px; content: "\f105"; color: #303030; }
  .destinationBox .slick-prev:before { content: "\f104"; }
 .destinationBox .slick-prev { left: -50px; }
 .destinationBox .slick-next { right: -50px; }
  .destinationBox .slick-prev:hover, .destinationBox .slick-next:hover { background: #fddb32; border-color: #fddb32; }
   .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 #484848; }
   .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: 1199px) {
 .destinationBox .slick-prev { left: 0px; z-index: 1; background: #fff; }
 .destinationBox .slick-next { right: 0px; z-index: 1; background: #fff; }
}

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

@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: -16px; }
 .slick-dots li button { border: 2px solid #ccc; width: 8px; height: 8px; border-radius: 100%; }
 .slick-dots li.slick-active button { border: 2px solid #fddb32; background: #fddb32; }

/*Flights deal section*/
.dealCntr { padding: 50px 0; width: 100%; background: rgb(30, 87, 153); background: -moz-linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% ); background: -webkit-linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% ); background: linear-gradient( 45deg, rgb(30, 87, 153) 0%, rgb(113, 177, 234) 100% ); }
 .dealCntr .page__title { color: #fff; }
 .dealCntr h3 { font-size: 26px; color: #fff; font-weight: 300; }
 .dealCntr .holder { margin-right: -30px; }
 .dealCntr .deal__block { width: calc(50% - 30px); float: left; margin-right: 30px; }
 .dealCntr ul.deals { list-style: none; padding: 0px; }
  .dealCntr ul.deals li { margin-bottom: 15px; padding: 13px; border-radius: 5px; background: #fff; border: 1px solid #eee; font-size: 14px; color: #898d92; transition: all 0.2s; position: relative; /*Column*/ }
   .dealCntr ul.deals li a { color: #303030; text-decoration: none; display: block; }
    .dealCntr ul.deals li a:hover { text-decoration: none; }
   .dealCntr ul.deals li .column { padding-left: 15px; width: 33.3%; float: left; border-left: 1px solid #ccc; }
    .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { padding-left: 0px; border-left: none; }
   .dealCntr ul.deals li .airline__logo { margin-top: 7px; float: left; width: 42px; outline: 3px solid #fff; outline-offset: -2px; }
   .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: #fc5a4c; font-size: 22px; font-weight: 700; line-height: 29px; }
   .dealCntr ul.deals li .flight__icon { margin: 0px 7px; }
   .dealCntr ul.deals li .small__text { font-size: 12px; }
   .dealCntr ul.deals li .deal__price { margin: 0px; font-size: 23px; color: #fddb32; font-weight: 700; line-height: 29px; }
   .dealCntr ul.deals li .right__arrow { position: absolute; right: 20px; top: 50%; }
   .dealCntr ul.deals li .deal_book { cursor: pointer; border: none; padding: 7px 17px; border-radius: 3px; margin: 7px auto; display: inline-block; }
 .dealCntr .deal__tnc { font-size: 13px; margin: 0px; padding-top: 5px; line-height: 22px; color: #fff; }
  .dealCntr .deal__tnc span { color: #fff; font-weight: 500; }
  .dealCntr .deal__tnc a { color: #fff; text-decoration: underline; }
   .dealCntr .deal__tnc a:hover { text-decoration: none; }
 .dealCntr .mobile__deal_tab { display: none; list-style: none; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 26px; }
  .dealCntr .mobile__deal_tab li { font-size: 16px; padding: 8px 0px; margin-right: 35px; cursor: pointer; float: left; }
   .dealCntr .mobile__deal_tab li a { color: #474747; text-decoration: none; }
   .dealCntr .mobile__deal_tab li.active { border-bottom: 1px solid #fddb32; }

/*dealCntr Media start here*/
@media (max-width: 1199px) {
 .dealCntr ul.deals li .city__code { font-size: 19px; }
 .dealCntr ul.deals li .deal__price { font-size: 22px; }
}

@media (max-width: 1023px) {
 .dealCntr ul.deals li .column.first-child, .dealCntr ul.deals li .column:first-child { width: 45%; }
 .dealCntr ul.deals li .column.column-2 { width: 55%; }
 .dealCntr ul.deals li .column.column-3 { width: 100%; border-left: none; border-top: 1px solid #ccc; padding-left: 0px; margin-top: 11px; padding-top: 7px; position: relative; display: flex; align-items: center; }
 .dealCntr .deal__block { width: calc(50% - 15px); margin-right: 15px; }
 .dealCntr .holder { margin-right: -15px; }
 .dealCntr ul.deals li .small__text { width: 62px; display: block; }
 .dealCntr ul.deals li .right__arrow { margin-left: 10px; right: 10px; }
 .dealCntr .deal__tnc { font-size: 11px; line-height: 20px; }
}

@media (max-width: 767px) {
 .dealCntr .deal__block { width: 100%; margin-right: 0px; }
 .dealCntr .holder { margin-right: 0px; }
 .dealCntr { padding: 30px 0; }
  .dealCntr ul.deals li .city__code { font-size: 16px; width: 44px; }
  .dealCntr ul.deals li .deal__price { font-size: 18px; }
  .dealCntr .mobile__deal_tab { display: block; }
}

@media (max-width: 479px) {
 .dealCntr ul.deals li { padding: 10px; font-size: 12px; }
}
/*dealCntr Media here End*/

/*Hover effect

.dealCntr ul.deals li:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
height: 0px;
width: 3px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li a:before {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
height: 0px;
width: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li a:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 0px;
height: 2px;
background: $secondary;
transition: all 0.5s;
}

.dealCntr ul.deals li:hover:before,
.dealCntr ul li:hover a:before {
height: 100%;
}

.dealCntr ul.deals li:hover:after,
.dealCntr ul li:hover a:after {
width: 100%;
}

*/
/*Hover effect*/
/* ### trustpilot box  ### */
.reviewsCntr { padding: 40px 0; }

 .reviewsCntr .head { padding: 25px 0; display: flex; flex-direction: column; }

  .reviewsCntr .head img { width: 100px; margin-right: 10px; }

  .reviewsCntr .head .heading { display: flex; align-content: center; }

   .reviewsCntr .head .heading .review { font-weight: 600; padding-right: 10px; }

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

 .trustpilotBox .reviews { margin-right: -20px; }

 .trustpilotBox .block { width: 50%; padding-right: 20px; float: left; }

  .trustpilotBox .block .items { padding: 20px 20px 0 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0392156863); }

 .trustpilotBox .small_tp { height: 18px; }

 .trustpilotBox .small_logo { height: 24px; }

 .trustpilotBox p { padding: 17px 0 10px 0; min-height: 100px; font-size: 14px; line-height: 23px; }

 .trustpilotBox .name { padding-bottom: 20px; font-size: 11px; color: rgba(64, 64, 64, 0.5490196078); }

 .trustpilotBox .reviewBottom { padding: 10px 0; border-top: 1px solid #f4f4f4; font-size: 11px; color: #000000; display: flex; align-items: center; justify-content: space-between; }

 .trustpilotBox .slick-list.draggable { padding: 0 70px 30px 0 !important; }

 .trustpilotBox .slick-prev { width: auto; height: auto; left: inherit; top: 36px; right: 45px; }

  .trustpilotBox .slick-prev:before { font-size: 35px; content: "\f12c"; color: #304478; font-family: bootstrap-icons; }

 .trustpilotBox .slick-next { width: auto; height: auto; top: 36px; right: 0px; }

  .trustpilotBox .slick-next:before { font-size: 35px; content: "\f135"; color: #304478; font-family: bootstrap-icons; }

@media (max-width: 1023px) {
 .greviewBox { width: 100%; clear: both; padding-top: 15px; }
}

.greviewBox { width: 100%; height: 220px; overflow: hidden; overflow-y: auto; }

 .greviewBox .reviewSec { display: flex; align-items: flex-start; }

  .greviewBox .reviewSec .userIcon { width: 42px; height: 42px; }

  .greviewBox .reviewSec .userReview { padding-left: 25px; }

   .greviewBox .reviewSec .userReview .userName { color: #4677fe; font-size: 16px; font-weight: 500; }

    .greviewBox .reviewSec .userReview .userName span { display: block; color: #c8c7c7; font-size: 12px; }

   .greviewBox .reviewSec .userReview .userText { display: flex; flex-flow: column; padding-top: 10px; color: #000000; font-size: 13px; }

span.stars,
span.stars span { display: inline-block; background: url(/images/stars.png) 0 -16px repeat-x; width: 80px; height: 16px; margin-bottom: 10px; }

 span.stars span { background-position: 0 0; }

.hoteldealCntr { padding: 20px 0 70px 0; }

 .hoteldealCntr .deal_image { width: 100%; }

 .hoteldealCntr .deal-block { border: 1px solid #ccc; padding: 0 20px; }

  .hoteldealCntr .deal-block ul { padding: 0px; }

   .hoteldealCntr .deal-block ul li { padding: 11px 0px; overflow: hidden; border-bottom: 1px solid #e4e4e4; }

    .hoteldealCntr .deal-block ul li:last-child { border: none; }

  .hoteldealCntr .deal-block h4 { font-size: 16px; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

  .hoteldealCntr .deal-block .address { padding: 5px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

  .hoteldealCntr .deal-block .tripadvisor_div { white-space: nowrap; }

   .hoteldealCntr .deal-block .tripadvisor_div .advisor-image { background: url(../../images/trust/ratingReview.png) 0 0 no-repeat; padding-left: 38px; height: 21px; }

   .hoteldealCntr .deal-block .tripadvisor_div .advisorCircle { background: url(../../images/trust/trip_rating.png) 0 -15px repeat-x; height: 16px; width: 80px; display: inline-block; cursor: pointer; position: relative; top: 3px; overflow: hidden; }

    .hoteldealCntr .deal-block .tripadvisor_div .advisorCircle span { position: absolute; left: 0; top: 0; background: url(../../images/trust/trip_rating.png) 0 0 repeat-x; display: block; height: 16px; }

   .hoteldealCntr .deal-block .tripadvisor_div .trip-rating { border: 1px solid #eaeaea; padding: 2px 5px; color: #00a680; }

  .hoteldealCntr .deal-block .starting { font-size: 12px; }

  .hoteldealCntr .deal-block .hotel-price { font-size: 20px; color: #fddb32; font-weight: 600; }

  .hoteldealCntr .deal-block .discount { padding: 2px; display: inline-block; font-size: 14px; color: #005dba; }

/*Destination hotel deal*/
.hotel_bottom_info { display: flex; align-items: self-start; justify-content: space-between; }

 .hotel_bottom_info .price { font-size: 18px; color: #404040; font-weight: 600; text-align: right; }

  .hotel_bottom_info .price small { font-size: 12px; display: block; font-weight: 300; }

 .hotel_bottom_info .rating { margin-bottom: 5px; width: 93px; height: 15px; position: relative; background: url(../../images/gray-star.svg) left top no-repeat; }

  .hotel_bottom_info .rating span { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../../images/yellow-star.png) left top no-repeat; }

.subscribeBox { background: #f4f4f4; padding: 50px 0 40px 0; border-bottom: 2px solid #e6e6e6; }

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

.subscribeBox .subscribe { display: flex; }

@media (max-width: 767px) {
 .subscribeBox .subscribe { flex-direction: column; }
}

.subscribeBox p { font-size: 18px; font-weight: 500; margin: 0px; }

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

@media (max-width: 767px) {
 .subscribeBox p { padding-bottom: 20px; }
}

.subscribeBox .button { width: 225px; border: none; padding: 14px; font-size: 18px; border-radius: 5px; }

@media (max-width: 1023px) {
 .subscribeBox .button { width: 130px; }
}

@media (max-width: 767px) {
 .subscribeBox .button { width: 100%; margin-top: 15px; }
}

.subscribeBox .input { width: calc(100% - 240px); padding: 14px; margin-right: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; }

@media (max-width: 1023px) {
 .subscribeBox .input { width: calc(100% - 120px); }
}

@media (max-width: 767px) {
 .subscribeBox .input { width: 100%; }
}

.modifySearchBox {
    padding: 25px 0;
/*    background: #e9d93f;*/
    position: relative;
    z-index: 4;
    box-shadow: inset 0 0 10px #013273;
}

@media (max-width: 1023px) {
 .modifySearchBox { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; }

 .mobile_head h4 { margin: 0px; font-size: 18px; }

 .modifySearchBox #mobileSearchCntr { background: none !important; }

  .modifySearchBox #mobileSearchCntr .mobile_searchBlock { background: none; }
}

.modifySearchBox .modify_mobile_head { display: none; font-size: 14px; color: #fff; align-items: center; justify-content: space-between; margin-bottom: 23px; }

@media (max-width: 1023px) {
 .modifySearchBox .modify_mobile_head { display: flex; }
}

.modifySearchBox .modify_mobile_head a { font-size: 20px; color: #fff; text-decoration: none; }

.modifySearchBox .searchBlock { background: rgba(0, 0, 0, 0.6); border-radius: 11px; padding: 20px 25px; position: relative; }

@media (max-width: 767px) {
 .modifySearchBox .searchBlock { padding: 10px; background: none; }
}

.modifySearchBox .search_topbar { display: flex; color: #fff; padding-bottom: 3px; }

 .modifySearchBox .search_topbar .tripType { color: #fff; }

 .modifySearchBox
 .search_topbar
 .inputSet
 label
 input[type="radio"]:checked ~ span::before { background: #202020; }

 .modifySearchBox
 .search_topbar
 .inputSet
 label
 input[type="radio"]:checked ~ span { color: #fff; }

 .modifySearchBox .search_topbar .inputSet label { color: #202020; }

  .modifySearchBox
  .search_topbar
  .inputSet
  label
  input[type="radio"] ~ span::after { border-color: #202020; }

  .modifySearchBox
  .search_topbar
  .inputSet
  label
  input[type="radio"]:checked ~ span::after { border-color: #202020; }

 .modifySearchBox .search_topbar .class_action { position: relative; white-space: nowrap;color:#202020; }

 .modifySearchBox .search_topbar .click_div { cursor: pointer; }

 .modifySearchBox .search_topbar .arrow-icon { color: #fddb32; }

 .modifySearchBox .search_topbar .traveler_action_button { padding: 10px; display: flex; align-items: center; justify-content: space-between; }

    .modifySearchBox .search_topbar .done_Btn {
        background: #013273;
/*        background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
        display: inline-block;
        font-size: 14px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        border-radius: 2px;
        padding: 4px 10px;
        text-decoration: none;
    }

.modifySearchBox .input__block { position: relative; }

.modifySearchBox .searchBox { padding: 0px; }

.modifySearchBox .inputField { padding: 23px 20px 22px 36px; font-size: 16px; font-weight: 400; color: #787878; border: none; border-right: 1px solid #ccc; outline: none; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius: 0px; background-color: #fff; }

@media (max-width: 767px) {
 .modifySearchBox .inputField { border-radius: 3px; font-size: 14px; }

 .modifySearchBox .Mobiletrip_type { left: 7px; }

 .modifySearchBox .mobile_travelerBox { left: 50%; }
}

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

.modifySearchBox .error .inputField { border-color: #ca2e2b; }

.modifySearchBox .error .icons { color: #ca2e2b; }

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

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

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

.modifySearchBox .dates { background: #fff; border-radius: 0px; width: 100%; float: left; padding-right: 10px; border-left: 3px solid #ccc; }

@media (max-width: 1023px) {
 .modifySearchBox .dates { border: none; width: calc(100% - 36px); margin: 12px 18px; }
}

@media (max-width: 767px) {
 .modifySearchBox .dates { border-radius: 3px; }
}

.modifySearchBox .dates .inputField { border: none; white-space: normal; text-overflow: initial; padding-right: 0px; }

.modifySearchBox .no-padding { padding: 0; }

.modifySearchBox .pad3px { padding: 0px; }

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

.modifySearchBox .row_margin { margin: 0px -4px; }

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

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

 .modifySearchBox .col-50.return_date { margin-left: -7px; }

 .modifySearchBox .col-50.roundtrip { visibility: hidden; }

.modifySearchBox .searchButton {
    background: #013273;
/*    background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
    width: 100%;
    display: inline-block;
    border: none;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 0px;
    padding: 22px 0 23px 0;
    outline: none;
}

@media (max-width: 1023px) {
 .modifySearchBox .searchButton { width: calc(100% - 13px); margin-left: 13px; }
}

@media (max-width: 767px) {
 .modifySearchBox .searchButton { border-radius: 3px; }
}

.modifySearchBox .searchButton:hover {
/*    background: rgb(255, 65, 118);
     background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, rgb(247, 125, 19) 100% );*/
}

.modifySearchBox .tripType { border-bottom: none; }

.modifySearchBox .traveler_main { position: relative; }

 .modifySearchBox .traveler_main .travllerBox { display: none; position: absolute; right: 0px; top: 6px; z-index: 3; }

.modifySearchBox .switch { top: 0px; }

/*End modify*/
/*Modify mobile Start here*/
.search__infoBox { display: none; padding: 5px 10px; background: #1668e3; color: #fff; position: relative; }

@media (max-width: 1023px) {
 .search__infoBox { display: block; padding: 7px 10px; height: 56px; }
}

.search__infoBox .column { width: 50px; float: left; font-weight: 700; font-size: 16px; }

.search__infoBox .itenery-date { font-size: 11px; }

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

.modify_search_mobile {
    background: #013273;
/*    background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
    color: #fff;
    width: 70px;
    text-align: center;
    cursor: pointer;
    height: 56px;
    line-height: 55px;
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0px;
    padding-top: 5px;
    line-height: 44px;
}

/*End Mobile*/
.relative { position: relative; }

/*Extra dev*/
.modifySearchBox .angucomplete-holder span.label_name { display: none !important; }

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

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

td.highlight > a { background: rgba(0, 0, 255, 0.1607843137) !important; }

/*Extra dev*/
/*Error classess*/
.mobile-itenery { transition: all 0.5s ease 0s; width: 100%; z-index: 2; overflow: hidden; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294); background: #fff; }

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

@media (max-width: 767px) {
 .inputOrigin { margin-bottom: 12px; }
}

/*Filter*/
.filterBox { width: 100%; overflow: hidden; padding: 12px; }

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

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

.filterBox .head { padding-bottom: 10px; font-size: 15px; color: #343434; font-weight: 700; border-bottom: 1px solid #ccc; }

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

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

 .filterBox .filter__list li { display: flex; justify-content: space-between; color: #5e5e5e; padding-bottom: 7px; }

  .filterBox .filter__list li .multiairline { height: 15px; top: -5px; position: relative; margin-left: 5px; }

 .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: 125px; }

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

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

@media (max-width: 1199px) {
 .mobile__filter { display: block; background: #a9a9a9; width: auto; z-index: 0; margin: 0 -17px; padding: 10px; height: 55px; padding-left: 120px; }
}

@media (max-width: 767px) {
 .mobile__filter { margin: 0 -10px; }
}

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

 .mobile__filter ul li { font-size: 12px; font-weight: 500; display: inline-block; padding: 5px 18px; line-height: 23px; border-radius: 40px; background: #222d4d; color: #fff; margin: 1px 3px; }

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

  .mobile__filter ul li.active { background: #fc5a4c; color: #fff; border-color: #fc5a4c; }

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

.mobile__filter .filter_link {
    background: #013273;
/*    background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
    font-weight: 500;
    color: #fff;
    position: absolute;
    padding: 10px;
    border-radius: 40px;
    left: 10px;
    width: 104px;
    font-size: 14px;
    text-align: center;
    line-height: 1.2em;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

 .mobile__filter .filter_link i { font-size: 20px; margin-right: 9px; }

.mobile_filter_tab { background: #fc5a4c; 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: #2e075a; margin: 0px; }

 .mobile_filter_tab ul li a { padding: 10px 28px; font-weight: 600; border-bottom: 2px solid #2e075a; display: block; color: #fff; text-decoration: none; }

    .mobile_filter_tab ul li a.active,
    .mobile_filter_tab ul li a:focus {
        background: #013273;
/*        background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
        color: #fff;
        border-bottom: 2px solid #fddb32;
    }

.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: 10px; margin: 0px; }
}

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

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

 .filter_action_button a { padding: 10px; border: 1px solid #adb4d4; width: 45%; display: block; text-align: center; font-size: 18px; color: #fc5a4c; 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: #013273;
    border-color: #013273;
    color: #fff;
}

.ui-slider-horizontal { height: 3px; background: #bdbdbd; border: none; z-index: 0; margin: 17px 16px 10px 10px; border: none !important; padding: 0px; }

 .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #ff5300; }

 .ui-slider-horizontal .ui-slider-handle { top: -0.6em; margin-left: -0.6em; background: #fff; border: 3px solid #ff5300; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; }

/*Time filter*/
.filterBox ul.time_filter { list-style: none; margin-right: -9px; overflow: hidden; padding: 0px; }

 .filterBox ul.time_filter li { width: calc(50% - 9px); min-height: 75px; margin-right: 9px; margin-bottom: 9px; float: left; font-size: 12px; border: 1px solid #ced0d4; border-radius: 12px; text-align: center; padding: 0 9px 9px; cursor: pointer; }

  .filterBox ul.time_filter li .icons { width: 34px; height: 34px; display: block; margin: 0px auto; }

   .filterBox ul.time_filter li .icons.icon_earlymorning { background: url(../../images//icons/early_morning.svg) center center no-repeat; }

   .filterBox ul.time_filter li .icons.icon_morning { background: url(../../images//icons/morning.svg) center center no-repeat; }

   .filterBox ul.time_filter li .icons.icon_afternoon { background: url(../../images//icons/afternoon.svg) center center no-repeat; }

   .filterBox ul.time_filter li .icons.icon_evening { background: url(../../images//icons/evening.svg) center center no-repeat; }

  .filterBox ul.time_filter li.selected,
  .filterBox ul.time_filter li:hover { background: #ff5300; border-color: #ff5300; color: #fff; }

   .filterBox ul.time_filter li.selected .icon_earlymorning,
   .filterBox ul.time_filter li:hover .icon_earlymorning { background: url(../../images//icons/early_morning-hover.svg) center center no-repeat; }

   .filterBox ul.time_filter li.selected .icon_morning,
   .filterBox ul.time_filter li:hover .icon_morning { background: url(../../images//icons/morning-hover.svg) center center no-repeat; }

   .filterBox ul.time_filter li.selected .icon_afternoon,
   .filterBox ul.time_filter li:hover .icon_afternoon { background: url(../../images//icons/afternoon-hover.svg) center center no-repeat; }

   .filterBox ul.time_filter li.selected .icon_evening,
   .filterBox ul.time_filter li:hover .icon_evening { background: url(../../images//icons/evening-hover.svg) center center no-repeat; }

  .filterBox ul.time_filter li strong { display: block; }

  .filterBox ul.time_filter li .time { font-weight: 500; }

/*results box start*/
.resultsBox { margin-bottom: 20px; padding: 5px 20px; width: 100%; border-radius: 10px; border: 1px solid #f5f5f5; background: #fff; box-shadow: 0 0 6px #00000029; /*Flight row end*/ /*Price */ /**/ /**/ }

 .resultsBox:hover { border-color: #ff5300; box-shadow: 0 35px 42px rgba(196, 196, 196, 0.231372549); }

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

@media (max-width: 767px) {
 .resultsBox { margin: 0px 0px 15px 0px; width: auto; }
}

.resultsBox .flight__row { padding: 11px 0px 18px 0; color: #6b6b6b; }

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

.resultsBox .flight__row .head { font-size: 16px; color: #484848; margin-bottom: 20px; font-weight: 600; }

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

.resultsBox .flight__row .head .date { 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: 42px; }

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

.resultsBox .flight__row .flights_info { padding-left: 10px; width: 185px; float: left; }

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

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

.resultsBox .flight__row .flights_info .flights_number { color: #6b6b6b; }

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

.resultsBox .flight__row .leg-details { /*leg*/ /*leg*/ }

@media (max-width: 767px) {
 .resultsBox .flight__row .leg-details { margin-top: 15px; }
}

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

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

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

.resultsBox .flight__row .leg-details .leg-points { border-top: 1px dashed gray; height: 2px; position: relative; text-align: center; }

 .resultsBox .flight__row .leg-details .leg-points:before { content: ""; width: 30px; height: 22px; display: block; position: absolute; left: -20px; top: -12px; background: #fff url(../../images/icons/plane.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; }

 .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; position: relative; }

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

  .resultsBox .flight__row .leg-details .leg-points .stops:after { content: ""; width: 5px; height: 5px; display: inline-block; margin-top: 3px; background: #ff5300; border-radius: 100%; position: absolute; left: 25px; top: 4px; }

  .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: -20px; left: 0px; }

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

.resultsBox .top_row_mobile { border-bottom: 1px dashed #ccc; margin-bottom: 5px; font-size: 11px; }

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

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

@media (max-width: 767px) {
 .resultsBox .price_list { border-left: none; align-items: self-start; padding-bottom: 2px; flex-direction: row; justify-content: space-between; }
}

.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 { padding: 5px 0; }

  .resultsBox .price_list .price { font-size: 18px; min-height: inherit; color: #1cd324; }
}

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

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

.resultsBox .price_list .select__btn { background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); padding: 12px 35px 0 35px; color: #fff; font-size: 16px; border-radius: 48px; height: 48px; font-weight: 600; text-decoration: none; width: 145px; text-align: center; }

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

 .resultsBox .price_list .select__btn:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, rgb(247, 125, 19) 100% ); text-decoration: none; }

@media (max-width: 479px) {
 .resultsBox .price_list .select__btn { font-size: 15px; width: 100%; height: auto; line-height: inherit; border-radius: 40px; padding: 10px 30px; text-transform: uppercase; }
}

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

@media (max-width: 767px) {
 .resultsBox .price_list .seat_left { white-space: nowrap; font-size: 11px; text-align: center; margin-top: 13px !important; }
}

.resultsBox .results_bottom { padding: 6px 0px; border-top: 1px solid #ccc; }

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

  .resultsBox .results_bottom .bagguage_fees:hover { color: #fddb32; }

 .resultsBox .results_bottom .flight_detail_btn { color: #fc5a4c; font-weight: 500; text-decoration: none; padding-right: 0px; }

  .resultsBox .results_bottom .flight_detail_btn i { position: relative; top: 0px; }

    .resultsBox .results_bottom .flight_detail_btn:hover {
        color: #013273;
    }

.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: 1199px) {
 .resultsBox .results_bottom .flight_detail_btn { padding-right: 10px; }
}

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

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

/*results box end*/
.repeat_results { position: relative; }

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

#scrollBottomtop { background: #fddb32; 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-box .text-overflow { width: 145px; }

/*Common Css*/
.cursor { cursor: pointer; }

.text-red { color: #fddb32; }

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

.overflow { overflow: hidden; }

.oneway_resultsDiv { margin-top: 50px; }

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

.price_row { background: #f1f1f1; margin: -16px -20px 10px -20px; padding: 10px 20px; border-radius: 15px 15px 0 0; }

 .price_row .fare__breakup { margin-left: 30px; }

.midLoading {
    position: fixed;
    height: 100vh;
    width: 100%;
     background: rgba(0, 0, 0, 0.5);
    z-index: 9;
    top: 0;
    display:none !important;
}

 .midLoading .loading-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.noResultTfn { font-size: 20px; color: #fddb32; text-decoration: none; font-weight: 700; }

/*Flights detail Strat here*/
.flightDetailWrapper { position: fixed; top: 0; right: 0; z-index: 9; background-color: rgba(0, 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; /*Bottom*/ /*Flightdetail*/ /*End tab*/ /*route start */ /*route end */ }

@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: #1668e3; overflow: hidden; color: #fff; }

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

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

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

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .close_detail { right: 20px; top: 1px; font-size: 20px; color: #fff; }
}

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

.flightDetailWrapper .flightDetail_popup .page__title { font-size: 18px; text-align: left; }

 .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; color: #6b6b6b; text-decoration: none; background: #fff url(../../images/icons/baggage.svg) left center no-repeat; }

 .flightDetailWrapper .flightDetail_popup .bagguage_fees:hover { color: #fddb32; }

.flightDetailWrapper .flightDetail_popup .detail_footer { position: fixed; right: 200%; width: 580px; background: #fff; bottom: 0px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137); }

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

.flightDetailWrapper .flightDetail_popup .bottom { padding: 15px 30px 15px 30px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137); position: absolute; width: 100%; bottom: 0; background: #ffffff; }

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

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

 .flightDetailWrapper .flightDetail_popup .price_list .price { font-size: 22px; color: #f8771d; 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: 16px; margin-right: 25px; }
}

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

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

.flightDetailWrapper .flightDetail_popup .price_list .select__btn { background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); padding: 12px 35px 0 35px; color: #fff; font-size: 16px; border-radius: 48px; height: 48px; font-weight: 600; text-decoration: none; text-align: center; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .price_list .select__btn { padding: 10px 20px; font-size: 14px; height: auto; }
}

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

.flightDetailWrapper .flightDetail_popup .price_list .select__btn i { 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: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, rgb(247, 125, 19) 100% ); text-decoration: none; }

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

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .flight_left { display: none; }
}

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

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

.flightDetailWrapper .flightDetail_popup .flightDetail { padding: 0px 30px; height: calc(100vh - 95px); background: #fff; color: #8a8a8a; overflow-y: auto; overflow-x: hidden; }

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

.flightDetailWrapper .flightDetail_popup .flighttab { list-style: none; width: 100%; float: left; padding: 0px; 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: #484848; 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: #ff5300; }
}

.flightDetailWrapper .flightDetail_popup .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all 0.5s; width: 0px; display: block; background: #fddb32; }

@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: #fc5a4c; }

.flightDetailWrapper .flightDetail_popup .flighttab li a.active { color: #ff5300; }

.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: #484848; }

.flightDetailWrapper .flightDetail_popup .airlines__details img { width: 32px; float: left; margin-right: 10px; }

.flightDetailWrapper .flightDetail_popup .airlines__details .detail { width: calc(100% - 45px); float: left; }

.flightDetailWrapper .flightDetail_popup .route__info { padding: 40px 0; font-size: 13px; position: relative; }

@media (max-width: 767px) {
 .flightDetailWrapper .flightDetail_popup .route__info { padding: 0 20px; margin: 15px 0 35px 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 #fddb32; 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: #484848; font-weight: 600; margin-top: 28px; }

@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 #fddb32; 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 { margin: 15px; }

.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: #fff3ee; 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 { content: ""; margin: 0px; }

/*Flight detail end */
.information_msg { font-size: 11px; color: #9b9b9b; font-weight: 400; }

.highlight { color: #0fa848; 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; }

/*matrix view start here */
.matrixBox { margin: 0 0; }

 .matrixBox .matrix__wrap { position: relative; display: inline-block; width: 100%; margin-bottom: 0px; }

 .matrixBox .matrix__aside { position: relative; float: left; width: 146px; z-index: 1; background: #fff; box-shadow: 0 3px 18px #0000000d; border-radius: 10px; overflow: hidden; }

  .matrixBox .matrix__aside .matrix__box { color: #1668e3; border-top: 1px solid #ececec; white-space: nowrap; }

   .matrixBox .matrix__aside .matrix__box i { margin-left: 6px; position: absolute; right: 9px; }

 .matrixBox .matrix__slider { position: relative; float: left; width: calc(100% - 146px); padding-right: 85px; }

.slick-slide { padding: 0 10px; }

.matrixBox .matrix__slider .items { transition: all 0.5s; border: 1px solid transparent; width: 200px; float: left; overflow: hidden; background: #fff; box-shadow: 0 3px 18px #0000000d; border-radius: 10px; }

.matrixBox .matrix__slider .matrix__logo { width: 35px; height: 35px; margin-bottom: 10px; outline: 3px solid #fff; outline-offset: -2px; }

.matrixBox .matrix__slider .matrix__airline-name { line-height: 16px; margin-left: 5px; color: #9a9a9a; font-size: 12px; overflow: hidden; max-width: 75px; text-overflow: ellipsis; }

.matrixBox .matrix__box-lg { color: #9a9a9a; font-size: 12px; height: 50px; position: relative; cursor: pointer; padding: 8px 10px; display: flex; }

 .matrixBox .matrix__box-lg .multiairline { position: absolute; right: 6px; top: 30px; height: 14px; }

.matrixBox .matrix__box { display: block; font-size: 13px; border-top: 1px solid #ececec; height: 40px; cursor: pointer; line-height: 26px; padding: 8px 10px; font-weight: 500; }

 .matrixBox .matrix__box:hover { background: #fff5f5; color: #fe476c; }

 .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: 0px;
    top: 50%;
    background: #013273 ;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    border: none;
}

 .matrixBox .slick-next.slick-disabled,
 .matrixBox .slick-prev.slick-disabled { background: #909090; }

.matrixBox .slick-prev { left: inherit; right: 34px; }

 .matrixBox .slick-prev:before, .matrixBox .slick-next:before { color: #fff; opacity: 1; font-family: "FontAwesome"; content: "\f105"; }

 .matrixBox .slick-prev:before { font-family: "FontAwesome"; content: "\f104"; }

.matrixBox .collapse.show { display: inline !important; }

.matrixBox .learn-more {
    color: #013273;
}

@media (min-width: 1023px) {
 .matrixBox .matrix__slider .items:hover, .matrixBox .matrix__slider .items.selected { border-color: #FC99AD; box-shadow: 1px 10px 10px #4D0C1940; margin-top: -9px; }
}

@media (max-width: 1023px) {
 .matrixBox { padding-top: 20px; }
}

@media (max-width: 767px) {
 .matrixBox .matrix__aside { width: 95px; border-radius: 0px; }

 .matrixBox .matrix__slider .items { border-radius: 0px; width: auto; overflow: initial; box-shadow: none; border: none; border-left: 1px solid #DBDBDB; }

 .matrixBox { margin: 0px -7px 10px -7px; }

  .matrixBox .matrix__slider { width: calc(100% - 95px); padding-right: 0px; display: flex; white-space: nowrap; padding-bottom: 10px; overflow-x: auto; }

   .matrixBox .matrix__slider .items .mtblock { width: 110px; }

   .matrixBox .matrix__slider .matrix__airline-name { font-size: 11px; overflow: hidden; /* max-width: 75px; */ text-overflow: ellipsis; white-space: normal; }

  .matrixBox .slick-next,
  .matrixBox .slick-prev { top: -23px; }

  .matrixBox .matrix__slider .matrix__logo { width: 24px; height: 24px; margin-bottom: 4px; }

  .matrixBox .matrix__box { height: 32px; line-height: 16px; font-size: 12px; }

 #resultsCntr .rightCntr, .resultsCntr .rightCntr { overflow: initial !important; }

 .matrixBox .disclaimer { padding-left: 10px; }
}

/*Matrix view end here*/

/*Tooltip Stop hover*/
.tooltipBox,
.tooltipBox { background: #292f33; 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 0.25s ease-out; transform: translateX(-50%); }

 .tooltipBox p,
 .tooltipBox p { margin: 0px; }

 .tooltipBox:before,
 .tooltipBox:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }

 .tooltipBox:after,
 .tooltipBox:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #292f33 10px; bottom: -8px; content: " "; height: 0; left: 53%; position: absolute; width: 0; transform: translateX(-53%); }

.connnecting-block:hover .tooltipBox { opacity: 1; pointer-events: auto; }

@media (max-width: 767px) {
 .connnecting-block:hover .tooltipBox { opacity: 0; }
}

/*Custom Tooltip hover*/
.tooltip_block { position: relative; display: inline-block; }

 .tooltip_block:hover .custom_tooltip { display: block; }

.tooltip-icon { position: relative; top: -2px; }

.custom_tooltip { width: 320px; display: none; position: absolute; top: 31px; left: 50%; transform: translateX(-50%); background: #fff; padding: 11px 13px; font-size: 12px; color: #444444; border: 1px solid #e0e0e0; z-index: 1; box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.1607843137); }

 .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, 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: 33px; position: absolute; right: 0px; top: -31px; font-size: 18px; padding-top: 5px; color: #fddb32; }

.button { background: #fddb32; color: #fff; }

 .button:hover { background: #fc5a4c; color: #fff; }

/*Session expire start here*/
.session__expire { width: 420px; margin: 0px auto; background: #fff; padding: 36px; position: relative; border-radius: 5px; }

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

.session__expire .clock_tym { width: 60px; margin: 0px auto; }

 .session__expire .clock_tym img { width: 100%; }

.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: #fddb32; 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: #fddb32; font-weight: 700; line-height: 40px; }

.session__expire .time_text { font-size: 14px; margin: 0px; }

/*Session expire end here*/
.popup-btn { display: flex; align-items: center; justify-content: center; }

 .popup-btn .searchbtn { background: #ced0d4; color: #fff; font-size: 15px; width: 167px; text-align: center; padding: 12px 5px; border: 0; border-radius: 3px; font-weight: 600; display: inline-block; }

    .popup-btn .searchbtn.active {
        background: #013273;
/*        background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
        margin-right: 10px;
    }

/*No Results page Start here*/
.no__resultsBox { margin-bottom: 20px; padding: 50px 20px; width: 100%; border-radius: 3px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294); background: #fff; text-align: center; }

 .no__resultsBox .head { font-size: 21px; color: #484848; font-weight: 600; padding: 20px 0 10px 0; }

 .no__resultsBox .resetFilter_button { background: #fddb32; 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: #fc5a4c; text-decoration: none; }

/*No Results page End here*/
/*Baggage Fees popup start here*/
.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: #fddb32; 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: #fddb32; }

.baggage__fees .baggage_banner { width: 100%; }

/*Mid popup start here*/
.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: 0.2s; }

 .mid_page__loading .dot span:nth-child(3) { animation-delay: 0.4s; }

@keyframes blink {
 0% { opacity: 0.2; }

 20% { opacity: 1; }

 100% { opacity: 0.2; }
}

/*Mid popup end here*/
.mobilecall_fullwindow { padding: 0px; display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

 .mobilecall_fullwindow .title { font-weight: 300; text-transform: capitalize; font-size: 33px; padding-bottom: 13px; padding-top: 10px; }

 .mobilecall_fullwindow .callBannerBox { background: #2139ac; color: #fff; text-align: center; }

 .mobilecall_fullwindow .image-responsive { width: 100%; }

 .mobilecall_fullwindow .content_popup { padding: 20px 0; }

 .mobilecall_fullwindow .call_button { width: 100%; background: #fb3d4e; border: none; font-weight: 700; font-size: 18px; color: #fff; text-align: center; cursor: pointer; border-radius: 3px; padding: 14px; outline: none; display: block; }

 .mobilecall_fullwindow h2 { font-size: 21px; font-weight: 400; padding: 22px; margin: 0px; line-height: 32px; }

/*Increase fare*/
.increasefare { width: 520px; margin: 0px auto; background: #fff; padding: 25px; position: relative; border-radius: 5px; }

 .increasefare h4 { font-size: 21px; }

@media (max-width: 767px) {
 .increasefare h4 { font-size: 16px; }
}

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

.increasefare small { display: block; padding-top: 20px; }

.increasefare .icons { background: #ff5300; width: 40px; height: 40px; display: inline-block; border-radius: 100%; color: #fff; align-items: center; justify-content: center; line-height: 40px; margin-bottom: 15px; font-size: 27px; }

/*promoBox fare*/
.promoBox { width: 520px; margin: 0px auto; background: #fff; padding: 25px; position: relative; border-radius: 5px; }

 .promoBox h4 { font-size: 18px; }

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

.promoBox .couponList { list-style: none; padding: 10px 0; }

 .promoBox .couponList li { font-size: 11px; border-bottom: 1px solid #ececec; padding: 11px 0; }

  .promoBox .couponList li p { margin: 0px; }

.promoBox .promo-key { display: inline-block; border: 1px dashed #02cb66; padding: 3px 10px; color: #02cb66; font-size: 12px; font-weight: 600; margin-bottom: 5px; min-width: 85px; text-align: center; }

.promoBox .save { color: #db9a00; margin-left: 5px; font-size: 14px; }

.loaderBox img { width: 100%; }

.loading-icon { display: none; background: url(../../images/icons/flights-blue.svg) no-repeat center center; width: 94px; height: 94px; line-height: 90px; border-radius: 50%; margin: 0 auto; position: relative; }

.loading-circle { border: 3px solid #dddddd; border-radius: 50%; border-top: 5px solid #fddb32; width: 90px; height: 90px; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-width: 5px; }

.img_responsive { width: 100%; }

.mid__loading { padding: 150px 30px 50px 30px; /* background-image: url(../../images/ff-loader-red.gif);
background-size: cover;*/ margin-bottom: 30px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 5; background-position: center 160px; background-repeat: no-repeat; background-color: #fefefe; }

.midlogo { position: absolute; left: 30px; top: 0; z-index: 0; width: 180px; display: block; }

@media (max-width: 767px) {
 .mid__loading { margin: 0px 0; width: 100%; padding: 150px 30px 0 30px; text-align: center; }
}

.mid__loading .head { padding: 10px 0; font-size: 26px; font-weight: 800; text-transform: uppercase; }

@media (max-width: 479px) {
 .mid__loading .head { font-size: 17px; }
}

@media (max-width: 767px) {
 .mid__loading .loding img { width: 70%; }
}

.mid__loading .block { padding: 80px 0px 40px; overflow: hidden; max-width: 460px; margin: 0px auto; }

 .mid__loading .block.withvideo { margin: -20px auto 0 auto; padding: 0px; }

@media (max-width: 479px) {
 .mid__loading .block { text-align: center; }
}

.mid__loading .block .left { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px; }

@media (max-width: 479px) {
 .mid__loading .block .left { display: block; }
}

.mid__loading .block .left .city__code { width: 50%; font-size: 18px; color: #484848; font-weight: 600; }

@media (max-width: 767px) {
 .mid__loading .block .left .city__code { font-size: 15px; }
}

@media (max-width: 479px) {
 .mid__loading .block .left .city__code { width: auto; }
}

.mid__loading .block .left .city__code small { display: block; }

@media (max-width: 479px) {
 .mid__loading .block .left .city__code small { display: inline-block; }
}

.mid__loading .block .left .flight__icon { padding: 0 10px; }

.mid__loading .block .right { padding: 3px 10px 0 10px; position: relative; }

@media (max-width: 767px) {
 .mid__loading .block .right { width: 100%; font-size: 13px; padding: 0px; }
}

.mid__loading .block .right .arrow { color: #fddb32; position: absolute; right: 0px; top: 0px; font-size: 27px; padding: 5px; line-height: 27px; }

/*No Results Box*/
.no_resultsBox { padding: 50px 0; text-align: center; background: #fff; }

 .no_resultsBox .buttons .backbutton { padding: 10px 20px; border: none; margin: 10px; border-radius: 5px; }

 .no_resultsBox .block { max-width: 600px; margin: 0px auto; }

 .no_resultsBox .head { font-size: 28px; 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: #333; }

@media (max-width: 767px) {
 .no_resultsBox .call span { font-size: 14px; }
}

.no_resultsBox .call a { font-size: 30px; color: #fddb32; 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: #fc5a4c; }

/*Mid page*/
.results-skeleton-content:after { content: ""; display: block; width: 100%; height: 120px; background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 100%, 0.8) 50%, hsla(0deg, 0%, 100%, 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, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 96%, 0.8) 50%, hsla(0deg, 0%, 100%, 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; }
}
/*Matrix*/
.m-skeleton-content:after { content: ""; display: block; width: 60px; height: 14px; margin-left: 30px; background-image: linear-gradient( 90deg, hsla(0deg, 0%, 100%, 0), hsla(0deg, 0%, 100%, 0.6) 50%, hsla(0deg, 0%, 100%, 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; }
}

.loaderbox { position: relative; overflow: hidden; }

 .loaderbox:before { position: absolute; top: 0; left: -50%; z-index: 2; display: block; content: ""; width: 100%; height: 100%; background: -webkit-linear-gradient( left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100% ); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); -webkit-animation: shine 0.75s infinite; animation: shine 0.75s infinite; }

@keyframes loader-spin {
 0% { transform: rotate(0deg); }

 100% { transform: rotate(360deg); }
}

@-webkit-keyframes shine {
 100% { left: 125%; }
}

@keyframes shine {
 100% { left: 125%; }
}

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: #fc5a4c; }

  slider span.pointer { cursor: pointer; width: 19px; height: 19px; top: -8px; z-index: 1; border: 2px solid #fc5a4c; background: #fff; border-radius: 100%; outline: none; }

/* slider span.pointer:after {
content: '';
background-color: #f44336;
width: 8px;
height: 8px;
position: absolute;
top: 5px;
left: 5px;
-webkit-border-radius: 1em/1em;
border-radius: 1em/1em;
}
slider span.pointer:hover:after {
background-color: #f44336;
}
slider span.pointer.active:after {
background-color: #f00;
}
slider span.bubble {
cursor: default;
top: -22px;
padding: 1px 3px 1px 3px;
font-size: 0.7em;
font-family: sans-serif;
}
slider span.bubble.selection {
top: 15px;
}
slider span.bubble.limit {
color: #808080;
}
*/
.results_body,
.bg-gray { background: #f5f5f8; }

#resultsCntr,
.resultsCntr { width: 100%; padding: 22px 0 35px 0; background: #f2f2f2; font-size: 14px; /*Fare detail*/ /*end breakup*/ }

@media (max-width: 1199px) {
 #resultsCntr,
 .resultsCntr { font-size: 13px; padding-top: 0px; }
}



#resultsCntr .page__title,
.resultsCntr .page__title { font-size: 22px; text-align: left; }

@media (max-width: 767px) {
 #resultsCntr .page__title,
 .resultsCntr .page__title { font-size: 16px; }
}

#resultsCntr .leftCntr,
.resultsCntr .leftCntr { padding-right: 20px; width: 280px; float: left; }

@media (max-width: 1199px) {
 #resultsCntr .leftCntr,
 .resultsCntr .leftCntr { position: fixed; left: -200%; top: 0px; transition: all 0.5s; }
}

#resultsCntr .leftCntr .holder,
.resultsCntr .leftCntr .holder { background: #fff; border: 1px solid #f5f5f5; box-shadow: 0 0 6px #00000029; border-radius: 10px; }

#resultsCntr .leftCntr .filter-main-head,
.resultsCntr .leftCntr .filter-main-head { display: none; background: #1668e3; color: #fff; font-size: 16px; padding: 12px 15px; }

 #resultsCntr .leftCntr .filter-main-head .close_filter,
 .resultsCntr .leftCntr .filter-main-head .close_filter { position: absolute; right: 12px; color: #fff; font-size: 23px; top: 6px; line-height: 35px; }

#resultsCntr .leftCntr.open-filter,
.resultsCntr .leftCntr.open-filter { left: 0px; width: 300px; padding-right: 0px; background: #fff; z-index: 2; display: block; height: 100%; }

@media (max-width: 767px) {
 #resultsCntr .leftCntr.open-filter,
 .resultsCntr .leftCntr.open-filter { width: 100%; }
}

#resultsCntr .leftCntr.open-filter .holder,
.resultsCntr .leftCntr.open-filter .holder { height: 100%; overflow-x: hidden; overflow-y: scroll; padding-bottom: 76px; border: 0px; }

@media (max-width: 767px) {
 #resultsCntr .leftCntr.open-filter .holder,
 .resultsCntr .leftCntr.open-filter .holder { padding: 12px; }
}

#resultsCntr .leftCntr.open-filter .filter-main-head,
.resultsCntr .leftCntr.open-filter .filter-main-head { display: block; }

#resultsCntr .rightCntr,
.resultsCntr .rightCntr { width: calc(100% - 280px); float: left; }

@media (max-width: 1199px) {
 #resultsCntr .rightCntr,
 .resultsCntr .rightCntr { width: 100%; overflow: hidden; }
}

#resultsCntr .fare__breakup,
.resultsCntr .fare__breakup { position: relative; float: left; }

@media (max-width: 479px) {
 #resultsCntr .fare__breakup,
 .resultsCntr .fare__breakup { display: none; }
}

#resultsCntr .fare__detail,
.resultsCntr .fare__detail { color: #fddb32; text-decoration: none; text-align: center; }

@media (max-width: 767px) {
 #resultsCntr .fare__detail,
 .resultsCntr .fare__detail { font-size: 12px; }
}

#resultsCntr .fare__detail span,
.resultsCntr .fare__detail span { color: #686868; display: block; font-size: 12px; width: 73px; }

#resultsCntr .fare__detail:hover,
.resultsCntr .fare__detail:hover { text-decoration: none; color: #fc5a4c; }

#resultsCntr .fare_breakup_detail,
.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,
 .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,
 .resultsCntr .fare_breakup_detail:after { border-top: 10px solid #fff; margin-top: -1px; z-index: 1; }

 #resultsCntr .fare_breakup_detail ul,
 .resultsCntr .fare_breakup_detail ul { list-style: none; margin: 0px; }

  #resultsCntr .fare_breakup_detail ul li,
  .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,
   .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,
   .resultsCntr .fare_breakup_detail ul li .traveler span { display: block; font-size: 12px; }

 #resultsCntr .fare_breakup_detail .close_price_breakup,
 .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: #fddb32; border: 1px solid #d9d9db; border-bottom: 0px; }

/*Results*/
.total_results { font-size: 15px; }

@media (max-width: 767px) {
 .total_results { padding-top: 14px; }
}

/*Sorting Tab box*/
.sortingTabBox { width: 100%; border-radius: 3px; overflow: hidden; margin-bottom: 20px; }

@media (max-width: 767px) {
 .sortingTabBox { width: auto; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; overflow-y: hidden; overflow-x: scroll; }
}

.sortingTabBox ul { list-style: none; padding: 0px; margin: 0px -10px 0 0; overflow: hidden; display: flex; flex-wrap: wrap; }

@media (max-width: 767px) {
 .sortingTabBox ul { white-space: nowrap; display: flex; overflow: inherit; margin: 0px; }
}

.sortingTabBox ul li { padding: 7px 18px; display: flex; width: calc(25% - 10px); margin-right: 10px; font-weight: 700; border: 1px solid transparent; background: #fff; position: relative; min-height: 41px; border-radius: 5px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.0588235294); height: 52px; align-items: center; }

@media (max-width: 767px) {
 .sortingTabBox ul li { width: 192px; margin: 0 10px 10px 0; }
}

.sortingTabBox ul li a { text-decoration: none; cursor: pointer; }

.sortingTabBox ul li .price { color: #6b6b6b; font-weight: normal; display: block; }

.sortingTabBox ul li.active a,
.sortingTabBox ul li.active .price { color: #202020; }

.sortingTabBox ul li.active { background: #ffeacf; border: 1px solid #ffd4a8; }

.sortingTabBox ul li:hover { background: #ffeacf; border: 1px solid #ffd4a8; }

@media (max-width: 767px) {
 .sortingTabBox ul li { width: auto; }
}

/*Sorting Tab box end*/
.text-link-red { color: #fddb32 !important; text-decoration: underline !important; }

/*Apply filter*/
.apply_filter { margin-bottom: 15px; }

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

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

 .apply_filter ul li { float: left; padding: 8px 15px; margin-right: 10px; margin-bottom: 5px; border-radius: 40px; border: 1px solid #b2d8c8; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.0392156863); color: #99b8ab; font-weight: 500; background: #f8f9ff; }

  .apply_filter ul li a { color: #898585; position: relative; top: 1px; margin-left: 6px; float: right; }

   .apply_filter ul li a:hover { color: #fddb32; }

  .apply_filter ul li.clear__all { background: transparent; border-color: #ffd6da; }

   .apply_filter ul li.clear__all a { color: #fddb32; position: relative; top: 0px; margin: 0px; }

.loadmore { font-size: 15px; background: #fddb32; padding: 11px 46px; color: #fff; }

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

.loadmore:hover { background: #fc5a4c; color: #fff; text-decoration: none; }

/*Flights detail Strat here*/
.flight__itenaryBox { /*Flightdetail*/ /*End tab*/ /*route start */ /*route end */ }

 .flight__itenaryBox .head { padding: 0px 30px 0px 0px; position: relative; }

 .flight__itenaryBox .page__title { font-size: 22px; }

@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 { color: #8a8a8a; }

 .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: 15px; padding: 0px; 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: #484848; 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: #fddb32; }
}

.flight__itenaryBox .flighttab li a:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all 0.5s; width: 0px; display: block; background: #fddb32; }

@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: #fc5a4c; }

.flight__itenaryBox .airlines__details { padding-top: 26px; font-size: 13px; line-height: 1.5em; color: #949494; }

 .flight__itenaryBox .airlines__details .air-name { font-size: 14px; color: #484848; font-weight: 500; }

 .flight__itenaryBox .airlines__details img { width: 32px; float: left; margin-right: 10px; }

 .flight__itenaryBox .airlines__details .detail { width: calc(100% - 45px); float: left; font-weight: 500; }

.flight__itenaryBox .route__info { padding: 40px 0; font-size: 13px; position: relative; }

@media (max-width: 767px) {
 .flight__itenaryBox .route__info { padding: 0 20px; margin: 15px 0 35px 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 #fddb32; 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: #484848; 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; font-weight: 500; }

@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; font-weight: 500; }

 .flight__itenaryBox .route__info .destination_fullname .message_display { top: inherit; bottom: -25px; }

.flight__itenaryBox .route__info .connecting__bar { width: 60%; height: 2px; border-top: 2px dashed #dfdfdf; position: absolute; left: 0px; top: 72px; }

 .flight__itenaryBox .route__info .connecting__bar:after,
 .flight__itenaryBox .route__info .connecting__bar:before { content: ""; width: 10px; height: 10px; display: block; border: 2px solid #fddb32; 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 { margin: 15px; }

.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 { padding-top: 26px; }

@media (max-width: 1023px) {
 .flight__itenaryBox .class__type { margin-left: -24px; }
}

@media (max-width: 767px) {
 .flight__itenaryBox .class__type { margin-left: 0px; padding: 10px; }
}

.flight__itenaryBox .layover { margin-bottom: 15px; padding: 8px 20px; font-size: 12px; color: #787878; background: #fff3ee; text-align: center; }

 .flight__itenaryBox .layover .bi-stopwatch { position: relative; top: -2px; margin-right: 4px; }

/*Flight detail end */
.price__Box { border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #fff; padding: 15px; }

@media (max-width: 1023px) {
 .price__Box { margin-top: 20px; margin-bottom: 40px; }
}

@media (max-width: 767px) {
 .price__Box { margin: 0 0 100px 0; }
}

.price__Box .head { position: relative; border-bottom: 1px solid #ccc; }

 .price__Box .head h4 { font-size: 16px; }

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

 .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; color: #6b6b6b; 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: #fddb32; }

.price__Box .price__note { font-size: 11px; padding: 12px 0 0 0; margin: 0; color: #666; }

/*Secure*/
.securebooking__Box { border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #fff; margin-top: 20px; padding: 15px; }

@media (max-width: 767px) {
 .securebooking__Box { margin: 0 -15px 70px -15px; }
}

.securebooking__Box h4 { padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc; }

/*Coupon here*/
.cuponBlock { width: 100%; overflow: hidden; }

 .cuponBlock .inputText { width: calc(100% - 78px); border: 1px solid #d9d9d9; padding: 10px 10px; float: left; font-size: 13px; color: #7e7e7e; border-radius: 5px; margin-right: 5px; }

 .cuponBlock .submit { border: none; background: #02cb66; padding: 9px; color: #fff; width: 73px; float: left; cursor: pointer; border-radius: 5px; }

  .cuponBlock .submit:focus { border: none; outline: none; }

  .cuponBlock .submit.remove { background: #fddb32; }

 .cuponBlock .sucessfull { color: #02cb66; }

.text-right { text-align: right; }

.bagguage_fees { color: #6b6b6b; position: relative; display: inline-block; }

 .bagguage_fees ul { display: flex; list-style: none; }

  .bagguage_fees ul li { margin-right: 15px; position: relative; }

   .bagguage_fees ul li.check { justify-content: flex-end; font-family: "bootstrap-icons"; color: #3ab54a; }

    .bagguage_fees ul li.check:before { content: ""; position: absolute; top: -1px; left: 10px; background: url(/Images/baggage-included.svg) no-repeat; height: 15px; width: 15px; background-size: cover; }

   .bagguage_fees ul li.noCheck:before { content: ""; position: absolute; top: -1px; left: 10px; background: url(/Images/close-icon.svg) no-repeat; height: 15px; width: 15px; background-size: cover; }

 .bagguage_fees:hover .tooltipBox { display: block; }

 .bagguage_fees .tooltipBox { width: 330px; font-weight: 600; left: -85%; }

  .bagguage_fees .tooltipBox .baggesInfo { flex-direction: column; padding-left: 28px; }

   .bagguage_fees .tooltipBox .baggesInfo li { width: 100%; margin: 0; padding: 3px 0; text-transform: lowercase; }

  .bagguage_fees .tooltipBox:after,
  .bagguage_fees .tooltipBox:before { left: 18%; }

  .bagguage_fees .tooltipBox .row { padding-bottom: 10px; }

   .bagguage_fees .tooltipBox .row:last-child { padding-bottom: 5px; }

  .bagguage_fees .tooltipBox .leftSec { color: #303030; font-size: 13px; padding-left: 40px; position: relative; }

  .bagguage_fees .tooltipBox .bag { width: 20px; position: absolute; left: 10px; top: 0; }

   .bagguage_fees .tooltipBox .bag.last { height: 22px; }

  .bagguage_fees .tooltipBox p { margin: 0; font-weight: normal; color: #919192; font-size: 12px; line-height: 1.3; }

  .bagguage_fees .tooltipBox .included { color: #0e42ea; }

/*Card*/
.card__zoom { position: absolute; font-size: 11px; padding-top: 0px; font-weight: 500; display: inline-flex; left: 0; top: 45px; }

 .card__zoom i { color: #ccc; padding-right: 5px; }

 .card__zoom:hover .cardInfoTooltip { display: block; }

 .card__zoom .cardInfoTooltip { position: absolute; right: 0; width: 510px; background: #fff; z-index: 1; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1607843137); padding: 13px; top: 20px; font-size: 10px; display: none; }

  .card__zoom .cardInfoTooltip strong { display: block; padding: 10px 0; min-height: 42px; font-weight: 600; }

  .card__zoom .cardInfoTooltip p { font-weight: 500; }

.securebooking__Box { border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #c8e7cc; padding: 10px 0; font-size: 14px; margin-top: 20px; }

 .securebooking__Box h4 { padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #ccc; }

.timerSec { width: 100%; display: flex; border-radius: 5px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.0392156863); border: 1px solid #e8e8e8; background: #fff; align-items: center; justify-content: center; padding: 10px; margin-top: 20px; }

 .timerSec #timerCount { color: #fddb32; padding-left: 5px; }

 .timerSec p { font-size: 16px; font-weight: 600; color: #000000; margin: 0px; }

/*Isurance List*/
.insuranceList { margin: 0; padding: 0; list-style: none; overflow: hidden; }
 .insuranceList ul { margin: 0; padding: 0; list-style: none; }
 .insuranceList h5 { font-size: 14px; font-weight: 600; }
 .insuranceList li { line-height: 18px; font-size: 13px; margin: 10px 0px; position: relative; padding-left: 20px; }
  .insuranceList li:before { position: absolute; color: #4fb67a; font-family: fontawesome; font-weight: 900; content: "\f00c"; left: 0; }
  .insuranceList li p { margin: 0px; }
 .insuranceList.li50 { overflow: hidden; margin-right: -20px; }
  .insuranceList.li50 li { width: 50%; float: left; padding-right: 20px; }
   .insuranceList.li50 li.moreList { padding: 0; margin: 0px; width: auto; }
    .insuranceList.li50 li.moreList:before { content: ""; display: none; }
 .insuranceList .manymore { color: #fc5a4c; cursor: pointer; }
  .insuranceList .manymore:before { content: ""; display: none; }
.insurance-price { font-size: 22px; font-weight: 600; color: #F77D13; line-height: 1; padding: 20px 0 20px 0px; position: absolute; right: 20px; top: 0; }
 .insurance-price .per-pax { font-size: 13px; line-height: 1; display: block; color: #707070; font-weight: 400; margin-top: 5px; }
.radioSelect-option ul { margin: 0px; padding: 0px; }
 .radioSelect-option ul li { background: #fff; list-style: none; margin: 0 30px 7px 0; padding: 10px 12px; position: relative; width: calc(50% - 30px); float: left; box-shadow: 0px 3px 5px #BBC7D263; border-radius: 3px; }
.insurance_title { border-bottom: 1px solid #ccc; padding-bottom: 15px; }

/*New Travel protection*/
.page__title.payment_title { display: flex; align-items: center; }
 .page__title.payment_title .icons { margin-right: 15px; width: 50px; }
 .page__title.payment_title span { margin-top: 3px; font-size: 14px; }
#TravelProtectionIns { background: linear-gradient(1800deg, rgba(227,220,236,1) 0%, rgba(255,255,255,1) 100%); padding-bottom: 330px; overflow: hidden; }
.travel-protection { position: relative; padding-bottom: 30px; padding-right: 15px; }
 .travel-protection .insuranceList h5 { font-size: 16px; font-weight: 600; line-height: 22px; padding-left: 15px; }
 .travel-protection .insuranceList { margin: 0 -10px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; overflow: initial; }
  .travel-protection .insuranceList .items { width: calc(50% - 30px); line-height: 18px; font-size: 13px; margin: 10px 15px; position: relative; float: left; }
  /*.travel-protection .insuranceList .items img {position: absolute;left: 0px;top: 0px;width: 45px;margin-bottom: 10px;}*/
  .travel-protection .insuranceList li:before { display: none; }
 .travel-protection .slick-list { padding: 0px; margin: 0px; }
 .travel-protection .slick-dots { bottom: 0px; }
  .travel-protection .slick-dots li button { border: 1px solid #ccc; width: 6px; height: 6px; }
  .travel-protection .slick-dots li.slick-active button { border: 1px solid #36145b; background: #36145b; }
  .travel-protection .slick-dots li { padding: 0px !important; }
.travel-protectionbottom_image { width: 100%; position: absolute; left: 0px; bottom: -30px; }
.payment-contact-inner { position: relative; z-index: 2; }
.addnowBtn { color: #00c008; white-space: nowrap; display: flex; align-items: center; cursor: pointer; }
 .addnowBtn i { margin-right: 5px; }
.trip_protection_tooltip { position: absolute; padding: 6px 10px 6px 6px; background-color: #eaffd4; width: 300px; z-index: 2; left: 0; bottom: 41px; border: 1px solid #4fb67a; }
 .trip_protection_tooltip:after { content: ""; position: absolute; bottom: -16px; left: 10%; margin-left: 0; border-width: 8px; border-style: solid; border-color: #4fb67a transparent transparent transparent; }
 .trip_protection_tooltip.tooltipdown { background-color: #ffdcdc; border: 1px solid #fd7171; }
  .trip_protection_tooltip.tooltipdown:after { border-color: #fd7171 transparent transparent transparent; }
 .trip_protection_tooltip .close_tooltip { position: absolute; right: -7px; top: -8px; color: #fd7171; cursor: pointer; font-size: 19px; width: 20px; height: 20px; border-radius: 100%; }
 .trip_protection_tooltip p { margin: 0 !important; padding-left: 27px; position: relative; font-size: 12px !important; }
 .trip_protection_tooltip .bi-hand-thumbs-up { font-size: 21px; color: #4fb67a; position: absolute; left: 0; }
 .trip_protection_tooltip .bi-hand-thumbs-down { font-size: 21px; color: #f48d84; position: absolute; left: 0; }



@media (max-width: 767px) {
 #TravelProtectionIns { padding-bottom: 195px; }
  #TravelProtectionIns .payment_title div { overflow: hidden; padding-right: 88px; }
 .radioSelect-option ul li { width: 100%; }
 .insuranceList.li50 { margin: 0; padding-right: 0px; }
  .insuranceList.li50 li { width: 100%; padding-right: 0px; }
 .page__title.payment_title .icons { width: 30px; margin-right: 10px; }
 .travel-protection .page__title { padding-right: 108px; }
 #resultsCntr .page__title, .resultsCntr .page__title { font-size: 15px; }
 .insurance-price { font-size: 20px; padding: 15px 0px; }
 .page__title.payment_title span { font-size: 12px; }
 .travel-protection .insuranceList .items { width: 100%; margin-left: 0; }
 .travel-protection .insuranceList { margin-right: -20px; flex-wrap: wrap; }
  .travel-protection .insuranceList h5 { font-size: 12px; }
  .travel-protection .insuranceList p { font-size: 11px; line-height: 16px; margin-bottom: 5px; }
 .travel-protection .slick-slide { padding: 0 5px; }
 .travel-protection { margin-left: -5px; padding-right: 5px; }
}
/*Travel protection End*/
/*REfundable */
.payment-refundable .refund-details { position: relative; }
 .payment-refundable .refund-details .icon_image { position: absolute; right: 30px; top: 10px; }
.payment-refundable .upgrade-txt { border-radius: 5px; border: 1px solid #005dba; padding: 12px; font-size: 12px; margin: 10px 0; }

.payment-refundable .refund-subtital { font-size: 13px; color: #008c11; background: #f2ffee; border-left: 5px solid #43b851; padding: 10px 40px 10px 13px; margin: 5px 0 18px; clear: both; border-radius: 3px; }

/*REfundable */
.affirm-tooltip { position: relative; display: inline-block; }
 .affirm-tooltip .fa-info { display: inline-block; width: 13px; height: 13px; text-align: center; line-height: 13px; border: 1px solid #1b75bc; border-radius: 100%; font-size: 10px; color: #1b75bc; }
 .affirm-tooltip .promo-detail { display: none; background: #fff; font-size: 12px; padding: 3px 8px; position: absolute; left: 50%; top: 24px; transform: translateX(-50%); width: 218px; z-index: 2; border: 1px solid #1b75bc; color: #57585a; font-weight: 400; }
 .affirm-tooltip ul.affirm_list { padding: 10px 0 0; margin: 0; }
  .affirm-tooltip ul.affirm_list li { display: flex; align-items: center; justify-content: space-between; padding: 6px 0; border-bottom: 1px dashed #ccc; }
   .affirm-tooltip ul.affirm_list li .price { color: #4a4af4; font-weight: 700; }
 .affirm-tooltip:hover .promo-detail { display: block; }
.affir_content_block { padding-left: 25px; }
.pay-with-cc { width: 100%; padding-top: 16px; }
.affirm_radio { padding: 15px 0; border-top: 1px solid #ccc; margin-top: 16px; }


.required_star { color: red; }
/*common payment*/
.commonpayment { border-radius: 13px; box-shadow: 0px 3px 6px #D4D4D429; border: 1px solid #e8e8e8; background: #fff; padding: 13px; margin-bottom: 20px; position: relative; }
 .commonpayment .page-head { font-size: 18px; color: #333; font-weight: 700; margin-bottom: 15px; }
 .commonpayment .sub-head { font-size: 16px; color: #333; font-weight: 600; }
.payment__wrapper .payment__stepBox { width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 20px; }

 .payment__wrapper .payment__stepBox ul { list-style: none; padding: 0px; display: flex; align-items: center; justify-content: space-between; margin: 0px; }
  .payment__wrapper .payment__stepBox ul li { font-size: 16px; color: #333; cursor: pointer; padding-bottom: 8px; position: relative; }
   .payment__wrapper .payment__stepBox ul li i { position: relative; top: 0px; margin-right: 2px; }
   .payment__wrapper .payment__stepBox ul li:before { content: ""; height: 2px; position: absolute; left: 0px; bottom: -1px; transition: all 0.5s; width: 0px; display: block; background: #fddb32; }
   .payment__wrapper .payment__stepBox ul li.active:before { width: 100%; color: #fc5a4c; }
   .payment__wrapper .payment__stepBox ul li:hover, .payment__wrapper .payment__stepBox ul li.active { color: #fddb32; }
   .payment__wrapper .payment__stepBox ul li.complete { color: #009306; }
    .payment__wrapper .payment__stepBox ul li.complete:before { width: 100%; color: #009306; background: #009306; }
.payment__wrapper .bottom__row { padding: 10px 0; overflow: hidden; }

 .payment__wrapper .bottom__row .continue__button { cursor: pointer; background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); color: #fff; padding: 12px 38px; float: right; font-weight: 600; border-radius: 48px; text-decoration: none; }

  .payment__wrapper .bottom__row .continue__button.confirm { padding: 12px 30px; font-size: 17px; border: none; background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); text-align: center; }



   .payment__wrapper .bottom__row .continue__button.confirm i { margin-right: 3px; }
   .payment__wrapper .bottom__row .continue__button.confirm:hover { background: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, rgb(247, 125, 19) 100% ); }

   .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: rgb(255, 65, 118); background: linear-gradient( 90deg, rgb(255, 65, 118) 0%, rgb(247, 125, 19) 100% ); text-decoration: none; }
.payment__wrapper .adultType { list-style: none; padding: 0px; margin-bottom: 10px; }
 .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 { padding-top: 20px; }
 .payment__wrapper .travelerBox h4 { font-size: 18px; font-weight: 600; margin-bottom: 11px; color: #4b4b4b; }
 .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-bottom: 1px solid #ccc; margin-bottom: 30px; padding-top: 0px; }
  .payment__wrapper .travelerBox .traveler_block:first-child { border: none; margin-top: 0px; padding-top: 0px; }
.payment__wrapper .paymentBox { padding-top: 20px; }
/*Media */
@media (max-width: 767px) {
 .payment__wrapper .bottom__row { padding: 12px; background: #fff; position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 2; }
 .payment__wrapper .payment__stepBox ul li { font-size: 14px; padding: 10px; }
 .payment__wrapper .payment__stepBox { background: #fff; width: auto; margin: 0 -6px 18px -6px; padding: 0px; }
 .payment__wrapper { padding-top: 15px; }
 .commonpayment .page-head { margin: 10px 0; }
 .commonpayment { padding: 15px; }
 .easy-payment-logo { width: 70px; }
 .payment__wrapper .bottom__row .continue__button { float: none; margin: 0px auto; display: block; font-size: 18px; text-align: center; }
  .payment__wrapper .bottom__row .continue__button.confirm { padding: 9px 20px; margin-top: 9px; }
 .payment__wrapper .paymentBox { padding-top: 0px; }
 .payment__wrapper .travelerBox .traveler_block { padding-top: 0px; padding-bottom: 20px; margin-bottom: 0px; }
 .payment__wrapper .adultType { margin-bottom: 0px; }
 .payment__wrapper .payment__wrapper .loder__row { padding: 12px 0; background: #fff; left: 0px; bottom: 0px; width: 100%; z-index: 1; }
}
/*Media */
.payment__wrapper .paymentBox h4 { font-size: 18px; font-weight: 600; margin-bottom: 11px; color: #4b4b4b; }
.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: "\f107"; font-family: fontawesome; font-size: 23px; color: #333; font-weight: 700; position: absolute; right: 1px; top: 1px; pointer-events: none; padding: 7px 10px 0 0; background: #fff; }


@media (max-width: 767px) {
 .payment__wrapper .form__block .select-class:before { padding: 2px 10px 0 0; }
}

.payment__wrapper .form__block .form-control { padding: 12px; border-radius: 0px; background: #fff; }

@media (max-width: 767px) {
 .payment__wrapper .form__block .form-control { padding: 9px 12px; font-size: 13px; }
}

.payment__wrapper .form__block .form-control:focus { border-color: #fc5a4c; 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: #fddb32; color: red; }
 .payment__wrapper .form__block .is-error .form-control { border-color: red; }
 .payment__wrapper .form__block .is-error .icon { position: absolute; top: 13px; right: 10px; color: red; }
.payment__wrapper .form__block .is-success, .payment__wrapper .form__block .is-sucess { position: relative; }
 .payment__wrapper .form__block .is-success .form-control, .payment__wrapper .form__block .is-sucess .form-control { border-color: #90af5f; }
 .payment__wrapper .form__block .is-success .icon, .payment__wrapper .form__block .is-sucess .icon { position: absolute; top: 13px; right: 10px; color: #0fa848; }
.payment__wrapper .form__block .dob_calendar { position: absolute; right: 11px; top: 6px; font-size: 25px; color: #fc5a4c; 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; color: #6b6b6b; line-height: 21px; }
 .payment__wrapper .bottom_text p a { color: #fddb32; 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; }
/*payment wrapper end*/
.payment__top { padding: 15px 0 20px 0; }
 .payment__top .go__back { color: #333; font-weight: 600; text-decoration: none; }
  .payment__top .go__back i { font-size: 16px; font-weight: 700; margin-right: 3px; }
  .payment__top .go__back:hover { text-decoration: none; color: #fddb32; }
 .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 i { position: absolute; left: 0px; top: -3px; font-size: 28px; color: #fddb32; }
.mobile_go_back { position: absolute; left: 0px; top: 0px; background: #fff; width: 45px; height: 42px; margin: 0px; line-height: 38px; text-align: center; font-size: 20px; border-right: 1px solid #ccc; }
.form-group { margin-bottom: 10px; }
.formlabel { margin-bottom: 0.5rem; font-weight: 500; }

@media (max-width: 767px) {
 .form-group { margin-bottom: 0px; }
 .formlabel { margin-top: 12px; margin-bottom: 3px; }
 .payment__top { padding: 10px 0 0 0px; }
}
/*DOB Calendar*/
/*Loader Start*/
.page_loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10; background: rgba(0, 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/icons/flights-blue.svg) no-repeat center center; width: 94px; height: 94px; line-height: 90px; border-radius: 50%; margin: 0 auto; position: relative; }
 .page_loading .loading-circle { border: 3px solid #dddddd; border-radius: 50%; border-top: 5px solid #fddb32; 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: 0.2s; }
 .dot span:nth-child(3) { animation-delay: 0.4s; }

@keyframes blink {
 0% { opacity: 0.2; }
 20% { opacity: 1; }
 100% { opacity: 0.2; }
}
/*Loader End*/
.review_policy { border: 1px solid #4dc0ff; padding: 13px 12px 12px 37px; font-size: 14px; line-height: 25px; }
 .review_policy i { position: absolute; left: 10px; top: 16px; font-size: 18px; }

/**/
/* FOR SEPERATE INPUTS */
.date-input-container { border: 1px solid #ccc; display: inline-block; padding: 13px; width: 100%; }
 .date-input-container input { border: 0; outline: 0; text-align: center; width: 35px; }
  .date-input-container input.day, .date-input-container input.month { margin-right: 0px; }
  .date-input-container input.year { width: 40px; }
.cong span { color: #fddb32; font-weight: 700; }
.subTittile { font-weight: 500; color: #333; }
.paymentCard { display: flex; align-items: center; justify-content: end; margin-top: 32px; }
#error_TermCondition { color: red; padding-left: 26px; }
.data { width: 100%; }
 .data th, .data td { padding: 9px; border: 1px solid #e3e3e3; }
.print_button { background: #fddb32; 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: #fc5a4c; }

/*Print media css start here*/
@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; }
/*Print end */
#footerCntr { background: #eff3f7; color: #2d3553; }
    #footerCntr .footer__linkBox {
        width: 100%;
        padding: 55px 0 20px 0;
        background: #0E111D;
        color:#fff;
    }
  #footerCntr .footer__linkBox h4 { font-size: 20px; color: #fff; margin-bottom: 20px; position: relative; }
  #footerCntr .footer__linkBox ul { list-style: none; margin: 0px; padding: 0px; overflow: hidden; }
   #footerCntr .footer__linkBox ul li { display: block; /*width: 50%; float: left;*/ padding-right: 15px; }
    #footerCntr .footer__linkBox ul li a {
        font-size: 14px;
        color: #fff;
        line-height: 28px;
        text-decoration: none;
        cursor: pointer;
    }
        #footerCntr .footer__linkBox ul li a:hover {
            color: #ede8d2;
        }
  #footerCntr .footer__linkBox .footer__call { font-size: 25px; color: #202020; display: inline-block; border-bottom: 1px solid #c9c9c9; padding: 40px 0 9px 0; margin-bottom: 9px; }
   #footerCntr .footer__linkBox .footer__call a { font-size: 27px; color: #2d3553; font-weight: 700; text-decoration: none; line-height: 46px; }
  #footerCntr .footer__linkBox .email { display: inline-block; font-size: 14px; color: #fff; text-decoration: none; /*white-space: nowrap;*/ }
   #footerCntr .footer__linkBox .email.f-20 { font-size: 22px; font-weight: 700; color:#fff;}
   #footerCntr .footer__linkBox .email .icon { margin-right: 7px; font-size: 20px; color: #fff; }
    #footerCntr .footer__linkBox .email:hover {
        color: #ede8d2;
    }
 #footerCntr .footer__logoBox { padding: 20px 0; overflow: hidden; background: #ffffff; }
.bgCopyright {    padding-bottom: 20px;}
.client-logos { display: flex; gap: 20px; justify-content: center; margin: 0; list-style: none; padding: 0; }
 .client-logos li a { width: 130px; height: 45px; display: block; background: url(/images/footer/footer-logo.png) no-repeat; background-size: 100%; }
  .client-logos li a.asta { background-position: 0 -108px; }
  .client-logos li a.turst { background-position: 0 4px; }
  .client-logos li a.clia { background-position: 0 -150px; }
  .client-logos li a.digi { background-position: 0 -196px; }
  .client-logos li a.goddy { background-position: 0 -243px; }
#footerCntr .footer__logoBox .clients_logo { display: flex; padding: 0; margin: 0; list-style: none; }
 #footerCntr .footer__logoBox .clients_logo li { padding-right: 10px; }
  #footerCntr .footer__logoBox .clients_logo li img { max-width: 100%; }
#footerCntr .footer__logoBox .card_icons { width: 100%; }
#footerCntr .footer__logoBox .footer_logo { margin: 0px; padding: 0px; display: flex; align-items: center; }
 #footerCntr .footer__logoBox .footer_logo li { display: inline-block; padding: 0 10px; vertical-align: middle; }
#footerCntr .footer__copyrightBox { padding: 25px 0; font-size: 16px; color: #2d3553; overflow: hidden; }
 #footerCntr .footer__copyrightBox p { margin: 0px; }
 #footerCntr .footer__copyrightBox .social__icons { margin: 0px; list-style: none; padding: 0px; float: right; }
  #footerCntr .footer__copyrightBox .social__icons li { padding: 0px 10px; display: inline-block; }
   #footerCntr .footer__copyrightBox .social__icons li a { color: #2d3553; text-decoration: none; }
    #footerCntr .footer__copyrightBox .social__icons li a:hover { color: #fddb32; }
#footerCntr .disclaimerBox { padding: 25px 0; font-size: 13px; line-height: 25px; }
/*footer Media start*/
@media (max-width: 1199px) {
 #footerCntr .footer__linkBox ul li a { font-size: 14px; }
 #footerCntr .footer__linkBox .footer__call a { font-size: 25px; }
 #footerCntr .footer__linkBox .email { font-size: 14px; }
}

@media (max-width: 1023px) {
 #footerCntr .hide-tablet { display: none; }
}

@media (max-width: 767px) {
 #footerCntr .footer__linkBox ul { border-bottom: 1px dashed #c1c1c1; padding-bottom: 15px; }
 #footerCntr .footer__linkBox img { display: block; }
 #footerCntr .footer__linkBox { padding: 20px 0 0 0; }
  #footerCntr .footer__linkBox .footer__call { padding-top: 20px; display: block; }
 #footerCntr .footer__logoBox { padding: 10px 0; }
 #footerCntr .footer__linkBox ul li { width: 50%; float: left; }
 .client-logos { flex-wrap: wrap; grid-gap: 5px; }
 #footerCntr .footer__logoBox .card_icons { display: block; margin: 10px auto; width: 260px; }
 #footerCntr .footer__logoBox .footer_logo { display: block; padding-bottom: 12px; border-bottom: 1px dashed #ccc; text-align: center; }
  #footerCntr .footer__logoBox .footer_logo li { margin-bottom: 10px; display: block; }
 #footerCntr .footer__copyrightBox { padding: 15px 0; font-size: 13px; }
  #footerCntr .footer__copyrightBox .social__icons { margin-top: 10px; text-align: center; float: none; }
  #footerCntr .footer__copyrightBox p { padding-bottom: 10px; border-bottom: 1px dashed #ccc; text-align: center; }
 #footerCntr .disclaimerBox { padding: 0px; font-size: 12px; line-height: 20px; }
 #footerCntr .hide-tablet { display: block; }
 #footerCntr .mobile-bg { padding: 15px; }
}

/*footer Media end*/


.currencyBox { margin: 18px 10px 20px 20px; float: right; position: relative; display: block; }

@media (max-width: 1023px) {
 .currencyBox { margin: 16px 10px 20px 20px; }
}

@media (max-width: 767px) {
 .currencyBox { margin: 8px 10px 5px 7px; }
}

.currencyBox ul { top: 35px; position: absolute; padding: 0px; list-style: none; margin: 0px; width: 235px; background: #ffffff; right: -10px; box-shadow: 0 3px 6px #ccc; z-index: 5; }

 .currencyBox ul li { border-bottom: 1px dashed #ccc; }

  .currencyBox ul li:last-child { border: none; }

  .currencyBox ul li a { padding: 5px; display: flex; text-decoration: none; color: #333; align-items: center; justify-content: space-between; }

   .currencyBox ul li a .sprte { width: 30px; height: 30px; display: block; float: left; margin-right: 8px; background: url(../../images/sprite.png) no-repeat 0 0; }

    .currencyBox ul li a .sprte.aed { background-position: 0px -208px; }

    .currencyBox ul li a .sprte.aud { background-position: 0px 0px; }

    .currencyBox ul li a .sprte.gbp { background-position: 0px -40px; }

    .currencyBox ul li a .sprte.sar { background-position: 0px -125px; }

    .currencyBox ul li a .sprte.usd { background-position: 0px -168px; }

    .currencyBox ul li a .sprte.inr { background-position: 0px -84px; }

    .currencyBox ul li a .sprte.cad { background-position: 0px -248px; }

   .currencyBox ul li a .name_currency { display: inline-block; padding-top: 5px; }

   .currencyBox ul li a .side_curency { background: #f0f0f0; display: block; color: #5b6270; padding: 2px; width: 45px; text-align: center; border-radius: 24px; }

.currencyBox .currencyClick { cursor: pointer; font-size: 16px; color: #202020; }

@media (max-width: 1023px) {
 .currencyBox .currencyClick { font-size: 14px; }
}

/*About section*/
.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: "\f26b";
    color: #013172;
    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 { font-size: 32px; color: #303030; margin-bottom: 26px; position: relative; font-weight: 300; }

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

@media (max-width: 767px) {
 .contentBox h1 { font-size: 20px; 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: #fddb32; }

/*bullet*/
.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*/
.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: #fddb32; }

  .other_popularBox .items a { display: block; }

.content_image { padding: 0 20px 20px 0; 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; }
}

/*A*/
.static_title { /* background: rgb(247, 125, 19);
background: linear-gradient(90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100%);*/ background-size: cover; background-position: center top; background-repeat: no-repeat; height: 216px; color: #fff; padding: 26px; position: relative; }


@media (max-width: 1023px) {
 .static_title { height: 80px; }
}

.static_title h1 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.contentBox h3 { font-size: 20px; padding: 10px 0; font-weight: 600; }
/*A*/
/*Banner Box content*/
.contentBannerCntr { height: 400px; }

/*Contact form */
.contact__formBox { padding: 35px; color: #000000; margin-top: 20px; position: relative; /*Enquiry form Start*/ /*Enquiry form end*/ }

    
 


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

        .contact__formBox .seprator { padding-right: 40px; margin-right: 40px; border-right: 1px solid rgba(255, 255, 255, 0.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: #000000; margin-bottom: 10px; text-align: center; }

.contact__formBox .contct-form-cont {
    border: 1px dashed #8d8888;
    border-radius: 8px;
    padding: 10px;
}
.contact__formBox .contct-form-cont p {
    text-align: center;
}

.contact-img{
    padding-top:20px
}

.contact__formBox p {
    font-size: 16px;
    line-height: 25px;
}

.contact__formBox .textarea { width: 100%; margin-bottom: 15px; border-radius: 0.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: 50%;
    border: none;
    padding: 11px;
    margin-top: 4px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    background: #013172;
}

 .contact__formBox .button.enqsubmit_button { 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: #fddb32; 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: 0.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: 0.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: #fddb32; }

  .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: #fddb32; margin-right: 5px; }

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

 .contact__formBox.enquiry_form .select-class:before { content: "\f107"; font-family: fontawesome; font-size: 23px; color: #333; 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: #fddb32; font-size: 18px; }

/**/
.enquiry_form .label_name { display: none; }

.enquiry_form .inputField { width: 100%; border-radius: 0.25rem; border: none; 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; }
   
    }

/**/
.contactBox { padding-top: 30px; padding-bottom: 30px; }

 .contactBox .contact { box-shadow: 0 2px 9px rgba(204, 204, 204, 0.8); padding: 15px; margin: 20px 0; border-radius: 5px; }

  .contactBox .contact .page__title { margin-bottom: 10px; font-size: 20px; }

  .contactBox .contact a { color: #333; text-decoration: none; }

  .contactBox .contact i { margin-right: 10px; }

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

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

.contact .phone {
    color: #4B3C20;
    font-size: 25px;
    font-weight: 700;
    text-decoration: none;
}

.contact .email { color: #202020; display: inline-block; margin-top: 7px; text-decoration: none; }

/* Profile menu login*/
.content_list { padding: 0px; }

.loginBar { float: right; }

 .loginBar .topmenuBox { float: right; padding-right: 7px; }

  .loginBar .topmenuBox ul { list-style: none; }

   .loginBar .topmenuBox ul li.loginDropdown { position: relative; }

   .loginBar .topmenuBox ul li { float: left; padding: 0; }

    .loginBar .topmenuBox ul li a { color: #535353; font-size: 14px; padding: 13px 0 14px; display: block; }

     .loginBar .topmenuBox ul li a.login { display: flex; line-height: 20px; font-size: 16px; color: #202020; text-decoration: none; background: url(/images/profile/icon-login.webp) left top no-repeat; text-transform: capitalize; background-position: 0px 17px; padding: 18px 0 0 30px; }

      .loginBar .topmenuBox ul li a.login:hover { color: #fddb32; }

@media (max-width: 767px) {
 .loginBar .topmenuBox ul li a.login { margin-top: -10px; font-size: 13px; }
}

.short_name { position: absolute; left: -3px; top: 16px; background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); width: 24px; height: 24px; text-transform: uppercase; border-radius: 100%; text-align: center; line-height: 24px; color: #fff; }

@media (max-width: 767px) {
 .short_name { top: 5px; }
}

.displayusername { text-transform: capitalize; }

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu { margin: 0; padding: 0 15px 1px; display: none; width: 220px; position: absolute; right: -4px; left: inherit; top: 48px; border: 1px solid #ccc; z-index: 8; border-top: none; background: #fff; text-align: left; box-shadow: 1px 0 4px -1px rgba(18, 28, 11, 0.41); }

.loginBar .topmenuBox ul li.loginDropdown ul { list-style: none; position: absolute; left: 0; top: 43px; margin: 0; padding: 10px; background: #fff; border: none; }

 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li { padding: 0; display: block; float: none; position: relative; border-bottom: 1px dashed #ccc; margin: 0; }

  .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li:last-child { border-bottom: none; }

.loginBar .welcomename-mobile { position: relative; z-index: 1; }

.loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a { padding: 13px 20px 13px 30px; display: block; font-size: 15px; color: #535353; position: relative; z-index: 1; text-decoration: none; cursor: pointer; }

 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a:before { position: absolute; left: 0; width: 22px; height: 19px; display: block; content: ""; background: url(/images/profile/profile-icons.webp) left -416px no-repeat; }


 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a.signout:before { height: 22px; background-position: 0 -580px; }


 .loginBar .topmenuBox ul li.loginDropdown ul.loginMenu li a:hover { color: #fc5a4c; }

/* User Login*/
.login_popup { background-color: rgba(0, 0, 0, 0.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; overflow-y: auto; }

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

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

 .login_popup .inner { max-width: 500px; z-index: 7; margin: 0 auto; background: #fff; border-radius: 10px; overflow: hidden; }



@media (max-width: 767px) {
 .login_popup .inner { max-width: 95%; }
}

.login_popup .loginBox { overflow: hidden; position: relative; display: flex; align-items: stretch; flex-flow: row wrap; }

 .login_popup .loginBox .close { font-size: 20px; position: absolute; right: 0px; top: 0px; color: #fc5a4c; font-weight: 400; text-shadow: none; text-decoration: none; padding: 12px 15px; opacity: 1; }

 .login_popup .loginBox .left { width: 100%; overflow: hidden; padding: 30px 30px; }


 .login_popup .loginBox h3 { font-size: 18px; margin: 0 0 15px; font-weight: 700; }

.content_list li { padding: 0 0 0 22px; margin: 4px 0; position: relative; display: block; }

 .content_list li:before { content: ""; position: absolute; left: 4px; top: 7px; width: 8px; height: 8px; display: block; border: 2px solid #4d4d74; border-radius: 100%; }

.login_popup .loginBox .form-row { margin-top: 12px; position: relative; width: 100%; float: left; }

.login_popup .loginBox .textbox { padding: 10px 12px 10px 40px; font-size: 14px; color: #797979; width: 100%; border: 1px solid #b7b7b7; }

.login_popup .loginBox .form-row .icon { width: 30px; text-align: center; font-size: 24px; position: absolute; left: 5px; top: 5px; color: #1668e3; }

.login_popup .error_text,
.login_popup .error { color: #dc3545; margin-top: 4px; font-size: 13px; background: #fff !important; }

.login_popup .loginBox .button {
    background: #013273;
/*    background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
    padding: 11px 43px;
    font-size: 16px;
    color: #fff;
    float: left;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    position: relative;
}

.button_loding_div { background: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 44px; padding: 13px 0 15px 30px; font-size: 15px; text-transform: capitalize; font-weight: 400; display: block; }

 .button_loding_div .button_loader { border: 3px solid #f3f3f3; border-top: 3px solid #605e85; border-radius: 50%; width: 28px; height: 28px; animation: spin 2s linear infinite; position: absolute; top: 8px; left: 7px; }

.login_popup .loginBox .register { margin: 0; font-size: 14px; color: #535353; }

.login_popup .loginBox .forgot { font-size: 14px; color: #fc5a4c; text-decoration: none; float: right; }

.login_popup .text-ornage { color: #fc5a4c; }

.login_popup .loginBox .right { padding: 30px 30px 50px 30px; border-top: 1px dashed #ccc; width: 100%; overflow: hidden; text-align: center; }



.ortext { padding: 0px 0 20px; text-align: center; font-size: 15px; color: #626262; line-height: 26px; }



.login_popup .loginBox .facebook { text-align: center; padding: 8px 40px 8px 56px; display: block; font-size: 15px; color: #fff !important; position: relative; text-decoration: none; background: #3753a6; border: none; border-radius: 2px; cursor: pointer; width: 100%; }

 .login_popup .loginBox .facebook:before { width: 45px; height: 100%; line-height: 40px; border-right: 1px solid #26408d; position: absolute; left: 0; top: 0; text-align: center; font-size: 20px; font-family: bootstrap-icons; content: "\f344"; }

.login_popup .loginBox .google_login { margin: 15px 0 0; color: #dc3545 !important; background: #fff; border: none; width: 100%; }

.g-signin2 { float: left; margin-left: 11px; }

.login_popup .loginBox .abcRioButtonLightBlue { width: 100% !important; }

.abcRioButton { border-radius: 1px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); box-sizing: border-box; transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s; background-color: #fff; background-image: none; color: #262626; cursor: pointer; outline: none; overflow: hidden; position: relative; text-align: center; vertical-align: middle; white-space: nowrap; width: auto; border: 1px solid #dc3545; color: #dc3545 !important; }

.abcRioButtonContentWrapper { height: 100%; width: 100%; }

.abcRioButtonIcon { float: left; }

.abcRioButtonIcon { border-right: 1px solid #dc3545; }

.abcRioButtonContents { font-family: Roboto, arial, sans-serif; font-size: 14px; font-weight: 500; letter-spacing: 0.21px; margin-left: 6px; margin-right: 6px; vertical-align: top; }

.login_popup .loginBox .button.grayBtn { background: #ececec; margin-left: 8px; color: #535353; }

.sucessfull_message { position: absolute; right: 18px; top: 30px; background: #d4edda; padding: 15px; border: 2px solid #3c763d; border-radius: 2px; z-index: 9; }

/* User Profile Dasboard Css start*/
#profileCntr { padding: 20px 0; width: 100%; background: #f5f5f5; }

 #profileCntr .leftCntr { width: 210px; float: left; background: #181d21; border-radius: 10px; overflow: hidden; box-shadow: 0 0 6px #00000029; }

@media (max-width: 1199px) {
 #profileCntr .leftCntr { width: 100%; margin-bottom: 10px; margin-top: -10px; }
}

.profile_imageBlock { padding: 20px 18px; overflow: hidden; text-align: center; background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); }

@media (max-width: 1199px) {
 .profile_imageBlock { width: auto; float: none; padding: 10px 21px; margin: -10px -20px 0; }
}

.profile_imageBlock .name_col { float: left; padding-left: 10px; }

.profile_imageBlock .image { width: 71px; height: 71px; margin: 0 auto; background: #fff; border-radius: 100%; }

@media (max-width: 1199px) {
 .profile_imageBlock .image { width: 50px; height: 50px; float: left; }
}

.profile_imageBlock .image span.changeColor { font-size: 32px; color: #3a3939; font-weight: 700; display: block; line-height: 70px; text-align: center; }

@media (max-width: 1199px) {
 .profile_imageBlock .image span.changeColor { font-size: 21px; line-height: 50px; }
}

.profile_imageBlock .name { padding-top: 10px; font-size: 16px; color: #fff; }

@media (max-width: 1199px) {
 .profile_imageBlock .name { text-align: left; padding: 0px; }
}

.profile_imageBlock .small { padding-top: 5px; display: block; font-size: 12px; color: rgba(255, 255, 255, 0.8); font-style: italic; }

.leftMenu { width: 100%; overflow: hidden; }

@media (max-width: 1199px) {
 .leftMenu { display: none; }
}

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

 .leftMenu ul li { display: block; height: 55px; position: relative; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); }

  .leftMenu ul li a.active { color: #fc5a4c; background: #fff; font-weight: 500; }

  .leftMenu ul li a { padding: 17px 20px 17px 70px; display: block; font-size: 15px; color: #fff; position: relative; z-index: 1; text-decoration: none; }

   .leftMenu ul li a.active:before { background-position: 0 -200px; }

   .leftMenu ul li a:before { position: absolute; left: 30px; width: 22px; height: 19px; display: block; content: ""; background: url(/images/profile/profile-icons.png) left top no-repeat; }

   .leftMenu ul li a.myinformation:before { background-position: 0 -97px; }

   .leftMenu ul li a.reward:before { height: 25px; background-position: 0 -29px; }

   .leftMenu ul li a.deal:before { height: 17px; background-position: 0 -66px; }

   .leftMenu ul li a.signout:before { height: 22px; background-position: 0 -164px; }

#profileCntr .rightCntr { padding-left: 25px; width: calc(100% - 210px); float: left; }

@media (max-width: 1199px) {
 #profileCntr .rightCntr { width: 100%; padding: 0px; }
}

.tabBox { width: 100%; overflow: hidden; position: relative; }

 .tabBox ul { margin: 0; padding: 0 0 12px; list-style: none; position: relative; z-index: 1; }

  .tabBox ul li { padding: 0 10px 0 0; float: left; }

   .tabBox ul li a.active { color: #fff; background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); }

   .tabBox ul li a { padding: 10px 20px; display: block; font-size: 13px; color: #333; font-weight: 600; border: 1px solid #fc5a4c; text-decoration: none; background: #fff; border-radius: 5px; }

@media (max-width: 767px) {
 .tabBox ul li a { padding: 8px 15px; }
}

.tabBox ul li a:hover { background: #fc5a4c; color: #fff; }

.tabContent,
.tabContent2 { padding: 25px 0 0; width: 100%; }

.formBox { padding: 15px; margin-bottom: 20px; width: 100%; overflow: hidden; background: #fff; box-shadow: 0 0 6px #00000029; border-radius: 15px; }

 .formBox .title { padding-bottom: 25px; }

 .formBox [class*="col"] { padding-left: 10px; padding-right: 10px; }

 .formBox .title h2 { margin: 0; font-size: 20px; color: #4f4f50; display: inline-block; }

 .formBox .title .edit { padding: 7px 18px; font-size: 14px; color: #4f8ffc; position: relative; cursor: pointer; border-radius: 20px; border: 1px solid #4f8ffc; min-width: 90px; font-weight: 600; text-decoration: none; float: right; display: inline-flex; align-items: center; gap: 5px; }

 .formBox .form-group { padding-bottom: 10px; }

  .formBox .form-group .lable { padding-bottom: 6px; }

.star { color: red; }

.formBox .textbox { padding: 8px 12px 7px; font-size: 14px; color: #333; font-weight: 500; width: 100%; border: 1px solid #b7b7b7; border-radius: 0; box-shadow: none; resize: none; }

.error_text { color: #f54336; font-size: 13px; padding-top: 5px; }

.formBox .button { padding: 10px 30px; font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 500; cursor: pointer; border: none; background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); border-radius: 6px; position: relative; }

.button_loding_div { background: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 48px; padding: 13px 0 15px 30px; font-size: 15px; text-transform: capitalize; font-weight: 400; display: block; border-radius: 3px; }

 .button_loding_div .button_loader.blnk { left: 37%; transform: translateX(-50%); }

.formBox .button.grayBtn { background: #ececec; margin-right: 8px; color: #535353; }

.tabContent p { margin-bottom: 5px; }

.content_detail { list-style: none; margin: 0; padding: 0; }

 .content_detail li { line-height: 25px; font-size: 14px; }

  .content_detail li .label { width: 170px; display: inline-block; padding: 0; }

.formBox .label { font-size: 14px; color: #333; font-weight: 500; display: block; padding-bottom: 6px; }

.tabContent2 h2 { font-size: 21px; padding-bottom: 7px; }

.tabContent2 .table-bordered th { white-space: nowrap; }

.tabContent2 .table-bordered td,
.tabContent2 .table-bordered th { padding: 0.3rem; vertical-align: middle; }

.tabContent2 th { background: #333; font-weight: 600; color: #fff; font-size: 13px; }

.tabContent2 .table-bordered td { font-size: 13px; background: #fff; }

.tabContent2 .table-bordered td,
.tabContent2 .table-bordered th { padding: 0.3rem; vertical-align: middle; }

.bi-airplane { color: #1b75bc; }

.formBox .title .edit:before { font-family: bootstrap-icons; content: "\f4cb"; }

.select_dropdown { position: relative; }

 .select_dropdown:before { content: "\f282"; font-family: bootstrap-icons; font-size: 16px; position: absolute; right: 5px; top: 7px; height: 20px; width: 20px; color: #999; pointer-events: none; }

 .select_dropdown select { padding: 9px 12px 7px; font-size: 14px; color: #797979; width: 100%; border: 1px solid #b7b7b7; background-color: #fff; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; height: 38px; }

#profileCntr .rightCntr h2.main_title { font-size: 24px; }

.travelCouponBox { background: #f6f6f6; margin-top: 20px; margin-bottom: 10px; border-bottom: 1px solid #c0c3ca; width: 100%; float: left; padding-right: 10px; }

 .travelCouponBox .travel-img { position: relative; margin-top: -1px; height: 248px; overflow-x: hidden; margin-bottom: 0; }

 .travelCouponBox .coupon-top { padding-top: 25px; }

 .travelCouponBox h3 { color: #000; font-size: 18px; font-weight: 500; margin-bottom: 14px; }

 .travelCouponBox p { font-size: 15px; color: #5b616f; }

 .travelCouponBox .text-color { color: #fc5a4c; }

 .travelCouponBox .review_tnc { padding: 20px 0; display: block; }

.custom-tooltip { position: relative; display: inline-block; }

.travelCouponBox .learn_more { background: rgb(247, 125, 19); background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); color: #fff; text-decoration: none; font-weight: 500; padding: 10px 20px; display: inline-block; border-radius: 5px; }

 .travelCouponBox .learn_more:hover { color: #fff; }

.travelCouponBox .custom-tooltip .tooltip_detail { width: 430px; left: -183px; top: 43px; }

.custom-tooltip .tooltip_detail { display: none; background: #fff; font-size: 12px; padding: 6px; position: absolute; left: 0; top: 26px; width: 230px; border: 1px solid #94afc6; z-index: 3; white-space: normal; }

.custom-tooltip:hover .tooltip_detail { display: block; }

.center-sec { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#loadingimg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.login-sec .login_popup { position: inherit; background-color: rgba(0, 0, 0, 0); display: block !important; }

 .login-sec .login_popup .loginBox .close { display: none; }

.login-sec { background: rgba(13, 110, 253, 0.25); }

* { margin: 0px; padding: 0px; box-sizing: border-box; outline: none; }

input,
button { font-family: "Poppins", sans-serif; }

focus { outline: none; }

body { font-family: "Poppins", sans-serif; font-size: 14px; }

#mainCntr { overflow: hidden; }

@media (max-width: 1199px) {
 .container { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 767px) {
 .container { width: 100%; max-width: 100%; padding-left: 6px; padding-right: 6px; }
}

/*# sourceMappingURL=site.css.map */

.affirm-price { position: relative; cursor: pointer; }

 .affirm-price:hover .promo-detail { display: block; cursor: pointer; }

 .affirm-price.tooltip-custom .promo-detail { display: none; position: absolute; color: #000; background: #fff; text-align: center; left: 0; border: 1px solid #e6e6e6; border-radius: 3px; box-shadow: 0 0 3px #c7c7c7; top: 27px; padding: 8px; z-index: 1; }

@media (max-width: 1199px) {
 .affirm-price.tooltip-custom .promo-detail { left: -80px; }
}

@media (max-width: 767px) {
 .affirm-price.tooltip-custom .promo-detail { left: 0; }
}

.tooltip-custom:hover .promo-detail { display: block; font-weight: 400; }

.tooltip-custom .promo-detail { width: 228px; }

.affirm-price.tooltip-custom .promo-detail .affirm-logo { width: 50px; margin-bottom: 5px; }

.affirm-price.tooltip-custom .promo-detail p { font-size: 12px; font-weight: 600; margin: 0; text-align: center; }

.affirm-price.tooltip-custom .promo-detail ul { list-style: none; margin: 0; padding: 0; font-size: 12px; text-align: left; }

 .affirm-price.tooltip-custom .promo-detail ul li { border-bottom: 1px solid #e3e2e2; padding: 4px 6px; list-style: none; }

  .affirm-price.tooltip-custom .promo-detail ul li span { float: right; font-size: 12px; color: #4a4af4; font-weight: 600; }

.result-block
.price-section
.affirm-price.tooltip-custom
.promo-detail::before { right: 39px; left: auto; color: #cacaca; }

.affirm-price.tooltip-custom .promo-detail:after,
.affirm-price.tooltip-custom .promo-detail:before { content: ""; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; top: -12px; left: 50%; border-bottom: 10px solid #ccc; }

.affirm-price.tooltip-custom .promo-detail:after { border-bottom: 11px solid #fff; z-index: 1; }

@media (max-width: 767px) {
 #dest-view { display: none !important; }
}

.affirm-btn { width: 62px; height: 26px; display: block; margin-left: 0; float: right; background: url(/images/white-affirm-logo.png) left top no-repeat; float: right; margin-top: -8px; }

.freeCancel { position: relative; }

 .freeCancel .tooltipBox ul { padding: 0px 0 0 14px; font-size: 11px; }

 .freeCancel:hover .tooltipBox { opacity: 1; }

.footer_call { z-index: 1; display: none; width: 100%; position: fixed; left: 0px; bottom: 0px; background: #1668e3; text-align: center; padding: 7px 10px; font-size: 16px; font-weight: 600; box-shadow: 0 -26px 29px #00000029; }

 .footer_call a { color: #fff; text-align: center; text-decoration: none; display: flex; align-items: center; justify-content: space-evenly; position: relative; }

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

 .footer_call strong { font-size: 30px; color: #fff; font-weight: 800; line-height: 22px; }

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

 .footer_call .fcall_icon { width: 42px; }

 .footer_call .icons { background: #fff; width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; }

.loadingBox.height_loading { height: 100vh; box-shadow: none; }

 .loadingBox.height_loading .mid__loading { box-shadow: none; height: calc(100vh - 80px); margin: 40px 0; }



@keyframes blink {
 0% { color: #fddb32; }

 40% { color: #3ab54a; }

 60% { color: #1b75bc; }

 80% { color: #fddb32; }

 100% { color: #3ab54a; }
}


/*Uc Call*/
.call_dealpopup { background-color: rgba(0, 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: transparent; display: inline-block; cursor: pointer; position: absolute; right: 10px; top: 10px; color: #fff; }

  .call_dealpopup .close_callpopup:hover { color: #fff; }

/* New Liosting Page Pop up start*/
.innerBlock { background: #142042; max-width: 481px; margin: 0px auto; padding: 0px; position: relative; border-radius: 5px; font-size: 15px; }
 .innerBlock .top { height: auto; font-size: 17px; color: #005aab; text-align: center; font-weight: 600; background: url(/Images/promotion_banner/uc_banner.png?788) no-repeat center 0px; display: flex; justify-content: center; padding: 13px 0 228px 0; }
 .innerBlock .timer { font-size: 10px; font-weight: 400; border: 1px solid #ffffff59; padding: 10px; display: flex; justify-content: space-between; color: #fff; opacity: 0.8; }
 .innerBlock .timer-text { text-align: left; padding-right: 15px; font-weight: 500; font-size: 11px; }
 .innerBlock .timer-start { display: block; font-size: 20px; font-weight: 600; line-height: 1; padding-bottom: 5px; }
.timer-count { border-left: 1px solid #f5f5f5; color: #fff; display: flex; grid-gap: 15px; padding: 0 15px; }
 .timer-count img { width: 20px; }
.innerBlock .mid-sec { display: flex; justify-content: space-between; border-bottom: 1px solid #ffffff59; margin: 10px 20px; color: #fff; padding-bottom: 20px; }
 .innerBlock .mid-sec .exl-fare { font-size: 14px; display: flex; flex-direction: column; }
  .innerBlock .mid-sec .exl-fare span { font-size: 25px; font-weight: 600; line-height: 1; padding: 5px 0; }
.innerBlock .call-fare { text-align: right; position: relative; font-size: 11px; }
.innerBlock .text-book img { position: absolute; left: -34px; top: 25px; }
.innerBlock .text-book strong { color: #FFDF76; }
.innerBlock .text-book { font-size: 12px; }
.innerBlock .mid-sec .call-fare .call-off { font-size: 12px; font-weight: 500; }
.innerBlock .mid-sec .call-fare .call-price { font-size: 23px; font-weight: 600; color: #308CF7; line-height: 1; text-decoration: line-through; opacity: 0.9; }

.travl-city { margin: 0 20px; padding-bottom: 10px; }

 .travl-city .city-code { font-size: 32px; line-height: 35px; display: flex; justify-content: space-between; background: url(/Images/icons/flay.svg?1222) no-repeat center; color: #F1C40F; font-weight: 600; background-size: 55%; }

.dist-wit-date .city { font-size: 16px; line-height: 18px; color: #fff; }

.dist-wit-date span { font-size: 14px; }

 .dist-wit-date span b { font-weight: 600; }

.click-call { 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: 0 20px; margin-bottom: 10px; border-radius: 10px; }
 .click-call .call-ico { font-size: 14px; font-weight: 400; display: inline-flex; grid-gap: 10px; align-items: center; padding-right: 10px; }
  .click-call .call-ico .call_t1 { background: #ffffff; height: 50px; width: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
   .click-call .call-ico .call_t1 img { width: 67%; }
 .click-call .call-tfn { padding-left: 20px; border-left: 1px solid #ffffff; display: inline-block; font-weight: 600; font-size: 25px; }
 .click-call:hover { color: #fff; }
.fare-note { font-size: 11px; color: #B7AEC2; text-align: center; padding-bottom: 10px; }

@media (max-width: 767px) {
 .innerBlock .top { background-position: left top; }
 .innerBlock { background-size: cover; }
  .innerBlock .timer { padding: 5px; align-items: center; }
  .innerBlock .timer-text { text-align: center; font-size: 12px; }
 .timer-count { padding-top: 5px; }
  .timer-count img { width: 20px; }
 .click-call { grid-gap: 5px; }
 .innerBlock .timer-start { font-size: 18px; padding-bottom: 0px; }
 .click-call .call-tfn { font-size: 24px; line-height: 24px; }
 .call_dealpopup .close_callpopup { top: 10px; right: 10px; }
 .innerBlock .mid-sec .exl-fare span, .innerBlock .mid-sec .call-fare .call-price { font-size: 24px; }
 .innerBlock .mid-sec .exl-fare { font-size: 13px; }
 .innerBlock .mid-sec { margin-bottom: 0px; padding-bottom: 10px; }
 .travl-city .city-code { font-size: 29px; background-size: 57%; margin-top: 7px; }
 .dist-wit-date .city { font-size: 16px; }
 .call_now_text { font-size: 14px; }
 .fare-note { padding: 10px; }
  .fare-note br { display: none; }
}

/* Listing page pop up end*/
.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: #005aab; }
.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: #42cb53; }

.innerBlock .button { display: inline-block; border-radius: 5px; background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); color: #fff; width: 275px; text-align: center; text-decoration: none; padding: 7px 10px; font-size: 17px; font-weight: 600; margin-bottom: 10px; position: relative; }

 .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: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% ); box-shadow: none; border: none; padding: 10px; margin: 0px 5px; }
 .innerBlock.increasefare .buttongroup .changeflight { background: #0086ff; }

@media (max-width: 767px) {
 .airport_Code { margin-top: -8px; }
 .footer_call { display: block; z-index:9999; }
 .innerBlock { width: 95%; }
    .tripType li {
        display: inline-block;
    }
    .searchBox .search_topbar .click_div {
        font-size: 13px;
    }
    .searchBox .search_topbar .inputSet label {
        font-size: 12px;
    }
    }
/*Animation*/
.button-container-1 { position: relative; width: 148px; height: 48px; display: block; overflow: hidden; border: 2px solid #ff5300; font-weight: 600; font-size: 16px; transition: 0.5s; letter-spacing: 1px; border-radius: 48px; }
    .button-container-1 button {
        width: 101%;
        height: 100%;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 1px;
        background: #013273;
/*        background: linear-gradient( 90deg, rgb(247, 125, 19) 0%, rgb(255, 65, 118) 100% );*/
        -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
        mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");
        -webkit-mask-size: 2300% 100%;
        mask-size: 2300% 100%;
        border: none;
        color: #fff;
        cursor: pointer;
        -webkit-animation: ani2 0.7s steps(22) forwards;
        animation: ani2 0.7s steps(22) forwards;
    }

  .button-container-1 button:hover { -webkit-animation: ani 0.7s steps(22) forwards; animation: ani 0.7s steps(22) forwards; }

.mas {
    position: absolute;
    color: #013273;
    line-height: 48px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

@-webkit-keyframes ani {
 from { -webkit-mask-position: 0 0; mask-position: 0 0; }

 to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}

@keyframes ani {
 from { -webkit-mask-position: 0 0; mask-position: 0 0; }

 to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
}

@-webkit-keyframes ani2 {
 from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }

 to { -webkit-mask-position: 0 0; mask-position: 0 0; }
}

@keyframes ani2 {
 from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }

 to { -webkit-mask-position: 0 0; mask-position: 0 0; }
}

.typewriter { overflow: hidden; /* Ensures the content is not revealed until the animation */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0 auto; /* Gives that scrolling effect as the typing happens */ letter-spacing: .15em; /* Adjust as needed */ animation: typing 3.5s steps(30, end), blink-caret .5s step-end infinite; }

/* The typing effect */
@keyframes typing {
 from { width: 0 }
 to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
 from, to { border-color: transparent }
 50% { border-color: orange }
}

/**/

/* Book Now conform button css*/
.bkn-conf .button-loding { height: 60px; padding-top: 20px; z-index: 2; background: #269902; color: #ffffff; font-size: 18px; text-align: center; position: absolute; border-radius: 16px; width: 100%; top: 0; }
.dot-pulse { position: absolute; left: -9900px; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; color: #ffffff; box-shadow: 9999px 0 0 -5px; animation: dot-pulse 1.5s infinite linear; animation-delay: 0.25s; top: 10px; }
 .dot-pulse::before, .dot-pulse::after { content: ""; display: inline-block; position: absolute; top: 0; width: 10px; height: 10px; border-radius: 5px; background-color: #ffffff; color: #ffffff; }
 .dot-pulse::before { box-shadow: 9984px 0 0 -5px; animation: dot-pulse-before 1.5s infinite linear; animation-delay: 0s; }
 .dot-pulse::after { box-shadow: 10014px 0 0 -5px; animation: dot-pulse-after 1.5s infinite linear; animation-delay: 0.5s; }

@keyframes dot-pulse-before {
 0% { box-shadow: 9984px 0 0 -5px; }
 30% { box-shadow: 9984px 0 0 2px; }
 60%, 100% { box-shadow: 9984px 0 0 -5px; }
}

@keyframes dot-pulse {
 0% { box-shadow: 9999px 0 0 -5px; }
 30% { box-shadow: 9999px 0 0 2px; }
 60%, 100% { box-shadow: 9999px 0 0 -5px; }
}

@keyframes dot-pulse-after {
 0% { box-shadow: 10014px 0 0 -5px; }
 30% { box-shadow: 10014px 0 0 2px; }
 60%, 100% { box-shadow: 10014px 0 0 -5px; }
}

@media (max-width: 767px) {
 .bkn-conf .button-loding { top: 8px; height: 70px; }
}

@media (max-width: 767px) {
 #containerListing { margin-bottom: 50px; }
}

.conf-call { color: #ff4e01; font-weight: 600; font-size: 20px; }
.refrance-number { font-size: 18px; font-weight: 600; }
.blink span {
    font-size: 18px;
    animation: blink 1s linear infinite;
    font-weight: 600;
    color: #013273;
}
.ui-datepicker .start-date a {
    background: #013273 !important;
}

    @keyframes blink {
        0% {
            opacity: 0;
        }

        50% {
            opacity: .5;
        }

        100% {
            opacity: 1;
        }
    }

    .air-logo { width: 20px; height: 20px; outline: 3px solid #fff; outline-offset: -2px; }
.vid-cls { width: 400px; margin-bottom: 20px; }
/*Promo Banner start*/
/*.results_banner { padding-bottom: 15px; }*/

/*.results_banner {
    margin: 0;
    font-family: sans-serif;
    background: #fff;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}*/

.loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plane-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
}

/*.circle-bg {
    width: 80px;
    height: 80px;
    background: #dce3ed;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
}*/

.plane {
    position: absolute;
    width: 50px;
    top: 25px;
    left: 15px;
    animation: fly 1.5s ease-in-out infinite;
    color:#1668e3;
}

@keyframes fly {
    0% {
        transform: translateX(0px);
    }

    50% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0px);
    }
}

.title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 16px;
    color: #1a1a1a;
}

.subtitle {
    font-size: 14px;
    color: #555;
}
 .results_banner img { width: 100%; }
/*Promo Banner end*/
@media (max-width: 767px) {
 .mob-alt-load { display: block; }
 .vid-cls { width: 100%; }
}

.mob-alt-load { display: none; }
.frst-opt h5 { font-size: 14px; font-weight: 600; position: relative; padding-left: 20px; }
 .frst-opt h5:after { position: absolute; color: #4fb67a; font-family: fontawesome; font-weight: 900; content: "\f00c"; left: 0; top: 0; }
.frst-opt i { color: #4fb67a }
.frst-opt p { padding-left: 20px; }
.gifmark { position: absolute; left: -22px; top: -5px; width: 57px; background: #fff; }

/*Mobile Timere*/
.counterfooter { position: fixed; left: 20px; bottom: 20px; z-index: 99; }
 .counterfooter .cound-bottom { background: linear-gradient(90deg, rgba(247,125,19,1) 0%, rgba(255,65,118,1) 100%); padding: 6px 15px; cursor: pointer; display: flex; color: #fff; text-decoration: none; align-items: center; border-radius: 10px; }
 .counterfooter .call_t1 { background: #ffffff; height: 40px; width: 40px; margin-right: 10px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
  .counterfooter .call_t1 img { width: 67%; }
 .counterfooter .t-price { font-size: 20px; font-weight: 700; display: flex; align-items: center; }
 .counterfooter .cound-bottom .sec-devider { padding-left: 10px; margin-left: 10px; width: 1px; height: 22px; border-left: 1px solid #fff; }
 .counterfooter .Timer { font-size: 20px; font-weight: 600; }
.travel-protection .insuranceList .block { display: flex; align-items: center; }
.insurance_tooltip { position: relative; }
 .insurance_tooltip .tooltipBox { display: none; font-size: 13px; font-weight: 400; line-height: 19px; }
 .insurance_tooltip:hover .tooltipBox { display: block; opacity: 1; }

@media (max-width: 767px) {
 .insurance_tooltip .tooltipBox { width: 220px; }
}

/*new des*/
.modal { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.banner, .banner2 { color: #060606; background: #fff; padding: 20px; border-radius: 10px; width: 100% !important; margin: auto; }
.banner2 { height: 100vh; }
.offer-ex { color: #1f0aa3; font-weight: 700; }
.phone-number-ex { background: #fddb33; padding: 10px; border-radius: 5px; }
.phone-number-ex, .phone-number-ex2 { font-weight: 700; font-size: 20px; display: inline-block; margin: 10px 0; color: #191d3e; }
.phone-number-ex2 { background: #fff; padding: 2px 20px 2px 2px; border-radius: 45px; border: 3px solid #f7b52c; line-height: 33px; }
.support-text-ex { font-weight: 700; margin: 10px 0; }
.buttons-container-ex { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; gap: 10px; margin-top: 15px; }
.btn-ex { padding: 5px; background: #fff; color: #0d0d0d; font-weight: 400; border-radius: 5px 5px 20px 5px; cursor: pointer; font-size: 15px; border: solid #c8c4c4; border-width: 1px 3px 3px 1px; }
.shake { animation: horizontal-shaking .7s infinite; margin-left: 10px; background: #fddb33; padding: 10px; border-radius: 50px; color: #000; }

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 to { transform: translateX(0) }
}

.fixed-call-btn { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 95%; max-width: 500px; z-index: 1000; animation: slideUp .5sease-out; }
.toast.show { max-width: 350px; font-size: 0.875rem; padding: 0; background: #367bf3; }
.toast-header { color: #fff !important; background: #3b82f6 !important; transition: all .3sease; border-bottom: 1px solid rgba(0, 0, 0, .175); display: flex; align-items: center; }
.toast-body { padding: 0.75rem; word-wrap: break-word; }
.phone-circle { width: 44px; height: 44px; }
.toast-header .btn-close { position: absolute; right: 32%; top: 6px; font-size: 10px; --bs-btn-close-color: #e4e4e4; z-index: 1000000; }
.call-btn-link { padding: 12px 20px; }
/*opdes end*/
.middleContainer { width: 100%; overflow: hidden; }
middleContainer p {
    width: 80% !important;
}
.expslider h3 {
    bottom: 0;
    transform: translate(-50%,-50%);
    padding: 10px;
    position: absolute;
    font-size: 17px;
    width: 160px;
    margin: 0 auto;
    border-radius: 25px;
    color: #fff;
    transition: top .3s ease-in-out, -webkit-top .3s ease-in-out;
    left: 50%;
    text-align: center;
    background: #013273;
/*    border: 1px dashed #fff;*/
    transition: 0.3s ease-in-out;
}
    .expslider h3:hover {
        background: #1668E3;
/*        border: 1px dashed #fff;*/
    }
    .btn-planing { width: 160px; margin: 0 auto; background: #1668e3; border-radius: 25px; font-size: 17px; }
.luxuryListing ul { width: 96%; margin: 0 auto; }
 .luxuryListing ul li { width: 31%; float: left; /*position: relative;*/ overflow: hidden; border-radius: 20px; margin: 1%; /*padding-bottom: 118px;*/ }
.btn-planing { width: 160px; margin: 0 auto; background: #1668e3; border-radius: 25px; font-size: 17px; }
.expslider button, .luxuryListing ul li .cntbtnHolder button { float: right; background: #610101; color: #fff; font-size: 16px; text-transform: uppercase; border: none; padding: 6px 15px; border-radius: 30px; font-size: 11px; cursor: pointer; background: rgba(91, 1, 1, 1); font-weight: bold; background: linear-gradient(90deg, rgba(91, 1, 1, 1) 0%, rgba(214, 0, 1, 1) 51%, rgba(128, 1, 1, 1) 100%); }
.expslider .item button { position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, -8px); }
.expslider .item .btn-planing button { bottom: 22px; background: #1668e3; padding: 13px; width: 160px; cursor: pointer; z-index: 3; font-size: 13px; }
.disclaimer.vactabdisc { font-size: 13px; line-height: 19px; text-align: center; }
.blkbackground { margin-top: 24px; margin-bottom: 15px; }
 .blkbackground .cntbtnHolder { background: #292929 !important; }
 .blkbackground .item h3 { text-align: center !important; text-transform: uppercase !important; }
.expslider .item { margin: 0 21px; width: 31.3%; float: left; margin-bottom: 20px; overflow: hidden; display: block; border-radius: 10px; position: relative; height: 315px; margin-left: 0; }
.expslider ul { padding-top: 40px; }
.expslider .item .cntbtnHolder { width: 91%; border: 7px solid #fff; border-top: none; margin-top: -3px; }
.expslider .item:hover img { transform: scale(1.5); }
.expslider .item img { transition: ease .6s; border-bottom: none; width: 100%; height: 315px; object-fit: cover; display: block; transition: transform .5s ease; }
 .expslider .item img:hover { width: 120%; }
.blkbackground { padding-top: 0 !important; }
.bg-box { display: none; position: absolute; width: 100%; height: 100%; background: #0000002b; display: none; }
.blkbackground { position: relative; }
.expslider .item .cntbtnHolder { border-radius: 0; }
.expslider .owl-item div.item { border: 8px solid #fff; }

.flight-deals { display: flex; border-radius: 5px; margin: 0 auto; margin-top: 20px; border: 1px solid lightgray; }
 .flight-deals .deal-picture { width: 27%; }
 .flight-deals .deal-text { width: 73%; margin-left: 2px; }
.deal-text h2 { text-align: center; background: #202020; color: #fff; padding: 14px; font-size: 19px; letter-spacing: 1.1px; text-transform: uppercase; border-top-right-radius: 5px; }
.flight-deals .deal-deatil {
    border-bottom: 1px dashed lightgray;
    padding: 7px 38px 7px 0;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.deal-picture img{
    height: 296px !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #1668E3;
    background: #1668E3;
    color: #ffffff;
}
.ui-datepicker-calendar .ui-state-default.ui-state-active {
    background: #19407a;
}
    .deal-deatil div:first-child { width: 12%; }
.deal-deatil div:nth-child(2) { font-weight: bold; color: #000; width: 20%; font-size: 15px; }
.deal-deatil div:nth-child(3) { color: #131313; width: 25%; font-size: 15px; }
.deal-deatil div:nth-child(4) {
    font-weight: bold;
    color: #007C04;
    width: 20%;
}
.deal-deatil div:nth-child(5) { width: 23%; }
    .deal-deatil div:nth-child(5) .deal-button {
        background: #1668E3;
        color: #fff;
        text-transform: uppercase;
        border-radius: 5px;
        width: 133px;
        padding: 10px;
        border: none;
        cursor: pointer;
        font-weight: 700;
    }

@media (max-width: 767px) {
.luxuryListing .item{width: calc(50% - 21px);}
 .disclaimer.vactabdisc { padding-bottom: 0; }
 .flight-deals .deal-picture { display: none; }
 .flight-deals .deal-text { width: 100%; margin-left: 0px; }
 .deal-deatil div:first-child, .deal-deatil div:nth-child(3) { display: none; }
 .deal-deatil div:nth-child(2) { width: 50%;text-align:left;padding-left:10px; }
    .deal-deatil div:nth-child(2) p {
        font-weight: normal;
        font-size: 13px;
    }
 .deal-deatil div:nth-child(5) { width: auto; }
    .deal-deatil div:nth-child(4) {
        padding-right: 5px;
    }
    .flight-deals .deal-deatil {
        padding: 7px 3px;
    }
    .dlhtlContent h3 {
        font-size: 14px !important;
    }
    .slick-dots {
         display: none !important;
         }
    .slick-slide {
        padding: 5px 10px;
    }
    .hotelList {
        padding-bottom: 0px;
    }
    }

.footerBootom { width: 100%;border-top:1px solid #dfe0e4;  }
section.footerBootom div { text-align: left; }
.footerBootom > div p.footeraddress {  letter-spacing: 0; text-align: left; margin: 0; padding: 0; padding-bottom: 3px; font-size: 10px; }
.termcndintionFootertxt { font-size: 11px; }
.footerBootom img { background: #fff; padding: 1px 9px 2px 9px; border-radius: 10px; width: auto; margin-top: 0; margin-bottom: 5px; }
.footerBootom p { text-align: right; color: #73747a; font-size: 10px; letter-spacing: 3.5px; text-transform: uppercase;color:#fff; }
section.footerBootom div p { text-align: left; padding-left: 0; padding-top: 0; }
.termcndintionFootertxt p { letter-spacing: 0px !important; padding: 10px 0px !important; }
section.footerBootom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 15px 10px 15px;
    background: #0e111d;
    color:#fff;
}
.middleContainer h2 { margin-top: 30px; margin-bottom: 17px;color:#191e3b; }

@media only screen and (max-width: 1024px) {
 .middleContainer h2 { font-size: 23px; }
 
}
.hotelhome {
    display: inline-block;
    width: 100%;
    padding: 20px 0 14px 0;
}.hotelhome h2 {
    font-size: 30px;
    color: #181818;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 22px;
}.dlmainbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}.htldlbox {
    box-shadow: 1px 4px 14px #ccc;
    background: #fff;
    border-radius: 6px;
}.dlimg {
    position: relative;
}.dlmainbox img {
    width: 100%;
    height: 200px;
    border-radius: 4px;
    object-fit: cover;
}.dlhtlContent {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}.dlhtlContent div.htl {
    width: 66%;
}.dlhtlContent h3 {
    font-size: 16px;
    color: #181818;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 4px;
    line-height: 20px;
}.dlhtlContent p {
    font-size: 12px;
    color: #181818;
    margin-bottom: 8px;
}
    .dlhtlContent p span {
        font-size: 20px;
        color: #007C04;
        font-weight: bold;
    }.dlhtlContent p small {
    font-size: 9px;
}.dlhtlContent button {
    background: #1668e3;
    padding: 12px;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
}
/*new css*/
        .mojo-card{position:relative; margin:20px auto;}
/*.deal {
    width:100%;
    background: url(/../Images/home/hero1.jpg) center center no-repeat;
    background-size: cover;
}*/
.mojo-card-grid-img{background:url(/../Images/home/hero1.jpg) center center no-repeat;min-height:460px;background-attachment:fixed; background-size:cover; padding:30px; border-radius:20px; margin:20px auto;}
.mojo-card-grid {
    text-decoration: none;
    color: #fff;
    width: 384px;
    border-radius: 20px;
    padding: 25px;
    background: #000000ad;
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 1;
    transition:0.3s ease-in-out;
}
    .mojo-card-grid:hover {
        color: #Fff;
        transition:0.3s ease-out;
    }
    .mojo-card-grid .btn {
        background: #013273;
        border-radius: 30px;
        color: #fff;
        padding: 10px 15px;
        border: 1px solid #fff;
    }
    .mojo-card-grid:hover .btn {
        background: #fff;
        box-shadow: 0 0px 0px 0 #ffffffa1, 0 1px 20px 0 #ffffffbd;
        /*        border: 1px solid #1668E3;*/
        color: #1668E3;
    }
@media (max-width: 767px) {
    .mojo-card {
        margin: 50px 0 0;
    }

    .mojo-card-grid-img {
        min-height: 250px;
    }

    .mojo-card-grid {
        /* position: relative; */
        bottom: 0px;
        left: auto;
        width: 100% !important;
        /* border-top-left-radius: 0; */
        /* border-top-right-radius: 0; */
        top: 0px;
    }

    .countryList, .luxuryListing {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .page__title {
        font-size: 19px;
        line-height: 22px;
        text-align: center;
        text-align: center;
    }
}

.bottom-popup {
    position: fixed;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    /*        border-radius: 10px;*/
    padding: 10px 4px;
    max-width: 600px;
    width: 98%;
    z-index: 9999;
    animation: slideIn 0.4s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    display: none;
}

.popup-content {
    padding: 0 3px;
}

.btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000;
    top: 3px;
    right: 2px;
    font-size: 8px;
}

.agent-img {
    width: 70px;
    height: 74px;
    object-fit: cover;
    border-radius: 5px;
    /* border-radius: 50%; */
    /* transform: scaleX(-1); */
}

.text {
    line-height: 18px;
}

small {
    font-size: 15px !important;
    line-height: 5px !important;
}

.popup-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.popup-content span {
    font-size: 20px;
}


@keyframes slideIn {
    from {
        opacity: 0;
        transform: translate(-50%, 100px);
    }

    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@media (max-width: 576px) {
    .bottom-popup .popup-content {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .bottom-popup {
        display: block;
    }
}

.agent-img {
    margin-bottom: 10px;
}

#contact-slide {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    display: none;
    background-color: #002e5f;
    color: white;
    transition: transform 0.4s ease;
    height: 60px;
    align-items: center;
    justify-content: space-between;
}


@media (min-width: 768px) {
    #contact-slide {
        display: none !important;
    }
}

#contact-slide.collapsed {
    transform: translateX(calc(100% - 20px));
}

.contact-panel {
    background-color: #002e5f;
    color: white;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    height: 60px;
    justify-content: center;
    text-decoration: none;
}

.toggle-btn {
    background-color: #ffc107;
    color: white;
    padding: 0 5px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    min-width: 20px;
}
.phone-icon-call {
    width: 35px;
    height: 35px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    color: #0066ff;
    font-size: 18px;
}

.vibrate-icon {
    display: inline-block;
    animation: bellSwing 0.6s infinite ease-in-out;
    transform-origin: top center;
}

@keyframes bellSwing {
    0% {
        transform: rotateX(0deg);
    }

    25% {
        transform: rotateX(15deg);
    }

    50% {
        transform: rotateX(-15deg);
    }

    75% {
        transform: rotateX(10deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.tfn small {
    font-size: 16px !important;
}

.tfn strong {
    font-size: 20px !important;
}

.shadow {
    box-shadow: 5px 1rem 5rem rgb(229 215 215 / 15%) !important;
}

.expedia-popup {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 20px;
    max-width: 400px;
    margin: auto;
    text-align: center;
    font-family: 'Arial', sans-serif;
    position: relative;
}

.expedia-logo {
    width: 140px;
    margin: 0 auto 10px;
}

.travel-offer {
    color: #2600d2;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 15px;
}

.expedia-call-box {
    background-color: #ffd934;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    color: #1d1d1d;
}

.support-text {
    font-weight: bold;
    margin-bottom: 10px;
}

.agent-image img {
    width: 60px;
    height: 85px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.button-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

    .button-group button {
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background-color: white;
        cursor: pointer;
        font-size: 14px;
    }

.call-footer {
    margin-top: 10px;
    font-size: 14px;
}

.footer-text {
    font-weight: bold;
    margin-bottom: 5px;
}

.call-highlight {
    background-color: #ffe9a7;
    color: #000;
    padding: 10px;
    border-radius: 25px;
    font-weight: bold;
}

.close-btn {
    position: absolute;
    top: 8px;
    right: 12px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #444;
}

#travel-expert-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.expedia-popup {
    background: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 400px;
    width: 90%;
    text-align: center;
    position: relative;
}

.close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
}

.call-highlight {
    background-color: #ffe9a7;
    padding: 10px;
    border-radius: 20px;
    margin-top: 10px;
    font-weight: bold;
}

.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 15px 0;
}

    .button-group button {
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 8px;
        background-color: white;
        cursor: pointer;
        min-width: 120px;
    }
.expedia-popup a {
    text-decoration: none;
    color: inherit;
}
    .expedia-popup a:hover {
        text-decoration: none;
        opacity: 0.9;
    }


/* Hide mobile content by default */
#bannerCntr {
    display: block;
}

#mobileSearchCntr {
    display: none !important;
}

@media (max-width: 767px) {
    #mobileSearchCntr {
        display: block !important;
    }

    .mobile-tagline {
        display: block !important;
        text-align: center;
        color: #000;
        padding: 10px 0;
    }
}

@media screen and (min-width: 769px) {
    .mobile-tagline {
        display: none !important;
    }
}
.mobile-tagline {
    text-align: center;
    background-color: #fddb32;
    padding: 20px 15px 10px;
    color: #013273;
    font-family: 'Segoe UI', sans-serif;
    border-radius: 8px;
    margin-bottom: 10px;
    font-weight: 700;
    box-shadow: 0 9px 13px rgba(0, 0, 0, 0.05);
}

    .mobile-tagline h2 {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        color: #000;
    }

    .mobile-tagline p {
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 0;
        color: #555;
    }

    .mobile-tagline .highlight {
        color: #e60000;
        font-weight: bold;
    }