.super_container {
    overflow-x: hidden;
}

.lato400 {
    font-family: 'Lato' !important;
    font-weight: 400 !important;
}

.lato300 {
    font-family: 'Lato', sans-serif;
    font-weight: 300 !important;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Lato' !important;
    overflow-x: hidden !important;
    color: var(--body-text-color);
}

/*Custom Updates Rana 28-July*/
.pay-opt-tab li a .pay-opt-price {
    padding-top: 21px;
}

.bas-price {
    display: -webkit-inline-box;
}

    .bas-price h4 {
        position: relative;
        left: 10px;
        top: -10px;
    }

div#has-no-tip strong {
    font-weight: 600;
}

#collapse5 .row .col-12 p {
    font-size: 16px;
}

.nav-tabs .nav-link.active::after {
    content: "→";
    content: '';
    position: relative;
    left: 42%;
    top: 51px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid var(--primary-color);
    clear: both;
}
.nav-tabs .nav-link.infobx.active::after {
    display:none;
    content: "→";
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* top: 52px; */
    bottom: -15px;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--primary-color);
    clear: both;
}

infobx
/*Custom Updates Rana*/
.super_container {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}
/*FONTS*/
.f9 {
    font-size: 9px;
}

.f11 {
    font-size: 11px;
}

.f13 {
    font-size: 13px !important;
}

.f14 {
    font-size:14px !important;
}

.f15 {
    font-size: 15px;
}

.f17 {
    font-size: 17px;
}

.f18 {
    font-size: 18px;
}

.f19 {
    font-size: 19px;
}

.f20 {
    font-size: 20px;
}

.f22 {
    font-size: 22px;
}
.f24 {
    font-size:24px;
}
.f25 {
    font-size: 25px;
}

.f30 {
    font-size: 30px; 
}

.f40 {
    font-size: 40px;
}

.f50 {
    font-size: 50px !important;
}

.f65 {

    font-size:65px !important;
}

/*COLORS*/
.colorgrey {
    color: var(--body-text-color);
    
}

.colorornge {
    color: var(--secondary-color);
    /*min-height:120px;*/
}

.colorlblack {
    color: #3c4e5a;
}

.colorgreen {
    color: var(--primary-color);
}
.colorfillprimary {
    fill: var(--primary-color);
}
/*BG_COLORS*/
.bg-red {
    background-color: #ef3e40;
}
.loaderBgColor {
    background: var(--loader-background-color);
}

.btn-primary {
    color: var(--btn-text-color);
    background-color: var(--btn-primary-color);
    border-bottom: 4px solid var(--btn-shadow-color);
}
.btn-primary-color, .btn-primary a{
 color:   var(--btn-text-color);
}

    .btn-primary:hover {
        color: var(--btn-hover-text-color);
        background-color: var(--btn-hover-color);
        border-bottom: 4px solid var(--btn-hover-shadow-color);
    }

    .btn-primary a:hover {
        color: var(--btn-hover-text-color);
    }
/*.btn-primary-color {
    color: var(--searchtab-button-color);
}*/

.btn-Secondary {
    background-color: var(--btn-secondary-background-color);
    box-shadow: var(--btn-secondary-shadow-color) 0 0 1px;
}

.btn-Secondary-color {
    color: var(--btn-secondary-text-color);
}
.btn-Secondary:hover {
    background-color: var(--btn-secondary-hover-color);
    box-shadow: var(--btn-secondary-hover-shadow-color) 0 0 1px;
}

.btn-Secondary-color:hover {
    color: var(--btn-secondary-hover-text-color);
}

/*a.ctaBtn {
    border-radius: 5px;
    background: #4ebe4f;
    color: #fff !important;
    border: none;
    letter-spacing: .7px;
    border-bottom: 4px solid #3b8718;
    display: inline-block;
}*/

a.ctaBtn:hover {
    color: var(--btn-hover-text-color);
    background: var(--btn-hover-color);
    border-bottom-color: var(--btnHoverBorderBottomColor);
    box-shadow: var(--btn-hover-shadow-color);
    text-decoration: var(--btnHoverTxtDecoration);
    -webkit-appearance: var(--btnHoverWebkitAppearance);
    cursor: var(--btnHoverCursor:pointer);
}

.couponInnerWrap {
    width: 100%;
}

    .couponInnerWrap .couponInfo {
        padding: 5px 15px;
        font-size: 15px !important;
    }

.coupon .promoImgWrap img {
    width: 100%;
    max-width:250px;
}

.couponInnerWrap .couponInfo a {
    color: #3c4e5a;
}

.full-width{
    width:100%;
}
.bg-lblue {
    background-color: var(--primary-color);
}

.bg-lgrey {
    background-color: #F3F3F3;
}

.bg-grey {
    background-color: #F6F6F6;
}

.bg-blue {
    background-color: #24C4C2;
}

.bg-green {
    background-color: #24AE25;
}
.bg-lgreen {
    background-color: #7BBD65;
}

.bg-orange {
    background-color: #EBB384;
}

.bg-pnik {
    background-color: #E994AA;
}

.bg-dgrey {
    background-color: #EEEEEE;
}
.bg-menu {
    background: var(--menu-background-color);
}
.bg-menu div ul li a  {
    color: var(--menu-text-color)!important;
}
    .bg-menu div ul.list-unstyled li a {
        color: var(--topbar-text-color) !important;
    }
    .bg-menu li a:hover {
        color: var(--menu-hover-text-color) !important;
    }
.primaryBgColor {
    background: var(--primary-color);
}
.primaryColor {
    color: var(--primary-color);
}
.secondaryBgColor {
    background: var(--secondary-color);
}

.secondaryColor {
    color: var(--secondary-color);
}

.text-shadow {
    text-shadow: 3px 2px 2px #333 !important;
}

p {
    font-family:'Lato', 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    color: var(--body-text-color);
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

    p a {
        display: inline;
        position: relative;
        text-decoration: underline !important;
        color: inherit;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: var(--primary-color);
    /*border-bottom: solid 1px var(--primary-color);*/
}

    p a:hover::after {
        opacity: 0.2;
    }

::selection {
}

p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif,Lato,Helvetica,Roboto,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--heading-text-color);
}

    h1::selection,
    h2::selection,
    h3::selection,
    h4::selection,
    h5::selection,
    h6::selection {
    }
/*
    SIDEBAR MOBILE NAVIGATION
*/
.btn-profile-m {
    display: none;
}

#sidebar {
    min-width: 100%;
    max-width: 100%;
    background: #ffffff;
    color: #3c4e5a000;
    transition: all 0.3s;
    display: none;
}

    #sidebar li {
        border-bottom: 1px solid #e6e6e6;
        padding: 0px !important;
    }

    #sidebar h6 {
        color: #3c4e5a;
        padding: 10px 0px;
    }

    #sidebar ul li:last-child {
        border: none;
    }

    #sidebar.active {
        margin-left: -100%;
    }

    #sidebar .sidebar-header {
        padding: 15px;
        background: #ffffff;
        text-align: center;
        color: #dc3545;
        border-bottom: 2px solid #e6e6e6;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }

        #sidebar .sidebar-header a {
            color: #dc3545;
        }

    #sidebar ul.components {
        padding: 0 0 20px 0;
    }

    #sidebar ul p {
        color: #fff !important;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 20px;
        font-size: 1.1em;
        display: block;
        text-transform: capitalize;
        color: white !important;
    }

    #sidebar ul li div a {
        color: #3c4e5a !important;
    }

        #sidebar ul li div a.menuHeadLink {
            float: right;
            padding: 0;
            font-size: 12px;
            margin-right: 15px;
            line-height:2;
        }

#sidebar ul li a.collapsed {
    color: white !important;
    background: var(--primary-color);
}

    #sidebar ul li.dropdown a {
        color: var(--primary-color) !important;
        background: #fff;
    }

    #sidebar ul li.active a:hover i {
        color: white !important;
    }

    #sidebar ul li.dropdown a:after {
        content: '\f107';
        position: absolute;
        right: 15px;
        top: 20px;
        font-size: 18px;
        font-weight: 700;
        font-family: "Font Awesome 5 Free";
        color: var(--primary-color);
        border: none;
        transition: all .5s;
        transform: rotate(-180deg);
    }

    #sidebar ul li.dropdown a.collapsed {
        color: white !important;
        background: var(--primary-color);
    }

        #sidebar ul li.dropdown a.collapsed:after {
            transform: rotate(0deg);
            color: white;
        }

    #sidebar ul li.submenu.dropdown div a:after {
        content: "";
    }

    #sidebar ul li.submenu a.collapsed {
        background: white;
        color: #3c4e5a !important;
    }

span.priceMatch2 {
    font-size: small;
}

.list-unstyled .list-inline {
    display: contents;
}

#sidebar ul li.submenu a {
    color: #3c4e5a !important;
    text-align: left;
    padding: 20px !important;
}

#sidebar ul li.submenu.dropdown a.collapsed:after {
    transform: rotate(0deg);
}

#sidebar ul li.submenu.dropdown a:after {
    content: '\f107';
    position: absolute;
    right: 15px;
    top: 20px;
    font-size: 18px;
    font-weight: 700;
    font-family: "Font Awesome 5 Free";
    color: #3c4e5a;
    border: none;
    transition: all .5s;
    transform: rotate(-180deg);
}

#sidebar ul li.dropdown div a:after {
    content: "";
}


#sidebar ul li.active > a {
    color: #fff !important;
    background: var(--primary-color);
}

#sidebar ul li.active {
    padding: 0px;
}

    #sidebar ul li.active ul li {
        padding: 0px 10px !important;
    }

#sidebar #sidebarCollapse {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 15%;
}

    #sidebar #sidebarCollapse button {
        display: none;
        height: 50px;
        background: var(--primary-color);
        width: 100%;
        border: none;
        border-radius: 0px;
    }

#sidebar.active #sidebarCollapse button {
    display: block;
}

#sidebar .card .loggedIn.collapsed {
    box-shadow: none;
}

#sidebar .card .loggedIn {
    box-shadow: 0px 4px 4px 0px #e3e3e3;
    color: #3c4e5a;
}

    #sidebar .card .loggedIn.collapsed .fa-angle-down {
        transform: rotate(0deg);
    }

    #sidebar .card .loggedIn .fa-angle-down {
        transform: rotate(180deg);
        transition: all 0.5s;
    }

#sidebar .card .cu-logo img {
    height: 50px;
}

.popover {
    max-width: 350px;
}

.login-popover {
    min-width: 290px;
    margin-top: 10px;
    color: #3c4e5a;
}

    .login-popover .image {
        width: 13%;
        float: left;
        margin-top: 8px;
    }

    .login-popover .text {
        float: left;
        width: 85%;
        text-align: left;
        margin-left: 5px;
        line-height: 1.3;
    }

    .login-popover .head-1 {
        display: block;
        font-size: 16px;
        line-height: 24px;
        font-weight: 900;
    }

    .login-popover .head-2 {
        display: block;
        font-size: 14px;
    }

        .login-popover .head-2 strong {
            font-weight: 700;
        }

    .login-popover .super {
        font-size: 7px;
        vertical-align: super;
        font-weight: 700;
    }

    .login-popover .head-3 {
        font-size: 11px;
    }

    .login-popover .save {
        font-weight: 700;
        color: white;
        background: #E01818;
        padding: 0px 5px;
        border-radius: 4px;
    }

    .login-popover .popover-btn {
        display: block;
        text-align: center;
    }

        .login-popover .popover-btn a.btn {
            font-size: 14px;
            line-height: 25px;
            font-weight: 600;
            color: white;
            text-transform: uppercase;
            background: var(--primary-color);
            padding: 5px 25px;
            margin: 10px;
            border-bottom: 3px solid var(--secondary-button-hover-color);
            border-radius: 5px;
        }

.login-popover2 {
    margin: -.5rem -.75rem;
    width: 250px;
}

    .login-popover2 ul li {
        border-bottom: 2px solid #e6e6e6;
    }

        .login-popover2 ul li.submenu a {
            color: #3c4e5a !important;
            text-align: left;
            padding: 15px !important;
            font-weight: 500;
        }

            .login-popover2 ul li.submenu a:hover {
                background: rgba(227, 227, 227,0.5);
            }

        .login-popover2 ul li.logout {
            border: none;
            background: #CCF0F0;
            cursor: pointer;
        }

.loggedInUser {
    cursor: pointer;
}

    /*.loggedInUser:hover {
        opacity: .8;
    }
*/
a#loggedInUserMenu:focus {
    outline: none;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-flex;
    position: relative;
    top: 4px;
    right: -1px;
    transform: translateY(-50%);
}

#content {
    width: 100%;
    transition: all 0.3s;
    min-width: 100%;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
}
/*HEADER STYLING*/
.superdeal {
    padding-top: 10px;
    padding-bottom: 14px;
}

    .superdeal a {
        letter-spacing: 1.5px;
    }

        .superdeal a span {
            border-bottom: 4px solid #3b8718;
            border-radius: 5px;
            transition: box-shadow .2s;
        }

            .superdeal a span:hover {
                box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
                border-bottom-color: #437132;
                color: #fff;
            }

        .superdeal a:hover {
            text-decoration: none;
        }

nav ul li {
    padding: 0px 10px;
}

    nav ul li a {
        color: var(--menu-text-color);
        font-weight: 500;
        text-transform: uppercase;
        font-size: 16px;
    }

.hoverline:hover {
    border-bottom: 3px solid var(--menu-text-color);
}

nav ul li.dropdown div {
    /* min-width: 2em; */
    padding: 2px 0px 0px;
}

nav ul li a.warpper_tooltip span.tooltip-container {
    position: absolute;
    background: rgba(60,78,90,.95);
    border-radius: 5px;
    padding: 10px 15px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    height: auto;
    text-shadow: none;
    transition: all ease .5s;
    text-transform: none;
    cursor: default;
    text-align: left;
    z-index: -1;
    opacity: 0;
    font-weight: 400;
    right: 12.5%;
}

nav ul li a.warpper_tooltip:hover span.tooltip-container {
    z-index: 4;
    opacity: 1;
}
/*********************************
3. Header
*********************************/

.header {
    position: relative;
    width: 100%;
    background: var(--header-background-color);
    z-index: 12;
}

    .header.scrolled {
        top: 0;
    }

/*********************************
3.1 Top Bar
*********************************/

.top_bar {
    width: 100%;
    height: 38px;
    padding-top: 3px;
    background: var(--topbar-background-color);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
    .top_bar .social_list_item a {
        color: var(--topbar-text-color);
    }

.top_bar.loggedIn {
    height: 45px;
    padding-top: 5px;
}

.phone {
    display: inline-block;
    margin-right: 36px;
    line-height: 36px;
    font-size: 16px;
    /*font-weight: 600;*/
    color: #3c4e5a;
}

.social_list_item {
    position: relative;
    display: inline-block;
    margin-right: 3px;
}

    .social_list_item:last-child {
        margin-right: 0px;
    }

    .social_list_item a {
        display: block;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        line-height: 36px;
        color: var(--topbar-text-color);
    }

    .social_list_item:hover a i {
        color: var(--topbar-text-color);
    }

    .social_list_item a i {
        font-size: 12px;
        color: #3c4e5a;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .social_list_item a:hover {
        text-decoration: underline;
    }

.user_box_link {
    display: inline-block;
    position: relative;
}

    .user_box_link a {
        display: block;
        font-size: 14px;
        line-height: 28px;
        font-weight: 600;
        color: var(--topbar-background-color);
        text-transform: capitalize;
        background: var(--primary-color);
        padding: 0px 15px;
        border: none;
        border-bottom: 3px solid var(--primary-color);
        border-radius: 5px;
    }

        .user_box_link a:hover, .user_box_link a:active, .user_box_link a:focus, .user_box_link a:not(:disabled):not(.disabled):active {
            color: var(--menu-text-color);
            background: var(--primary-color);
            padding: 0px 15px;
            border-bottom: 2px solid var(--primary-color);
            border-radius: 5px;
            box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);
        }

.user_box_login {
    margin-right: 5px;
}

.main_nav_col {
    height: 45px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.clearBtn:focus {
    box-shadow: none;
}

/*********************************
3.2 Logo
*********************************/
.logo {
    margin: 15px 0 0 0;
}

.logo_container {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}

.logo a {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #f4f4f8;
    font-weight: 800;
    text-transform: uppercase;
}

    .logo a img {
        display: inline-block;
        vertical-align: baseline;
        margin-right: 9px;
        height: 65px;
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
        transform: translateY(2px);
    }

/*********************************
3.3 Main Nav
*********************************/

.main_nav_container {
    /* margin-right: 221px; */
}

.main_nav_item {
    position: relative;
    display: inline-block;
    margin-right: 40px;
}

    .main_nav_item:last-child {
        margin-right: 0px;
    }

    .main_nav_item a {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #3c4e5a;
        text-transform: uppercase;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .main_nav_item::after {
        display: block;
        position: absolute;
        left: -1px;
        bottom: -11px;
        width: calc(100% + 2px);
        height: 2px;
        background: var(--primary-color);
        /* background: linear-gradient(to right, #fa9e1b, #8d4fff); */
        content: '';
        opacity: 0;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .main_nav_item:hover::after {
        opacity: 1;
    }

.content_search {
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    cursor: pointer;
}

.mag_glass {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.content_search img {
    width: 17px;
    height: 17px;
}

.content_search:hover .mag_glass {
    fill: #fa9e1c;
}

.search_form {
    position: absolute;
    right: 15px;
    top: 120px;
    width: 237px;
    height: 40px;
    visibility: hidden;
    opacity: 0;
}

    .search_form.active {
        top: 105px;
        visibility: visible;
        opacity: 1;
    }

.search_content_input {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    color: #1b0b32;
    padding-left: 20px;
    outline: none !important;
    border: none !important;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.15);
}

.bez_1 {
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
}

/*********************************
3.4 Menu
*********************************/

.hamburger {
    display: none;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
    cursor: pointer;
    margin-left: 20px;
}

.hamburger i {
    font-size: 24px;
    color: #FFFFFF;
}

.hamburger:hover i {
    color: #fa9e1c;
}

.menu {
    position: fixed;
   /* width: 100vw;
    height: 100vh;*/
    background: linear-gradient(to right, #30a1a3, #38d7da);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

    .menu.active {
        opacity: 0.95;
        visibility: visible;
    }


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

.menu_item {
    position: relative;
    margin-bottom: 3px;
}

    .menu_item:last-child {
        margin-bottom: 0px;
    }

.menu_logo {
    margin-bottom: 28px;
}

    .menu_logo a img {
        width: 40px !important;
    }

.menu_item a {
    display: inline-block;
    position: relative;
    font-family: inherit;
    font-size: 36px;
    color: #FFFFFF;
    font-weight: 400;
}

    .menu_item a::after {
        display: block;
        position: absolute;
        top: 60%;
        left: 0;
        width: 0;
        height: 4px;
        background: #FFFFFF;
        letter-spacing: 2px;
        content: '';
        z-index: 10;
        pointer-events: none;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 400ms ease;
    }

.menu_item:hover a::after {
    width: 100%;
}

.menu_close_container {
    position: absolute;
    top: 94px;
    right: 122px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu_close {
    top: 9px;
    width: 21px;
    height: 3px;
    background: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .menu_close::after {
        display: block;
        position: absolute;
        top: -9px;
        left: 9px;
        content: '';
        width: 3px;
        height: 21px;
        background: #FFFFFF;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

.menu_close_container:hover .menu_close,
.menu_close_container:hover .menu_close::after {
    background: #fa9e1c;
}

/*********************************
4. Home
*********************************/

.home {
    width: 100%;
    /*height: 100vh;*/
    height: 500px;
}


/*********************************
4.1 Home Slider
*********************************/

.home_slider_container {
    position: relative;
    /* top: 0;
	left: 0; */
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #ffffff;
}

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

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

.home_slider_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 1;
}

.home_slider_content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9993;
}

    .home_slider_content .home_slider_content_inner, .home_slider_button {
        position: relative;
    }

    .home_slider_content h1 {
        margin-bottom: 0px;
    }

        .home_slider_content h1:first-child {
            font-size: 112px;
            font-weight: 900;
            color: #FFFFFF;
            text-transform: uppercase;
        }

        .home_slider_content h1:nth-child(2) {
            font-family: 'Beyond';
            font-size: 100px;
            color: #FFFFFF;
            margin-top: -34px;
        }

.home_slider_button {
    margin-top: 70px;
}

.flipInX {
    animation-delay: 600ms;
}

/*********************************
4.2 Home Slider Nav
*********************************/

.home_slider_nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 11;
    cursor: pointer;
}

.home_slider_prev {
    left: 50px;
}

.home_slider_next {
    right: 50px;
}

.home_slider_prev:hover .nav_path,
.home_slider_prev:hover .nav_arrow {
    fill: url(#home_grad_prev);
}

.home_slider_next:hover .nav_arrow,
.home_slider_next:hover .nav_path {
    fill: url(#home_grad_next);
}

.tHeadRow {
    display: table-header-group !important;
}

.tColRow {
    display: revert !important;
}
/*********************************
4.3 Home Slider Dots
*********************************/

.home_slider_dots {
    position: absolute;
    right: 50px;
    bottom: 45px;
    z-index: 10;
}

.home_slider_custom_dots {
}

.home_slider_custom_dot {
    display: inline-block;
    position: relative;
    height: 35px;
    line-height: 35px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .home_slider_custom_dot:hover {
        color: #fa9e1c;
    }

        .home_slider_custom_dot:hover.active div {
            border-color: #fa9e1c;
        }

    .home_slider_custom_dot.active {
        padding-left: 13px;
        padding-right: 9px;
        margin-right: 3px;
    }

    .home_slider_custom_dot div {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: solid 2px transparent;
        border-radius: 18px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .home_slider_custom_dot.active div {
        border: solid 2px #FFFFFF;
    }



/*HOME STYLING*/
.owl-dots {
    display: none;
}

.owl-nav button {
    position: absolute;
    font-size: 71px !important;
    color: #fff !important;
}

.owl-prev {
    top: 45% !important;
    left: 16px !important;
}

.owl-next {
    top: 45%;
    right: 20px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: rgba(134, 151, 145, 0) !important;
    color: #fff;
}

.tabs_form {
    position: relative;
    top: -46px;
    z-index: 9999999;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
    background: transparent;
    border: none;
    margin: 0px 0px;
}

.tabs_form .nav-link {
    background-color: rgba(255, 255, 255, 0.65);
    color: #878787;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: var(--primary-color) !important;
    border: none;
    border-radius: 0px;
    padding: 9px 22px;
}

.nav-tabs .nav-link {
    border-radius: 0px;
    padding: 8px 20px;
    text-transform: uppercase;
}
/* .form-control {
    border: 0px!important;
    border-radius: 0px;
    font-size: 14px !important;
    padding: 11px 10px!important;
    height: 36px;
} */
.tab-content {
    background-color: #ffffff;
    padding: 35px 0px;
    border-bottom: 1px solid #e5e5e5;
}

.package-sorting-tabs-content-inner .tab-content#tabContentsFilter {
    border-bottom:0px;
}
#filtTabs ul.nav-tabs, #filtTabs ul.nav-tabs li {
    border-bottom: 0px;
    border-top: 0px;
}

    .tabs_form .tab-content input.banner_field {
        width: 100%;
        padding: 3px 15px;
        background-color: #F5F5F5;
        border: none;
        border: 1px solid #A9A9A9;
    }

.tabs_form .tab-content select {
    width: 100%;
    padding: 2px 3px;
    font-size: 12px;
    background-color: #F5F5F5;
}

.tabs_form .tab-content button {
    font-size: 12px;
    padding: 6px 15px;
    margin-top: 48px;
    background: #24AE25;
    color: #fff;
    border: none;
    padding-bottom: 9px;
}

    .tabs_form .tab-content button:hover {
        background: #3b8718;
    }

    .tabs_form .tab-content button:after {
        content: '✓';
        background-color: #3b8718;
        color: #fff;
        padding: 4px 10px;
        position: relative;
        right: -15px;
        font-size: 16px;
        top: 3px;
    }

    .tabs_form .tab-content button:hover:after {
        background-color: #24AE25;
    }

.tabs_form .tab-content input.datepiker {
    width: 130px;
}

.sec_2 .cyp_holidays p {
    line-height: 26px;
}

.cyp_holidays_content p {
    line-height: 1;
}

.sec_2 .cyp_holidays_content a {
    padding: 15px 30px;
    border-radius: 5px;
    transition: box-shadow .2s;
}


    .sec_2 .cyp_holidays_content a:hover {
        text-decoration: none;
        box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
    }

.cyp_holidays_img, .deals_image {
    overflow: hidden;
}

    .cyp_holidays_img img, .deals_image img {
        transition-duration: 2s;
    }

.cyp_holidays_box:hover .cyp_holidays_img img, .deals_content:hover .deals_image img {
    transform: scale(1.05);
}

.sec_2 .deals_content {
    cursor: pointer;
}

.sec_2 .deals_content_box .deals_content_box_1 h3 a:hover {
    text-decoration: none;
    color: var(--primary-color) !important;
}

.sec_2 .deals_content_box .deals_content_box_1 p {
    line-height: 23px;
    letter-spacing: 1px;
}

.sec_2 .deals_content_box .deals_content_box_2 {
    border-left: 3px solid #CECECE;
    padding-left: 25%;
    padding-top: 8%;
    height:100%
}

.deals_content_box_2 p {
    line-height: 1;
}

.sec_2 .deals_content_box .deals_content_box_2 p .price {
    display: block;
}

.sec_2 .deals_content_box .deals_content_box_3 {
    padding: 0px 0px;
    margin-top: -1%;
    border-bottom: 4px solid #3b8718;
    transition: box-shadow .2s;
   /* padding-right:-15px;*/
   height:100%;
}

    .sec_2 .deals_content_box .deals_content_box_3:hover {
        box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
    }

    .sec_2 .deals_content_box .deals_content_box_3 a {
        font-size: 100px;
    }

.sec_3 .package_deals_content p {
    line-height: 30px;
}

.sec_3 .package_deals_box {
    box-shadow: 0 0 4px 1px var(--primary-color);
    padding: 10px 15px;
    margin-bottom: 20px;
}

.sec_3 .package_deals_img span.img_text {
    position: absolute;
    background-color: #3c4e5a;
    top: 15%;
    left: -10px;
    padding: 10px 10px;
}

    .sec_3 .package_deals_img span.img_text:after {
        position: absolute;
        content: "";
        bottom: -10px;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 0;
        border-color: transparent #162025 transparent transparent;
    }

.sec_3 .package_deals_img img.year_icon {
    position: absolute;
    right: 10%;
    width: 22%;
}

.sec_3 .package_deals_img .certifiate_img {
    position: absolute;
    bottom: 1%;
    width: 100%;
    background: rgba(0, 0, 0, 0.42);
    padding: 4px 0px;
}

    .sec_3 .package_deals_img .certifiate_img img {
        position: relative;
        left: 2%;
        width: 25%;
    }

.sec_3 .package_deals_gallery {
    background-color: #eee;
    padding: 10px 0px;
}

    .sec_3 .package_deals_gallery ul li {
        display: inline-block;
        padding: 0px 20px;
    }

        .sec_3 .package_deals_gallery ul li:hover {
            color: var(--primary-color);
        }

.sec_3 .package_deals_list {
    background-color: #F6F6F6;
}

    .sec_3 .package_deals_list ul li {
        color: var(--primary-color);
        padding: 4px 0px;
        font-size: 13px;
        font-weight: bold;
    }

.sec_3 .package_deals_price p span.cut_price {
    color: #FF0000;
    font-weight: bold;
}

.sec_3 .package_deals_price p.info i {
    background: #3c4e5a;
    padding: 0px 6px;
    border-radius: 85px;
    font-size: 15px;
    color: #fff;
    cursor: help;
}

.sec_3 .package_deals_price .package_deals_price_links a {
    padding: 13px 60px;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 5px;
    transition: box-shadow .2s;
    border-bottom: 4px solid #3b8718;
}

    .sec_3 .package_deals_price .package_deals_price_links a:hover {
        box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
        border-bottom-color: #437132;
        text-decoration: none;
    }

.sec_3 .package_deals_price .package_deals_price_links .img_text img {
    vertical-align: middle;
}

.sec_3 .package_deals_price .package_deals_price_links .img_text span {
    vertical-align: sub;
    border-bottom: 1px dotted #878787;
    cursor: help;
}

.sec_4 {
    background-color: #EBEBEB;
}

    .sec_4 .region_content_box {
        cursor: pointer;
        margin-bottom: 2px;
    }

        .sec_4 .region_content_box:before {
            content: " ";
            position: absolute;
            background-color: rgba(0,0,0,.247059);
            width: 100%;
            height: 90%;
            top: 8%;
            left: 0;
            pointer-events: none;
            opacity: 0;
            -webkit-transform: scale3d(1.1,1.1,1);
            transform: scale3d(1.1,1.1,1);
            transition: all .4s cubic-bezier(.22,.61,.36,1);
        }

        .sec_4 .region_content_box:hover:before {
            opacity: 1;
            z-index: 0;
            background-color: rgba(0,0,0,.6);
            border-image-source: initial;
            border-image-slice: initial;
            border-image-width: initial;
            border-image-outset: initial;
            border-image-repeat: initial;
            -webkit-transform: scale3d(.9,.9,1);
            transform: scale3d(.9,.9,1);
            border-width: 1px;
            border-style: solid;
            border-color: #fff;
        }

    .sec_4 .region_box_text {
        position: absolute;
        top: 15%;
    }

    .sec_4 img {
        width: 100%;
    }

    .sec_4 .region_box_text h3 {
        font-size: 40px;
        letter-spacing: 1px;
        text-shadow: 2px 2px 0px #3c4e5a;
        font-weight: bold;
        line-height: 45px;
    }

    .sec_4 .region_box_text p {
        margin-top: 14px;
        padding: 0px 30px;
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 20px;
        opacity: 0;
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
        transition: opacity .35s,-webkit-transform .35s;
        transition: opacity .35s,transform .35s;
        transition: opacity .35s,transform .35s,-webkit-transform .35s;
    }

    .sec_4 .region_content_box:hover .region_box_text p {
        text-shadow: #3c4e5a 0 0 25px, #3c4e5a 0 0 30px, #3c4e5a 0 0 19px;
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
        padding: 0 11%;
    }

    .sec_4 .region_content_box .region_box_img .show-on-mobile-only {
        display: none;
    }

.sec_5 .sing_up_content img {
    vertical-align: middle;
}

.sec_5 a {
    padding: 10px 30px;
    border-radius: 5px;
    transition: box-shadow .2s;
    cursor: pointer;
}

    .sec_5 a:hover {
        box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
        text-decoration: none;
    }

.sec_6 .frequently_content_boxes .frequently_boxes_content {

    min-height:120px;
}

.sec_6 .frequently_content_boxes .frequently_boxes_content:hover {
    box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
}

.sec_6 .frequently_content_boxes .frequently_boxes_content a:hover {
    text-decoration: none;
    color: #64C8C8;
}

.sec_7 .soical_icons ul li {
    display: inline-block;
    font-size: 30px;
    padding: 25px 0px;
    transition: all .2s ease-in-out;
}

    .sec_7 .soical_icons ul li a {
        color: #999999;
        transition: all .4s ease-in-out;
        padding: 15px 15px;
    }

    .sec_7 .soical_icons ul li:hover a {
        color: #fff;
        background-color: var(--primary-color);
    }

.sec_7 p {
    font-style: italic;
    margin-top: 3%;
}

.sec_8 .packages_contents_boxes .packages_icon {
    width: 55px;
    height: 55px;
    margin: auto;
    border-radius: 50%;
    box-shadow: #f7f6f7 0 0 2px 2px;
    transition: all .2s ease-in-out;
}

.sec_8 .packages_contents_boxes div.packages_boxes {
    padding: 10px 20px;
}

    .sec_8 .packages_contents_boxes div.packages_boxes:after {
        position: absolute;
        right: 0;
        top: 0;
        content: '';
        border-right: 1px solid rgba(255,255,255,.6);
        height: 90px;
        width: 1px;
    }

.sec_8 .packages_contents_boxes .owl-item:last-child div.packages_boxes:after {
    display: none;
}

.sec_8 .packages_contents_boxes .packages_icon:hover {
    box-shadow: #f7f6f7 0 0 4px 4px;
}

.sec_8 .packages_contents_boxes .packages_icon img {
    position: relative;
    top: 15px;
    width: 60%;
    margin: auto;
}

.sec_8 .packages_contents_boxes .packages_icon picture {
    position: relative;
    top: 0px;
    width: 60%;
    margin: auto;
}

.sec_8 .owl-nav i {
    color: white !important;
}

.sec_9 {
    /*box-shadow: 0px 9px 25px -11px #3c4e5a;*/
}
.footer-shadow {
    box-shadow: inset 0 11px 22px -12px #3c4e5a;
}

    .sec_9 p {
        line-height: 30px;
    }

    .sec_9 .collections_links {
        border: 1px solid #e6e6e6;
    }

        .sec_9 .collections_links ul li {
            display: inline-block;
            padding: 10px 30px;
        }
/*/*FOOTER STYLING*/
ul.footer_links_1 li {
    padding: 2px 0px;
}

    ul.footer_links_1 li a {
        color: #878787;
        font-size: 18px;
        font-weight: 500;
    }

.site_footer table tr td {
    color: #878787;
}

.site_footer table tr:hover {
    background-color: #fff !important;
}

.site_footer table tr td {
    border-top: none;
    padding: 3px 0px;
}

.footer-bar img {
    vertical-align: middle;
}




/* MD WORKS*/

/*********************************
5. Search
*********************************/
body.modal-open-m, .modal-open-m {
    padding: 0 !important;
}


.options-wrapper .custom-radio label {
    /* vertical-align: middle; */
    padding: 3px 0 0 0;
}

.options-wrapper .custom-radio {
    margin: 0px 0;
    min-height: 2rem;
}

span.room_heading i, span.room_heading h4 {
    display: inline-block;
    margin: 0 0 0 5px;
}

#filterCalendarModal:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    /*top: -20px;*/
}

p#date-picked {
    margin: 4px 0;
    height: auto;
    line-height: normal;
    padding: 11px 0;
    /* text-align: left; */
    font-weight: 400;
    border: 0;
    font-size: 14px;
}

p#date-pickedAD {
    margin: 4px 0;
    height: auto;
    line-height: normal;
    padding: 11px 0;
    /* text-align: left; */
    font-weight: 400;
    border: 0;
    font-size: 14px;
}

p#date-pickedFD {
    margin: 4px 0;
    height: auto;
    line-height: normal;
    padding: 11px 0;
    /* text-align: left; */
    font-weight: 400;
    border: 0;
    font-size: 14px;
}

.searchTabModal button.btn.btn-primary, .searchTabModal button.btn.btn-primary {
    background: #30a1a3;
    border: 1px solid #30a1a3;
}

    .searchTabModal button.btn.btn-primary:hover, .searchTabModal button.btn.btn-primary:hover {
        background: #299496;
        border: 1px solid #299496;
    }

.searchTabModal {
    position: fixed;
    width: 100%;
    height: auto;
    top: 121px;
    left: 0;
    padding: 0;
    margin: 0;
    box-shadow: 0 4px 11px;
    background: #fff;
    z-index:9997;
}

    .searchTabModal .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background: #fff;
        border: 0px;
    }

    .searchTabModal .modal-content {
        border: 0px;
    }

    .searchTabModal .modal-footer {
        padding: 5px;
        margin: 0;
        height: 70px;
    }

    .searchTabModal .modal-body {
        padding: 10px 20px;
        margin: 0;
        max-height: calc(65vh - 150px);
        overflow-y: auto;
    }

    .searchTabModal .modal-header {
        padding: 5px 20px;
        margin: 0;
        height: 80px;
    }

.roomsChild, .showage {
    display: none;
}

    .roomsChild div.form-group {
        margin-left: 20px;
        display: inline-block;
    }

        .roomsChild div.form-group select {
            width: 75px;
            display: block;
        }

span.room_heading {
    display: block;
    width: 100%;
    padding: 15px 10px;
    background: #dedede85;
    margin: 0 0 15px 0px;
    color: #3c4e5a;
}

.serch_bar .search_panel {
    padding: 25px 15px;
}

.fill_height {
    background: var(--searchtab-tab-background-color) !important;
    position: relative;
}

.serch_bar {
    position: absolute;
    top: 300px !important;
}

.search {
    width: 100%;
    z-index: 10;
}

.search_item.searchdeparture {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(19.425% - 0.40278rem);
    flex-basis: calc(19.425% - 0.40278rem);
    max-width: calc(19.425% - .40278rem);
    width: calc(19.425% - .40278rem);
}

.search_item.searchDate {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(16.65% - 0.41667rem);
    flex-basis: calc(16.65% - 0.41667rem);
    max-width: calc(16.65% - .41667rem);
    width: calc(16.65% - .41667rem);
}

.search_item.searchDuration {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(13.875% - 0.43056rem);
    flex-basis: calc(13.875% - 0.43056rem);
    max-width: calc(13.875% - .43056rem);
    width: calc(13.875% - .43056rem);
}

.search_item.searchHotel {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(19.425% - 0.40278rem);
    flex-basis: calc(30.425% - 0.40278rem);
    max-width: calc(30.425% - .40278rem);
    width: calc(30.425% - .40278rem);
}

.search_tabs_container {
    position: absolute;
    bottom: 100%;
    left: 15px;
    width: calc(100% - 30px);
}

.search_tabs {
    height: 70px;
}

.search_tab {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff !important;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    flex-grow: 1;
    background: rgba(11, 11, 11, 0.86) !important;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .search_tab:first-child {
        border-top-left-radius: 94px;
        padding-left: 7px;
        border-right: 1px solid #30a1a3;
    }

    .search_tab:last-child {
        border-top-right-radius: 94px;
        padding-right: 7px;
        border-left: 1px solid #30a1a3;
    }

    .search_tab.active {
        background: #30a1a3 !important;
        color: #FFFFFF;
    }

    .search_tab img {
        margin-right: 10px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .search_tab.active img {
        -webkit-filter: brightness(200%) grayscale(100%);
        -moz-filter: brightness(200%) grayscale(100%);
        -ms-filter: brightness(200%) grayscale(100%);
        -o-filter: brightness(200%) grayscale(100%);
        filter: brightness(200%) grayscale(100%);
    }

    .search_tab:hover {
        background: #30a1a3;
        color: #FFFFFF;
    }

        .search_tab:hover img {
            -webkit-filter: brightness(200%) grayscale(100%);
            -moz-filter: brightness(200%) grayscale(100%);
            -ms-filter: brightness(200%) grayscale(100%);
            -o-filter: brightness(200%) grayscale(100%);
            filter: brightness(200%) grayscale(100%);
        }

.search_panel {
    ;
    width: 100%;
    height: 100%;
    /*-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;*/
}

    .search_panel.active {
        display: flex !important;
    }
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

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

.search_panel.holidays .search_item {
    width: 16%;
}

.search_input {
    width: 100%;
    height: 46px;
    border: none;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1rem;
    font-weight: 500;
    color: #3c4e5a;
    background-color: white !important;
}

.search_item:first-child {
    width: 30.453%;
}

.search_item:nth-child(2) {
    width: 13.961%;
}

.search_item:nth-child(3) {
    width: 12.961%;
    /* width: 13.961%; */
}

.search_item:nth-child(4) {
    /* width: 9.947%; */
    width: 12.947%;
}

.search_item:nth-child(5) {
    width: 9.947%;
}

.search_item div {
    font-size: 13px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 14px;
    position:relative;
}

.roomSection div {
    font-size: 13px;
    font-weight: 700;
    color: #6c757d !important;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.text-dark {
    color: #3c4e5a !important;
}
.room-image:focus , .room-image:focus-visible {

    outline:none;
}

.dropdown_item_select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: all;
    background-image: url(/assets/images/dropdown.png);
    background-position: center right;
    background-repeat: no-repeat;
    border: solid 1px #d6d6d6;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

    .dropdown_item_select::-ms-expand {
        display: none;
    }

    .dropdown_item_select:hover {
        border: solid 1px #fa9e1c;
    }

    .dropdown_item_select:focus {
        outline-color: #fa9e1c;
    }

.search_button {
    font-size: 14px;
    font-weight: 400;
    color: #3c4e5a;
    text-transform: uppercase;
    line-height: 45px;
    padding: 0px 46px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 6px !important;
    background-color: #f9706a;
    color: white;
    border-bottom: 4px solid #f8564f ;
    border: 2px solid rgba(255, 255, 255, 0);
}
/*.input-group:hover {
    box-shadow: 0 0 0 0.40883rem rgba(1,1,1,.1);
}
.input-group-prepend:hover {
    box-shadow: 0 0 0 0.40883rem rgba(1,1,1,.1);
}
.dropdown_item_select:hover {
    box-shadow: 0 0 0 0.40883rem rgba(1,1,1,.1);
}*/
/*.card_btn :hover{
    box-shadow: 0 0 0 0.40883rem rgba(1,1,1,.1);
}*/
.search_button span {
    background: #fff !important;
    display: inline-block;
    vertical-align: middle;
    width: 5.75px;
    height: 5.63px;
    border-radius: 50%;
    margin-right: 2px;
}

    .search_button:hover {
        opacity: 1;
        /* background: yellow; */
        box-shadow: 0 5px 4px #30a1a378;
    }

.pack_img img {
    width: auto;
    height: 100% !important;
    position: relative;
}

.pack_wrapper .pack_inner .card_detail .detail_inner {
    padding: 10px;
}

.card_detail .img_svg {
    text-align: right;
    padding-bottom: 10px;
}

.card_detail .pack_info .float-left, .float-right {
    line-height: 1;
    font-size: 0.79rem;
}

    .card_detail .pack_info .float-left i {
        padding-right: 10px;
        min-width: 20px;
        max-width:20px;
    }

.card_detail .price_box span.img_icon {
    color: #f8564f;
    font-size: 0.79rem;
    padding-left: 10px;
}

.card_detail .pack_info {
    border-bottom: solid 1px;
    border-style: dotted;
    padding: 15px 0px 18px 0px;
}

.card_detail .img_svg a {
    text-decoration: underline;
    font-size: 10px;
    padding-right: 10px;
    color: #444;
}

.card_detail .pack_info span.float-right a {
    text-decoration: underline;
    color: var(--primary-color);
}

.card_detail .pack_info span.float-right strong {
    font-weight: 600;
}

.match_price_box .match_price span, .match_price p {
    color: green;
}

    .match_price_box .match_price span strong {
        font-weight: 600;
        font-size: 14px;
        padding-left: 5px;
        color: #777;
    }

    .match_price_box .match_price span p {
        font-size: 12px;
        padding-left: 20px;
    }

.price_box .continue_detail {
    padding: 10px;
}

.price_box .match_price_box {
    margin-top: 10px;
    display: flex;
    padding: 0 10px;
}

    .price_box .match_price_box .price {
        display: grid;
        float: right;
        text-align: right;
        padding-left: 1vw;
        /* margin-right: -6vw; */
    }

p.i-text {
    float: right;
    display: block;
    clear: both;
    line-height: 1;
    margin: 10px 0 0 0;
}

.price_box .match_price_box .price del {
    color: #f8564f;
    font-size: 13px;
}

.price_box .match_price_box .price strong {
    font-size: 30px;
    font-weight: 700;
    color: #444;
}

.price_box .match_price_box .price p {
    font-size: 14px;
    color: #777;
}

.price_box .dark_border span.float-left {
    background: var(--body-text-color);
    width: 75%;
    height: 26px;
    color: white;
    font-size: 0.79rem;
    padding-top: 3px;
    padding-left: 6px;
}

span.ul_pera {
    padding: 5px 26px;
}

.resCountRow {
    padding-top: 2vh;
}

.price_box .dark_border span.float-left a i {
    padding-right: 10px;
}

.price_box .dark_border span.float-left a small {
    font-size: 10px;
}

.price_box .dark_border span.float-left a {
    color: #fff;
    text-decoration: underline;
}

.price_box .dark_border span.float-right {
    background: red;
    width: 25%;
    height: 26px;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    padding-top:3px;
}

    .price_box .dark_border span.float-right small {
        font-size: 16px;
    }
.depsotPricepp span {

    font-size:18px;
}

.price_box .continue_detail ul li {
    font-size: 0.79rem;
    color: #777;
    padding: 0px 0px 10px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .price_box .continue_detail ul li i {
        font-size: 9px;
        padding-right: 10px;
    }

.price_box .continue_detail p.ul_pera {
    text-align: center;
    font-size: 0.75rem;
    letter-spacing: 1px;
    color: #777;
}

.price_box .continue_detail .card_btn {
    padding: 10px 0px 10px 0px;
}

    .price_box .continue_detail .card_btn input {
        border: none;
        border-radius: var(--btnBorderRadius);
        letter-spacing: var(--btnLetterSpacing );
        font-size: var(--btnFontSize);
        font-weight: var(--btnFontWeight);
        background: var(--btn-primary-color);
        border-bottom: var(--btnBorderSize) var(--btnBorderType) var(--btn-shadow-color);
        color: var(--btn-text-color);
        line-height: var(--btnLineHeight) !important;
        text-transform: var(--btnCase);
        padding: 0;
    }

        .price_box .continue_detail .card_btn input:hover, .ctaBtn:hover {
            color: var(--btn-hover-text-color);
            background: var(--btn-hover-color);
            border-bottom-color: var(--btnHoverBorderBottomColor);
            box-shadow: var(--btnHoverBoxShadow);
            text-decoration: var(--btnHoverTxtDecoration);
            -webkit-appearance: var(--btnHoverWebkitAppearance);
            cursor: var(--btnHoverCursor:pointer);
        }

.card_btn input:focus, .ctaBtn:focus {

  
    outline:none;
}

.card_btn input:active, .ctaBtn:active {
    outline:none;
}



.price_box .continue_detail .card_logo span {
    display: flex;
    justify-content: center;
}

    .price_box .continue_detail .card_logo span img {
        width: 20px;
        height: 20px;
    }

    .price_box .continue_detail .card_logo span p {
        font-size: 0.75rem;
        padding: 5px 0px 5px 10px;
        border-bottom: solid 1px;
        border-style: dotted;
    }

        .price_box .continue_detail .card_logo span p > span {
            display: inline-flex;
        }

            .price_box .continue_detail .card_logo span p > span.btn_p {
                color: green;
            }

.slick-prev:before, .slick-next:before {
    font-size: 30px !important;
    font-weight: 100 !important;
    line-height: 1;
}

.slick-prev:before {
    content: '<' !important;
    color: #FFF !important;
    font-family: monospace !important;
}

.slick-next:before {
    content: '>' !important;
    color: #ffffff !important;
    font-family: monospace !important;
}

.slick-prev, .slick-next {
    z-index: 1;
    background: rgb(60, 78, 90, .8) !important;
   opacity:0;
}

#Mobile .slick-prev, #Mobile .slick-next {
    z-index: 1;
    background: rgb(60, 78, 90, .8) !important;
    opacity: 1;
}

/*.slick-prev:hover , .slick-next:hover {

    display:block !important;
    
}*/

    .slick-prev {
        left: 0 !important;
        width: 35px !important;
        height: 50px !important;
        /*border-radius: 5px;*/
    }

.slick-next {
    right: 0 !important;
    width: 35px !important;
    height: 50px !important;
   /* border-radius: 5px;*/
}

.pack_wrapper .social_icons a.float-left, .social_icons a.float-right {
    position: absolute;
    bottom: 69.5%;
    font-size: 1.5rem;
    background: #3c4e5a;
    color: #fff;
    width: 12%;
    height: 39px;
}

.social_icons a.float-right {
    right: 0;
}

    .pack_wrapper .social_icons a.float-left i, .social_icons a.float-right i {
        padding: 7px;
    }

.selectRoomWrapper {
    position: relative;
}

    .selectRoomWrapper span {
        background: #fff;
        align-items: center;
        vertical-align: middle;
        display: inline-flex;
    }

    .selectRoomWrapper .room-dropdown {
        position: absolute;
        display: none;
        width: 200px;
        background: #fff;
        top: 0px;
        z-index: 99;
        padding: 15px;
        transition: all .3s;
    }

        .selectRoomWrapper .room-dropdown.active {
            display: block;
            transition: all .3s;
        }

.room-dropdown span {
    color: #3c4e5a;
    display: block;
    margin-bottom: 5px;
}
a.colorgrey:hover {
    color: #191919;
}

.room-dropdown select {
    border: 1px solid;
}

.room-dropdown .roomInnerdropdown .ws--product_field-child {
    border-bottom: 1px solid;
}

.selectRoomWrapper a.apply {
    border-radius: 5px;
    font-size: 1rem;
    letter-spacing: .7px;
    text-align: center;
    color: white;
    background: #23ae24;
    ;
    border-bottom: 4px solid #3b8718;
}

.selectRoomWrapper a.cancel {
    color: var(--primary-color);
    font-size: .875rem;
}

    .selectRoomWrapper a.cancel > i:before {
        margin-right: 6px;
    }

.roomInnerdropdown span.ws--product_field-label {
    color: var(--primary-color);
}

.AirportTool {

    cursor:pointer;
}
/*
    MORE CUSTOM
*/
/*
 AR CUSTOM
*/
/*
	CUSTOM DATEPICKER
*/
/* END DATE PICKER */
span.mb-link-btn {
    display: none;
}

span.mb-link-btn {
    margin: 0px;
    padding: 1rem;
    position: absolute;
    right: 1rem;
    background: #f9706a;
    ;
    /* height: 80px; */
    /* width: 34px; */
    z-index: 9;
    top: 0;
    border-radius: 0;
}

    span.mb-link-btn i {
        vertical-align: initial;
        text-align: center;
        font-size: 23px;
        line-height: 2.3;
        color: #fff;
        font-weight: 900;
    }

.holiday_icon_sec img.img-fluid {
    width: 65px !important;
    margin: auto !important;
}

.holiday_icon_sec p {
    padding: 0 15px;
    font-size: 15px;
    line-height: normal;
}

.owl-theme .owl-nav {
    background: transparent !important;
}

.owl-nav i {
    background: transparent !important;
    color: #868686 !important;
    font-size: 24px;
}

.owl-nav .owl-next, .owl-nav .owl-prev {
    background: transparent !important;
}

.owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 23px;
}

.owl-prev {
    position: absolute;
    left: 0;
    top: 23px !important;
    display: inline-block;
}

.frequently_content p {
    color: #fff;
}

.dropdown-menu .shadow-sm {
    width: 100%;
}

select.currency-select {
    margin: 4px 11px 4px 0;
    border: 1px solid #30a1a3;
    background: unset;
    color: #fff;
}

nav.main_nav {
    background: #fff;
}
.navTextColor {
    color: var(--menu-text-color);
}

.head-phone {
    margin: 15px 0 0 0;
    color: var(--header-text-color);
    font-size: 16px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

    .head-phone p {
        line-height: 1;
        margin: 0;
        padding: 0;
        color: var(--header-text-color);
        font-size: 14px;
    }

    .head-phone b {
        font-size: 22px;
    }

.cu-logo.d-inline-block {
    display: inline-block;
    vertical-align: middle;
    margin-top: 15px;
}

.frequently_content.text-center {
    color: #3c4e5a !important;
}

.megamenu {
    position: static;
}

    .megamenu .dropdown-menu {
        background: none;
        border: none;
        width: 100%;
        z-index:9999;
    }

    .megamenu ul.list-unstyled li {
        padding: 0 0 0 0px;
        margin: 9px 0;
        cursor:pointer;
    }

    .megamenu ul.list-unstyled li {
        padding: 0 0 0 0px;
        margin: 9px 0;
    }

        .megamenu ul.list-unstyled li:hover {
            background: #30a1a3;
            line-height: 1;
            color: #fff;
        }

        .megamenu ul.list-unstyled li a {
            padding: 6px !important;
            line-height: normal;
        }

            .megamenu ul.list-unstyled li a:hover {
                padding: 6px !important;
                line-height: normal;
                color: var(--menu-hover-text-color) !important;
                background: var(--menu-hover-color);
            }

.StarIcons5:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "Font Awesome 5 Free";
}
.StarIcons4:before {
    content: "\f005\f005\f005\f005"; 
    font-family: "Font Awesome 5 Free";
}
.StarIcons3:before {
    content: "\f005\f005\f005";
    font-family: "Font Awesome 5 Free";
}

.megamenuc div h6 a {
    font-size: 14px;
    margin: 0 0 0 6px;
    color: #30a1a3 !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu th {
    color: #3c4e5a;
}

.bootstrap-datetimepicker-widget.dropdown-menu td {
    color: #3c4e5a;
}

.input-group.date {
    width: 100%;
    height: 48px;
    background: white !important;
    /* display: block; */
    margin: 0;
    font-size: 18px;
    /* padding: 2px 6px 0 0px; */
}

    .input-group.date input {
        padding: 7px 10px !important;
        height: 46px !important;
        color: #3c4e5a ;
    }

    .input-group.date .input-group-addon {
        padding: 15px 10px;
    }

button:focus {
    outline: none !important;
}
/*.gj-datepicker-md{*/
/*    margin:0px !important;*/
/*}*/
/*.gj-textbox-md {*/
/*    border: none !important;*/
/*    border-bottom: 0px !important;*/
/*    display: block;*/
/*    font-family: inherit !important;*/
/*    font-size: 16px !important;*/
/*    font-weight: normal !important;*/
/*    line-height: 16px;*/
/*    padding: 4px 12px !important;*/
/*    margin: 0;*/
/*    width: 100%;*/
/*    background: #fff !important;*/
/*    text-align: left;*/
/*    color: rgba(0,0,0,.87) !important;*/
/*}*/
/*.gj-picker.gj-picker-md.datepicker.gj-unselectable {*/
/*    display: block ;*/
/*}*/
/*td.today.gj-cursor-pointer{*/
/*    background: #30a1a3;*/
/*    color: #FFF !important;*/
/*    border-radius:50px;*/
/*}*/
/*.gj-picker-md table tr td.selected.gj-cursor-pointer div {*/
/*    background: #30a1a3 !important;*/
/*    color: #FFF !important;*/
/*}*/
/*.gj-picker-md table tr td.today div {*/
/*    color: #FFF !important;*/
/*}*/
/*.gj-picker-md div[role=navigator] {*/
/*    background: #ffd807;*/
/*}*/
/*.gj-datepicker-md [role=right-icon] {*/
/*    position: absolute !important;*/
/*    right: 9px !important;*/
/*    top: 12px !important;*/
/*    font-size: 24px !important;*/
/*    color: #33a8a9 !important;*/
/*}*/
/*
FORM STYLE SELECT 2
*/
input.form-control, select.form-control, .form-control select, .form-control input {
    border-radius: 0;
    display: block;
    width: 100%;
    height: 48px;
    font-weight:500;
    color: #3c4e5a;
    border: 1px solid #d2d6de !important;
}

input, select, input:disabled {
    color: #3c4e5a ;
    font-weight: 400 /*!important*/;
    font-size: 14px /*!important*/;
    opacity: 1 !important;
}

#FlexDate, #noFlex {
    opacity:0 !important;
}



    .select2-hidden-accessible {
        border: 0 !important;
        clip: rect(0 0 0 0) !important;
        height: 1px !important;
        margin: -1px !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }

.form-control {
    /* height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px; */
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 34px
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: all;
    -webkit-user-select: all
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-right: 10px
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0;
        padding-right: 0;
        height: auto;
        margin-top: -3px
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0 !important;
    padding: 6px 12px;
    height: 40px !important
}

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 26px;
        position: absolute;
        top: 6px !important;
        right: 1px;
        width: 20px
    }

.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border-radius: 0 !important;
    padding: 12px 12px;
    height: 47px !important;
    font-size: 15px !important;
}

.select2-container--open .select2-dropdown {
    left: 0;
    min-width: 227px !important;
    top: 0px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 0px !important;
    padding-right: 19px;
    overflow: hidden;
}

.select2-search--dropdown .select2-search__field {
    padding: 10px 5px !important;
    width: 100%;
    box-sizing: border-box;
    margin: 4px 0px !important;
}
/*

TABS LIST*/
ul.footer-tabs-content-list {
    margin: 0
}

    ul.footer-tabs-content-list li.p5 {
        display: inline-block;
        float: left;
        width: 100%;
        padding: .25rem 0
    }

@media screen and (min-width:40em) {
    ul.footer-tabs-content-list li.p5 {
        width: 50%
    }
}

@media screen and (min-width:55em) {
    ul.footer-tabs-content-list li.p5 {
        width: 33%
    }
}

ul.footer-tabs-content-list li.p5 a {
    color: var(--primary-color);
}

    ul.footer-tabs-content-list li.p5 a:hover {
        color: var(--secondary-color);
    }

.inTabHeading {
    font-size: 1.2rem;
    font-weight: 800
}

ul.footerTabsControls {
    margin: 0;
    list-style-type: none;
    background: #fefefe;
    border: 1px solid #e6e6e6
}

    ul.footerTabsControls::after, ul.footerTabsControls::before {
        content: ' ';
        display: table
    }

    ul.footerTabsControls::after {
        clear: both
    }

ul.footer-tabs-content-list li {
    margin: 6px 0;
}

.bottom-tab-one li.nav-item a {
    color: #878787;
    font-size: 16px;
    padding: 18px 24px;
}

    .bottom-tab-one li.nav-item a:hover {
        /* padding-left: 0; */
        background: var(--btn-hover-color);
        color: #fff;
    }

.bottom-tab-one li.nav-item.active a {
    font-size: 16px;
    padding: 18px 24px;
    /* border: 0px; */
}

.bottom-tab-one .nav-tabs .nav-item.show .nav-link, .bottom-tab-one .nav-tabs .nav-link.active {
    padding: 18px 24px !important;
}

.bottom-tab-one .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}


/*
   BEGIN:: PAGE SUMMER HOLIDAYS
*/
.Pagebanner_inner {
    /* margin: 0; */
    /* padding: 0; */
    position: absolute;
    width: 100%;
    top: 43%;
    display: block;
    vertical-align: middle;
}

.graphic-block {
    /* margin: auto; */
    width: 35%;
    float: left;
    padding-left: 50px;
    box-sizing: border-box;
}

.text-slider .text {
    text-align: center;
    width: 65%;
    float: left;
}

.page_banner {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 412px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

section.package-sorting-wrapper {
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    position: relative;
    padding-top: 1rem;
}

.package-sorting-wrapper h2 {
    
    height:auto; /*given blank space under heading to adjust double line heading and size of deal box*/
    font-weight: 300;
    color: #7b7b7b;
}

.topSummerDetails {
    padding: 0 0 50px 0;
    border-bottom: 1px solid #d7d7d7;
}

.delimiter-line {
    text-align: center;
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 20px 0 30px;
}

    .delimiter-line:before {
        position: absolute;
        content: "";
        left: calc(50% - 400px);
        width: 370px;
        height: 1px;
        background: #adbec5;
        top: 19px;
    }

    .delimiter-line:after {
        position: absolute;
        content: "";
        right: calc(50% - 400px);
        width: 370px;
        height: 1px;
        background: #adbec5;
        top: 19px;
    }

.topSummerDetails .delimiter-line:before {
    position: absolute;
    content: "";
    left: calc(50% - 120px);
    width: 90px;
    height: 1px;
    background: #adbec5;
    top: 10px;
}

.topSummerDetails .delimiter-line:after {
    position: absolute;
    content: "";
    height: 1px;
    background: #adbec5;
    top: 10px;
    right: calc(50% - 120px);
    width: 90px;
}

.delimiter-line .delimiter-line-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 100%;
    margin-top: -10px;
    background-color: #ccc;
     background: url(/images/icons/delimeter.png) no-repeat 50% 50%; 
    border-radius: 50%;
    vertical-align: middle;
}

.InnerPageWrapper {
    padding-top: 183px;
}

.cp-breadcrumbs {
    padding: 10px 0px;
}

    .cp-breadcrumbs span, .cp-breadcrumbs ul, .cp-breadcrumbs ul li {
        display: inline-block;
    }

        .cp-breadcrumbs ul li a {
            font-weight: 500;
            color: var(--primary-color);
        }

        .cp-breadcrumbs ul li.active a {
            color: #3c4e5a;
        }

        .cp-breadcrumbs ul li:after {
            font-family: FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: '\f105';
            padding: 0 5px;
            font-size: 14px;
            line-height: 1;
            color: #3c4e5a;
        }

        .cp-breadcrumbs ul li.active:after {
            content: none;
        }

.topSummerwrap .btnwrap span {
    font-size: 18px;
    cursor: pointer;
    color: var(--primary-color);
}

.topSummerwrap .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.topSummerwrap .img.ImgZoom {
    transition: all .3s;
    overflow: hidden;
    height: 100%;
}

    .topSummerwrap .img.ImgZoom > img {
        transition: all .3s;
    }

    .topSummerwrap .img.ImgZoom:hover > img {
        transition: all .3s;
        /*transform: scale(1.3);*/
    }

.topSummerwrap .content-wrapper {
    background: #f6f6f6;
    text-align: center;
    padding: 35px;
    height:100%;
}

    .topSummerwrap .content-wrapper > h3 {
        font-size: 36px;
        color: #3c4e5a;
        /*font-family: 'Old-Standard-TT-Italic';*/
        text-align: center;
        padding-top: 40px;
        line-height: 1.1;
        padding-bottom: 15px;
    }

    .topSummerwrap .content-wrapper > p {
        font-size: 16px;
    }

    .topSummerwrap .content-wrapper > ul {
        list-style: unset;
        text-align: center;
    }

        .topSummerwrap .content-wrapper > ul > li {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 12px;
        }

    .topSummerwrap .content-wrapper > h3.quote {
        font-size: 26px;
        color: #3c4e5a;
        padding: 0px;
    }

    .topSummerwrap .content-wrapper.quote-wrap > p {
        /*font-size: 13px;*/
        line-height: 22px;
    }

.filters-wrapper {
    background: #ececec;
}

    .filters-wrapper .nav.nav-tabs > li {
        width: 50%;
        display: inline-block;
    }

        .filters-wrapper .nav.nav-tabs > li > a {
            display: block;
            text-align: center;
            padding: 15px 0px;
            color: var(--primary-color);
            font-size: 20px;
            line-height: 28px;
        }

    .filters-wrapper .tab-content {
        background: #f6f6f6;
    }

.package-sorting-tabs-content {
    background: #f6f6f6;
}

    .package-sorting-tabs-content .tab-content {
        background: #f6f6f6;
        padding: 0px;
    }

span.total-deals {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 28px;
    display: block;
}

.sortby-wrapper > select {
    padding: 10px;
}

.md-packaging-list .card.pack_wrapper {
    background-color: #fff;
    box-shadow: 0 0 4px 1px var(--primary-color);
}

.md-packaging-list h2 {
    font-size: 24px;
}

.paginationwrapper ul {
    text-align: center;
    margin: 0 auto;
    display: inline-flex;
}

.pagination .page-item {
    padding: 0px 5px;
}

.pagination .page-item {
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
}

    .pagination .page-item.active {
        border-color: var(--primary-color);
        color: #fff !important;
    }

    .pagination .page-item.page-link .active {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff !important;
    }

/*
    FILTER CUSTOM CHECKBOX OPTIONS
*/
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
}

.chiller_cb {
    position: relative;
    height: 2rem;
    display: flex;
    align-items: center;
}

    .chiller_cb input {
        display: none;
    }

        .chiller_cb input:checked ~ span {
            background: var(--primary-color);
            color: #fff;
            border-color: var(--primary-color);
        }

            .chiller_cb input:checked ~ span:before {
                width: 1rem;
                height: 0.25rem;
                transition: width 0.1s;
                transition-delay: 0.3s;
            }

            .chiller_cb input:checked ~ span:after {
                width: 0.4rem;
                height: 0.25rem;
                transition: width 0.1s;
                transition-delay: 0.2s;
            }

        .chiller_cb input:disabled ~ span {
            background: #ececec;
            border-color: #dcdcdc;
        }

        .chiller_cb input:disabled ~ label {
            color: #dcdcdc;
        }

            .chiller_cb input:disabled ~ label:hover {
                cursor: default;
            }

    .chiller_cb label {
        padding-left: 2rem;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom: 0;
    }

        .chiller_cb label:hover {
            /*background: #d8d8d8;
            z-index: 1;*/
            padding-top: 5px;
            padding-bottom: 5px;
            padding-right: 5px;
            cursor: pointer;
        }

    .chiller_cb span {
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        border: 4px solid #fff;
        border-radius: 2px;
        position: absolute;
        /*left: 0;*/
        transition: all 0.2s;
        z-index: 1;
        box-sizing: content-box;
        cursor: pointer;
    }

        .chiller_cb span:before {
            transform: rotate(-55deg);
            top: 1rem;
            left: 0.37rem;
        }

        .chiller_cb span:after {
            transform: rotate(35deg);
            bottom: 0.35rem;
            left: 0.2rem;
        }

/* .srCheckboxWrap input[type=checkbox], .srCheckboxWrap input[type=radio]{
    display: none;
}
.srCheckboxWrap input[type=checkbox]+label, .srCheckboxWrap input[type=radio]+label {
    width: 70%;
    padding: 10px 5px 10px 2.3rem;
    position: relative;
    transition: background .2s ease-in-out;
    line-height: 1.2;
    min-height: 30px;
}
.srCheckboxWrap input[type=checkbox]+label:before, .srCheckboxWrap input[type=radio]+label:before {
    content: "";
    position: absolute;
    left: 3px;
    line-height: 25px;
    border: 4px solid #d3d3d3;
    width: 25px;
    height: 25px;
    border-radius: 2px;
}
.srCheckboxWrap input[type=checkbox]+label:before, .srCheckboxWrap input[type=radio]+label:before {
    top: 5px;
}
.srCheckboxWrap input[type=checkbox]+label:hover, .srCheckboxWrap input[type=radio]+label:hover {
    background: #d3d3d3;
    color: #777;
}
.srCheckboxWrap input[type=checkbox]:checked+label:before, .srCheckboxWrap input[type=radio]:checked+label:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    left: 3px;
    text-align: right;
    font-size: 18px;
    line-height: 17px;
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
} */
.innerPageWrapper .block-tabs .item-tab.active:hover {
    background: #ececec;
}

.filters-wrapper ul.nav-tabs {
    border-right: solid 1px #d7d7d7;
    border-left: solid 1px #d7d7d7;
}

    .filters-wrapper ul.nav-tabs li.active {
        border-bottom: solid 4px var(--primary-color);
    }

    .filters-wrapper ul.nav-tabs li:first-child {
        border-right: solid 1px #d7d7d7;
    }
/* .filters-wrapper ul.srChecks > li label {
    display: inline;
}
.filters-wrapper ul.srChecks li.borderRight{
    border-right: solid 1px #d7d7d7;
    padding: 11px;
    height: 45px;
}
.filters-wrapper ul.srChecks li:hover {
    background: #777;
} */
/*form.ng-pristine {
    width: 100%;
    padding-bottom: 1.5rem;
}*/

.ng-pristine h3 {
    font-size: 20px;
    color: #3c4e5a;
    width: 90%;
}

.filters-wrapper ul.nav-tabs li:hover {
    background: #f6f6f6;
}

a.close-tabs {
    float: right;
    font-size: 20px;
    bottom: unset;
    top: unset;
    color: #f9706a;
    ;
}

    a.close-tabs > span {
        font-size: 22px;
        padding-left: 10px;
    }

/*a#editSearchButton {
    background: var(--primary-color);
    color: #fff;
    border-bottom: solid 4px #1d8483;
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    line-height: 0;
    text-transform: uppercase;
}*/
a#editSearchButton {
    background: var(--primary-color);
    color: #fff;
    border-bottom: solid 4px var(--btn-secondary-shadow-color);
    padding: 10px 20px 10px 20px;
    border-radius: 3px;
    line-height: 0;
    text-transform: uppercase;
    top: 0px;
    width: 100%;
}
a.ctaBtn {
    top: 0;
    right: 0;
    z-index: 11;
    transition: all ease .3s;
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    background: var(--btn-primary-color);
    border-bottom: var(--btnBorderSize) var(--btnBorderType) var(--btn-shadow-color);
    color: var(--btn-text-color);
    line-height: var(--btnLineHeight);
    text-transform: var(--btnCase);
    display: inline-block;
}

.search_btn button.btn-default {
    background: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
    border-bottom: solid 4px var(--btn-secondary-hover-color);
    text-transform: uppercase;
}

.serch_bar .search_btn {
    position: absolute;
    top: -49%;
    right: 11%;
}

.custom-control.overflow-checkbox {
    --color: #26a69a;
    padding-bottom: 0.5rem;
    padding-top: 0.4rem;
}

.custom-control.material-checkbox .material-control-input {
    display: none;
}

    .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
        border-color: var(--primary-color);
        transform: rotateZ(45deg) translate(1px, -5px);
        width: 10px;
        border-top: 0px solid #fff;
        border-left: 0px solid #fff;
    }

.custom-control.material-checkbox .material-control-indicator {
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 0;
    width: 26px;
    height: 26px;
    border: 2px solid #aaa;
    transition: 0.3s;
}

.custom-control.overflow-switch {
    --color: #26a69a;
    padding-left: 0;
}

.custom-control.material-switch .material-switch-control-input {
    display: none;
}

    .custom-control.material-switch .material-switch-control-input:checked ~ .material-switch-control-indicator::after {
        background-color: var(--color);
        left: 17px;
    }

.custom-control.material-switch .material-switch-control-indicator {
    display: inline-block;
    position: relative;
    margin: 0 10px;
    top: 4px;
    width: 32px;
    height: 16px;
    background: #ddd;
    border-radius: 16px;
    transition: 0.3s;
}

    .custom-control.material-switch .material-switch-control-indicator::after {
        content: '';
        display: block;
        position: absolute;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        transition: 0.3s;
        top: -1px;
        left: -1px;
        background: #fdfdfd;
        box-shadow: 0 2px 10px #aaa;
    }

.list-group .list-group-control .custom-control .custom-control-indicator, .list-group .list-group-control .custom-control .material-control-indicator, .list-group .list-group-control .custom-control .fill-control-indicator, .list-group .list-group-control .custom-control .overflow-control-indicator {
    top: 1rem;
    left: 1.25rem;
}

.overflow-control-description {
    padding-left: 0.8rem;
    font-size: 16px;
    color: #3c4e5a !important;
}

.custom-control.overflow-checkbox .overflow-control-input {
    display: none;
}

    .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
        transform: rotateZ(45deg) scale(1);
        top: -9px;
        left: 11px;
        color: #3c4e5a !important;
    }

    .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
        opacity: 1;
    }

.custom-control.overflow-checkbox .overflow-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 23px;
    height: 23px;
    border: 2px solid var(--primary-color);
}

    .custom-control.overflow-checkbox .overflow-control-indicator::after {
        content: '';
        display: block;
        position: absolute;
        width: 26px;
        height: 26px;
        transition: 0.3s;
        transform: rotateZ(90deg) scale(0);
        width: 11px;
        border-bottom: 4px solid var(--primary-color);
        border-right: 4px solid var(--primary-color);
        border-radius: 3px;
        top: -2px;
        left: 2px;
    }

    .custom-control.overflow-checkbox .overflow-control-indicator::before {
        content: '';
        display: block;
        position: absolute;
        width: 26px;
        height: 26px;
        transition: 0.3s;
        width: 10px;
        border-right: 7px solid #fff;
        border-radius: 3px;
        transform: rotateZ(45deg) scale(1);
        top: -10px;
        left: 15px;
        opacity: 0;
    }

.custom-control {
    position: relative;
    display: block;
    min-height: 3.0rem;
    padding-left: 1.5rem;
}

.RegionEnd {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 1rem;
}

.departModal .RegionEnd:last-child {
    border-bottom: none;
    margin-bottom: 4rem;
}

.pad10PLft {
    padding-left: 10px;
}



@media screen and (max-width:500px) {

    .overflow-control-description {
        padding-left: 0.8rem;
        font-size: small !important;
        color: #3c4e5a !important;
    }

    .form-check-inline {
        display: inline-flex;
        -ms-flex-align: center;
        width: 46%;
    }

    .search {
        top: 0% !important;
    }

    .custom-control.overflow-checkbox .overflow-control-indicator::after {
        width: 22px;
        height: 22px;
        width: 11px;
        top: -2px;
        left: 2px;
    }

    .custom-control.overflow-checkbox .overflow-control-indicator::before {
        width: 26px;
        height: 26px;
        width: 10px;
        top: -8px;
        left: 16px;
    }

    .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
        transform: rotateZ(45deg) scale(1);
        top: -10px !important;
        left: 11px !important;
    }
}

@media screen and (min-width:769px) and (max-width:990px) {


    .search {
        top: 0 !important;
    }

    .search_item.searchdeparture {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
  /*      -ms-flex-preferred-size: calc(19.425% - 0.40278rem);
        flex-basis: calc(19.425% - 0.40278rem);
        max-width: calc(19.425% - .40278rem);
        width: calc(19.425% - .40278rem);*/
    }

    .search_item.searchHotel {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
/*        -ms-flex-preferred-size: calc(27.425% - 0.40278rem);
        flex-basis: calc(27.425% - 0.40278rem);
        max-width: calc(27.425%- .40278rem);
        width: calc(27.425%- .40278rem);*/
    }

    .search_item.searchDate {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
/*        -ms-flex-preferred-size: calc(16.65% - 0.41667rem);
        flex-basis: calc(16.65% - 0.41667rem);
        max-width: calc(16.65% - .41667rem);
        width: calc(16.65% - .41667rem);*/
    }

    .search_item.searchDuration {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    /*    -ms-flex-preferred-size: calc(13.875% - 0.43056rem);
        flex-basis: calc(13.875% - 0.43056rem);
        max-width: calc(13.875% - .43056rem);
        width: calc(13.875% - .43056rem);*/
    }
}

.displayInline-Flex {
    display: inline-flex !important;
}

.alerts {
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    padding: 5px;
    color: white;
    background-color: #f9706a;
    ;
    display: none;
}

.alertsRoom {
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    padding: 0px;
    color: white;
    background-color: #f9706a;
    ;
    display: none;
    padding: 10px;
}

.custom-control {
    color: #3c4e5a !important;
}

.alerts__message {
    padding-left: 5px;
}

.RoomError {
    padding: 5px;
    box-shadow: 0 .125rem .25rem rgba(255,255,255,.175) !important;
}

.DateError {
    padding: 5px;
    box-shadow: 0 .125rem .25rem rgba(255,255,255,.175) !important;
}


#filterRegionModalLabel {
    color: #3c4e5a;
    font-weight: 500;
}

    #filterRegionModalLabel span {
        font-weight: 200;
    }


.applyBtn {
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    font-size: 1.03rem;
    letter-spacing: .7px;
    background: #23ae24;
    ;
    border-bottom: 4px solid #3b8718;
    margin-bottom: 1px;
    padding: 8px 30px;
    font-size: 12px;
    font-weight: 700;
}

    .applyBtn:hover {
        color: white;
        background: #4ebe4f;
        border-bottom-color: #437132;
        box-shadow: 0 0 0 0.40883rem rgba(0,0,0,.1);
        text-decoration: none;
    }

.clearBtn:hover {
    box-shadow: 0px 0px 0px 3px #e3e3e3;
}

.SearchBtn {
    text-transform: uppercase;
    color: var(--searchtab-button-color);
    border-radius: 5px;
    font-size: 1.03rem;
    letter-spacing: .7px;
    background: var(--searchtab-button-background);
    margin-bottom: 1px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
    font-size: 14px;
    font-weight: 400;
    height: 44px !important;
    text-transform: uppercase;
    line-height: 45px;
    padding: 0px 46px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 6px !important;
    border-color: var(--searchtab-button-border-color);
    border-bottom: 4px solid var(--searchtab-button-border-color);
    ;
}

    .SearchBtn:hover {
        color: var(--searchtab-button-hover-color);
        background: var(--searchtab-button-hover-background);
        border-bottom: 4px solid var(--searchtab-button-hover-border);
        box-shadow: 0 0 0 0.40883rem rgba(255,255,255,.1);
        text-decoration: none;
    }

#filterDepartureModalLabel {
    color: #3c4e5a;
    font-weight: 500;
    
}

    #filterDepartureModalLabel span {
        font-weight: 200;
    }

.departModal {
}

.modal-header {
    color: #3c4e5a;
}


.serch_bar .search_btn {
    position: absolute;
    top: -49%;
    right: 11%;
}


.select2-results__option {
    color: #3c4e5a !important
}

.modal-header .close {
    font-size: large;
    opacity: 1;
}



.close {
    font-size: large;
    text-transform:uppercase;
    cursor:pointer;
}

.bg-menu div ul li a.selectedNav {
    background: var(--menu-hover-color);
    color: var(--menu-hover-text-color) !important;
    border-bottom: 3px solid var(--menu-hover-text-color) !important;
}

    .selectedNav:hover {
        border-bottom: 3px solid var(--menu-hover-text-color) !important;
        opacity:0.7;
    }

.daterangepicker {
    display: contents !important;
}

.drp-calendar {
    min-width: 22vw;
}

.daterangepicker th.month {
    width: auto;
    font-size: x-large !important;
    padding: 10px 35px;
    color: #3c4e5a;
}

.daterangepicker select.monthselect {
    line-height: 1.5;
    height: 40px !important;
    width: 55% !important;
}

.daterangepicker select.yearselect {
    line-height: 1.5;
    height: 40px !important;
    width: 45% !important;
}

td.available {
    font-size: larger;
    /*padding: 12px;*/
    padding: 6px 3px;
    color: #3c4e5a;
}

@media (min-width: 564px) {
    .daterangepicker .drp-calendar.right {
        /*margin-left: 100px !important;*/
        width:50%;
    }
}

.drp-buttons {
    display: none !important;
}

th {
    border: none !important;
}

td.available {
    border: 1px solid var(--primary-color) !important;
}

.table-condensed {
    border-spacing: 3px !important;
    border-collapse: separate !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary-color) !important;
    color: #fff;
}

.daterangepicker td.active {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #f6f6f6 !important;
    border-color: transparent;
    color: #999 !important;
    border: none !important;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    /*padding: 12px !important;*/

    padding: 6px 3px ;
    text-decoration: none !important;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.basic-addon1 {
    color: #3c4e5a !important;
    height: -webkit-fill-available;
    border: none;
    text-transform: none;
    cursor: pointer;
    position:absolute;
    right:1px;
}

    .basic-addon1:hover {
        text-decoration: underline;
    }

.flexdatalist-results span.item.item-resort {
    padding-left: 10px;
    display: inline-block;
    font-size: 70%;
    color: rgba(0, 0, 0, 0.50);
}

input.form-control.flexdatalist-alias {
    border: none !important;
}

    input.form-control.flexdatalist-alias::selection {
        background: var(--primary-color);
        color: white;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}


.searching .off-canvas-wrapper > *, .wrapper-block-waiting {
    display: none;
}

.wrapper-line-plane {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 7px 0;
}

.wrapper-block-waiting {
    /* display: none; */
    height: calc(100vh);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
    background-size: cover;
}

    .wrapper-block-waiting::before {
        transform: scale(1.2);
    }

.wrapper-block-waiting {
    display: none;
    /*height: calc(100vh - 99px);*/
}

.searching .off-canvas-wrapper > * {
    display: none;
}

.searching .off-canvas-content {
    background-color: transparent;
    box-shadow: none;
}


.searching .bannerContainer {
    background-image: none !important;
}

@media (max-width: 480px) {
    .wrapper-block-waiting {
        height: auto;
        margin-top: 50px;
    }
}

.wrapper-block-waiting .block-waiting {
    display: block;
    max-width: 790px;
    margin: auto;
    background: rgba(255,255,255,0.9);
    padding: 50px 60px 50px;
    box-sizing: border-box;
    z-index: 99999999999999999999999999999;
    position: absolute !important;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 480px) {
    .wrapper-block-waiting .block-waiting {
        margin: 0;
        padding: 20px 15px;
    }
}

.wrapper-block-waiting .title {
    font-size: 36px;
    font-weight: 300;
    color: var(--primary-color);
    padding: 0 0 30px;
    margin: 0;
    line-height: 1.2;
    display: none;
}


.wrapper-block-waiting .sub-title {
    font-size: 20px !important;
    color: #3c4e5a;
    font-weight: 300;
    margin: 0;
    padding: 30px 0 5px;
}

@media (max-width: 480px) {
    .wrapper-block-waiting .title {
        font-size: 14px;
    }

    .wrapper-block-waiting .sub-title {
        font-size: 12px;
    }
}


.wrapper-block-waiting .text {
    font-size: 15px;
    font-weight: 300;
    color: #3c4e5a;
    line-height: 1.2;
    max-width: 550px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.wrapper-block-waiting .photo-block img {
    margin: 0 5px 10px;
    max-width: 50%;
}

@-webkit-keyframes plane-move {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: .1;
    }

    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes plane-move {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: .1;
    }

    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}


@-webkit-keyframes trolly-move {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: .5;
    }

    100% {
        transform: translateX(350%);
        opacity: 0;
    }
}


@keyframes trolly-move {
    0% {
        transform: translateX(-50%);
        opacity: 0;
    }

    25% {
        opacity: 1;
    }

    75% {
        opacity: .5;
    }

    100% {
        transform: translateX(350%);
        opacity: 0;
    }
}

.wrapper-line-plane {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 7px 0;
}

    .wrapper-line-plane .plane {
        position: absolute;
        top: 3px;
        left: 0;
        width: 100%;
        height: 34px;
        -webkit-animation: plane-move 5s infinite;
        -moz-animation: plane-move 5s infinite;
        -o-animation: plane-move 5s infinite;
        animation: plane-move 5s infinite;
    }

    .wrapper-line-plane .bus {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 34px;
        -webkit-animation: plane-move 7s infinite;
        -moz-animation: plane-move 7s infinite;
        -o-animation: plane-move 7s infinite;
        animation: plane-move 7s infinite;
    }
.bus img {

    max-width:40px;
}

/*.car img {
    max-width:50px;
    margin-bottom:-32px;
}*/
    .wrapper-line-plane .car {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 34px;
        -webkit-animation: plane-move 7s infinite;
        -moz-animation: plane-move 7s infinite;
        -o-animation: plane-move 7s infinite;
        animation: plane-move 7s infinite;
    }

    .wrapper-line-plane .trolly {
        position: absolute;
        top: -17px;
        left: 0;
        width: 25%;
        height: 30%;
        -webkit-animation: trolly-move 6s infinite;
        -moz-animation: trolly-move 6s infinite;
        -o-animation: trolly-move 6s infinite;
        animation: trolly-move 6s infinite;
    }

    .wrapper-line-plane img {
        display: inline-block;
    }
    

body.searching {
    overflow: hidden;
}

    body.searching::before {
        position: fixed;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color:white;
        background-size: cover !important;
        transform: scale(1);
        opacity:1;
        z-index: 9999;
    }

    body.searching.zoom {
        overflow: hidden !important;
    }

        body.searching.zoom::before {
            transform: scale(1.3);
        }

    body.searching .wrapper-block-waiting {
        display: block;
        position: fixed;
    }

/*
UPDATED
*/
/* font-family: 'Lobster', cursive; */
.main-body {
    padding-bottom: 3rem;
    box-shadow: 0 5px 14px -8px #000;
}

.page-bread-crumb {
    background-color: #f3f3f3;
}

.title {
    /* color: #3c4e5a; */
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    /*padding: 0 0 1rem;*/
}
/* Article
*************/
.art-pg-ban {
    height: 350px;
    background-image: url(../../assets/images/othellos-tower-famagusta-north-cyprus.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 4rem;
}

.art-pg-ban-text {
    background: rgba(60, 78, 90, 0.75);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 15px 0 30px;
    position: absolute;
    right: 0;
}

.art-pg-ban-cont-main {
}

    .art-pg-ban-cont-main .title {
    
        font-weight:400;
    }



    .art-pg-ban-cont-main h3 {
        box-shadow: none;
        color: #fff;
        font-size: 36px;
        line-height: 40px;
        margin: 0;
        padding: 0 70px 10px 0;
    }

    .art-pg-ban-cont-main h1 {
        box-shadow: none;
        color: #fff;
        font-size: 36px;
        line-height: 40px;
        margin: 0;
        padding: 0 70px 10px 0;
    }

    .art-pg-ban-cont-main p {
        color: #fff;
        font-size: 18px;
        line-height: 22px;
        margin: 0;
        padding-right: 70px;
    }

.art-pg-ban-cont-it p {
    color: #fff;
    font-family: 'Old-Standard-TT-Italic';
    font-size: 26px;
    line-height: 36px;
    padding-left: 50px;
    position: relative;
    font-style: italic;
}

.art-pg-ban-cont-it {
    position: relative;
}

    .art-pg-ban-cont-it:before {
        content: '';
        position: absolute;
        background-image: url(/assets/images/qoute-bef-white.png);
        top:5px;
        left: 5px;
        height: 25px;
        width: 25px;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: contain;
    }

.articles-also-like-sec {
}

    .articles-also-like-sec h3 {
    }
    .articles-also-like-sec .title {
        font-size: 36px;
        font-weight: 300;
        line-height: 1;
        margin: 0;
        padding: 0 0 40px;
    }

    .articles-also-like-row {
        align-items: center;
        border-bottom: 1px solid #dedede;
        display: flex;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

#gridEditorContent h1 {
    font-size: 26px;
    font-weight: 300;
   
    margin-top:10px;
    margin-bottom:10px;
}

.grid-section p {
    font-size: 18px;
    font-family: Lato, Arial, Helvetica, sans-serif, Roboto, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}


.art-al-box-img {
    max-width: 180px;
    min-width: 180px;
    overflow: hidden;
    position: relative;
}

    .art-al-box-img img {
    }

.art-al-box-cont {
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

    .art-al-box-cont h3 {
        color: var(--body-text-color);
        font-size: 22px;
        line-height: 24px;
        margin: 0;
        font-weight:300;
        padding: 0 0 5px;
        text-transform: uppercase;
    }

    .art-al-box-cont p {
        color: var(--body-text-color);
        font-size: 18px;
        line-height: 1.2;
        margin: 0;
        padding: 0;
        font-weight:300;
    }

.article-main-sec {
}
    .article-main-sec .title, .blog-title {
        font-size: 36px;
        font-weight: 300;
        line-height: 1;
        margin: 0;
        padding: 0 0 40px;
    }

    .article-main-sec h3 {
        font-size: 36px;
        font-weight: 300;
        line-height: 1;
        margin: 0;
        padding: 0 0 40px;
    }
article-main-sec h2 {
    
   
}



    .art-img {
        width: 100%;
        /* height: 520px; */
    }

.caption {
    padding-bottom: 15px;
    font-size: 14px ;
    font-weight: 400;
}

.grid-section .caption {
    font-size: 18px;
    padding: 0 0 30px;
    margin: 0;
    font-weight: 500;
}

.art-img img {
    margin-bottom: 1rem;
    width: 100%;
    height: 480px;
    object-fit: cover;
}

    .art-img h4 {
        font-size: 18px;
        padding: 0 0 30px;
        margin: 0;
    }

.art-cont {
    margin-bottom: 2rem;
}

    .art-cont h3 {
        font-size: 26px;
        font-weight: 300;
        color: #3c4e5a;
        padding: 0 0 15px;
        margin: 0;
    }

    .art-cont p {
        color: #3c4e5a;
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
        padding: 0;
        font-weight: 400;
    }

.like-share-sec {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    color: #3c4e5a;
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    margin: 25px 0;
    padding: 25px 0 25px;
}

.like-share-cont {
}

    .like-share-cont ul {
    }

        .like-share-cont ul li {
        }

a.item-social, span.item-social {
    background: #f9706a;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    line-height: 26px;
    margin: -4px 5px 0;
    text-align: center;
    transition: all ease .2s;
    vertical-align: middle;
    width: 30px;
}

    a.item-social i, span.item-social i {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
    }

.btn-link {
}

    .btn-link a {
        padding: 10px 50px;
        line-height:0 !important;
  /*      border-radius: 5px;
        font-size: 1.03rem;
        letter-spacing: .7px;
        color: white;
        background: #23ae24;
        border-bottom: 4px solid #3b8718;*/
    }

        .btn-link a i {
        }
/* Blogs
*************/
.blog-pg-ban {
    background-image: url(../../assets/images/culture-hospitality-and-nature-in-north-cyprus.jpg);
}

.blog-row {
}

    .blog-row a {
        text-decoration: none;
        color: #929191;
    }

.blog-img {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

    .blog-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1);
        transition: 2s all;
    }

.blog-cont {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px 30px;
}

    .blog-cont h3 {
        color: var(--primary-color);
        font-family: 'Old-Standard-TT-Italic';
        font-size: 46px;
        /* line-height: 24px; */
        /*margin-bottom: 30px;*/
        font-style: italic;
    }

    .blog-cont h4 {
        /* color: #3c4e5a; */
        font-size: 22px;
        font-weight: 200;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .blog-cont p {
        /* color: #3c4e5a; */
        font-size: 18px;
        font-weight: 200;
        line-height: 24px;
        margin-bottom: 0;
        text-align: center;
    }

a:hover .blog-img img {
    transform: scale(1.5);
}
/* About us page
********************/
.abt-ban {
    height: 400px;
    background-image: url(../../assets/images/slider-about-us-opt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* margin-bottom: 4rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.abt-dwn-arr {
    height: 50px;
    width: 50px;
    box-shadow: 2px 2px 2px 0 #a5a5a594;
    border-radius: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    background: #fff;
}

    .abt-dwn-arr a {
        font-size: 30px;
        color: #777;
    }

        .abt-dwn-arr a i {
        }

.abt-cont {
}

    .abt-cont h2 {
        font-size: 56px;
        font-weight: 400;
        color: #fff;
        margin: 0;
        padding: 0 0 25px;
        text-shadow: 1.5px 2.6px 0 rgba(19,20,20,.1);
    }

    .abt-cont p {
        color: #fff;
        font-size: 30px;
        font-weight: 400;
        margin: 0;
        padding: 0 0 40px;
        text-shadow: 1.5px 2.6px 0 rgba(19,20,20,.1);
    }

    .abt-cont a {
        font-size: 18px;
        color: var(--primary-color);
        background: #fff;
        border-radius: 5px;
        text-transform: uppercase;
        padding: 15px 20px;
        font-weight: 700;
        box-shadow: 0 5px 0 0 rgba(60,78,90,.5);
        transition: all ease-out .25s;
    }

.abt-sec1 {
    margin-bottom: 1rem;
    position: relative;
    padding: 0 15rem;
}

    .abt-sec1 > .container {
        /* position: relative; */
        /* top: -2rem; */
        background: #fff;
        padding-top: 3rem;
    }

.abt-sec1-cont {
    margin-top: 2rem;
}
    .abt-sec1-cont h1 {
        
        font-size: 36px;
        font-weight: 300;
        margin-bottom: 20px;
    }
    .abt-sec1-cont .description {
        font-size: 18px;
        text-align: center;
        line-height: 24px;
        font-weight: 300;
        padding: 0 30px 30px;
    }

    .abt-sec1-cont p {
        text-align: center;
        line-height: 24px;
        font-size: 16px;
        font-weight: 300;
    }

.abt-sec2 {
    height: 450px;
    background-image: url(../../assets/images/quality-and-value-opt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* margin-bottom: 4rem; */
    display: flex;
    justify-content: right;
}

.block-information-quality-and-value {
    background: rgba(255,255,255,.75);
    box-shadow: 6.95px 7.19px 0 0 rgba(21,21,22,.15);
    padding: 20px 25px 10px;
    color: #3c4e5a;
    font-weight: 300;
    display: flex;
    width: 55%;
    margin-left: auto;
    margin-top: 2rem;
}

    .block-information-quality-and-value h4 {
        font-size: 28px;
        line-height: 36px;
        font-weight: 300;
        color: var(--body-text-color);
        padding-bottom: 10px;
    }

    .block-information-quality-and-value p {
        font-size: 16px;
        font-weight: 300;
        color: var(--body-text-color);
        line-height: 1.5;
    }

    .block-information-quality-and-value .photo {
        min-width: 230px;
    }

.abt-sec3 {
    background-color: #f3f3f3;
    padding: 2rem 0;
}

.abt-sec3-cont {
}

    .abt-sec3-cont p {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 300;
        color: #3c4e5a;
        text-align: center;
    }

    .abt-sec3-cont h4 {
        position: relative;
        color: #3c4e5a;
        font-family: 'Old-Standard-TT-Italic';
        font-size: 26px;
        line-height: 36px;
        padding-left: 50px;
        position: relative;
        font-style: italic;
        width: 70%;
        margin: 10px auto;
    }

        .abt-sec3-cont h4:before {
            content: '';
            position: absolute;
            background-image: url(../../assets/images/speech-mark.png);
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            z-index: 1;
            background-repeat: no-repeat;
            background-size: contain;
            filter: grayscale(100%);
        }

.abt-sec4 {
    height: 475px;
    background-image: url(../../assets/images/our-reputation-cover-opt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* margin-bottom: 4rem; */
    display: flex;
    justify-content: right;
}

    .abt-sec4 .title-block {
        padding: 20px 0;
        color: #fff;
        text-align: center;
        font-weight: 300;
    }

.our-rep-item-tab {
    width: 100%;
    margin: 0 3.5% 0 0;
    background: #fafafa;
    padding: 20px 15px;
    box-shadow: 6.95px 7.19px 0 0 rgba(21,21,22,.05);
    text-align: center;
    min-height: 350px;
}

.our-rep-photo-tab {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-rep-title-tab {
    padding-bottom: 0;
    font-size: 24px;
    /* line-height: 1.1; */
    font-weight: 300;
    /* color: #3c4e5a; */
    margin-bottom: 10px;
}

.our-rep-description-tab {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    /* color: #3c4e5a; */
}

.abt-sec5 {
    height: 550px;
    background-image: url(../../assets/images/aboutus-teamshot-original-opt-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* margin-bottom: 4rem; */
    display: flex;
    justify-content: right;
}

.mt-team {
}

    .mt-team h2 {
        padding: 20px 0 15px;
        margin: 0;
        color: #3c4e5a;
        font-size: 36px;
        line-height: 1.2;
        text-align: center;
        font-weight: 300;
    }

    .mt-team p {
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
        color: #3c4e5a;
        text-align: center;
        max-width: 1040px;
        margin: 0 auto 20px;
    }

.abt-sec6 {
    text-align: center;
    padding: 2rem 0;
    background-color:#FFf; 
}

.abt-sec6-cont {
}

    .abt-sec6-cont h2 {
        padding-bottom: 3rem;
    }

    .abt-sec6-cont p {
        font-size: 18px;
        line-height: 1.5;
        font-weight: 300;
        /* color: #3c4e5a; */
        text-align: center;
    }

.partner-box {
    padding-top: 2rem;
}

    .partner-box img {
    }

    .partner-box h4 {
        padding-top: 2rem;
    }

.abt-sec7 {
    height: 350px;
    background-image: url(../../assets/images/give-us-call-cover-opt.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.call-set-sec {
    text-align: center;
}

    .call-set-sec h2 {
        margin: 0;
        color: #fff;
        padding: 20px 0 0px;
        font-weight:300;

    }

    .call-set-sec p {
        margin: 3rem 0;
    }

        .call-set-sec p a {
            font-size: 22px;
            font-weight: 400;
            color: #fff;
            display: inline-block;
            margin: 0 15px;
            border: 0;
            white-space: nowrap;
            text-decoration: none !important;
        }

            .call-set-sec p a:hover {
                background-color: transparent;
            }

            .call-set-sec p a img {
                margin-right: 10px;
            }

    .call-set-sec .ctaBtn {
        border: 2px solid #fff;
        background: 0 0;
        color: #fff;
        font-size: 18px;
        text-transform: uppercase;
        /* margin-top: 15px; */
        padding: .78125rem 1.5625rem .84375rem;
        letter-spacing: .7px;
        border-radius: 5px;
        margin-right: 1rem;
    }
        .call-set-sec .ctaBtn:hover {
            background: white !important;
            color: var(--body-text-color);
            border-bottom:none;
        }


        /*********************************************************/
        /*banner section*/
        section.Banner-section {
            height: 350px;
            background-image: url('../../assets/images/slider-discover.jpg');
            display: flex;
            justify-content: center;
            align-items: center;
        }

    section.Banner-section .Banner-Title {
        text-align: center;
    }

.Banner-Title {
}



    .Banner-Title h1 {
        font-size: 56px;
        line-height: 1.4em;
        margin-bottom: 0;
        padding-bottom: 0;
        color: #fff;
        text-shadow: 3px 3px 4px black;
        /*font-family: lobster;*/
    }

    .Banner-Title h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        color: #fff;
        text-shadow: 3px 3px 4px black;
    }

    .Banner-Title h3 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 0;
        color: #fff;
        text-shadow: 3px 3px 4px black;
    }

h2.sub-title {
    font-size: 56px;
    line-height: 1.4em;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    text-shadow: 3px 3px 4px black;
    font-family: lobster;
}


/*Discover Section*/
section.Discover-Detail {
    padding: 70px 0;
}

    section.Discover-Detail .Discover-Box {
    }

        section.Discover-Detail .Discover-Box h4 {
            color: #3c4e5a;
            font-size: 36px;
            font-weight: 200;
            margin-top: 0;
            margin-bottom: .5rem;
            line-height: 1.4;
        }

        section.Discover-Detail .Discover-Box h3 {
            font-size: 3rem;
            margin-bottom: 20px;
        }

        section.Discover-Detail .Discover-Box p {
            color: #3c4e5a;
            font-weight: 200;
            /* height: 112px; */
            margin: 0 auto 10px;
            max-width: 820px;
            overflow: hidden;
            font-size: 18px;
            line-height: 1.6;
        }

.Pinterest {
    display: inline-block;
    margin: 20px 0 30px;
    position: relative;
    text-align: center;
    width: 100%;
}

    .Pinterest:before {
        background: #adbec5;
        content: "";
        height: 1px;
        left: calc(50% - 400px);
        position: absolute;
        top: 16px;
        width: 370px;
    }

    .Pinterest:after {
        background: #adbec5 !important;
        content: "";
        height: 1px;
        position: absolute;
        right: calc(50% - 400px);
        top: 16px;
        width: 370px;
    }

/*Video Section*/
.video-section {
    height: 430px;
    background-image: url('../../assets/images/video-bg.jpg');
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    transition: 1s all;
}

    .video-section:hover {
        transform: scale(1.1);
    }

section.video-main-section {
    overflow: hidden;
}

.Video-Title {
    color: #fff;
}

    .Video-Title h2 {
        font-size: 46px;
        line-height: 1em;
        margin-bottom: 5px;
        color: #ffff;
    }

    .Video-Title h3 {
        font-size: 36px;
        margin-bottom: 5px;
        color: #fff;
    }

    .Video-Title .Video-Icon {
        display: inline-block;
        height: 85px;
        width: 85px;
    }

        .Video-Title .Video-Icon a {
        }

            .Video-Title .Video-Icon a img {
                height: 100%;
                width: 100%;
            }
/* Map Area */
section.map-section {
    background: #ebedec;
    padding: 50px 0;
}

.Map-Title {
}

    .Map-Title h2 {
       
        color: #3c4e5a;
        padding-bottom: 0;
        font-weight: 100;
        font-size: 50px;
        font-family: inherit;
       
        font-style: italic;
    }

    .Map-Title p {
        color: #3c4e5a;
        font-size: 18px;
        font-weight: 200;
        line-height: 22px;
        max-width: 760px;
        /* padding-left: 70px; */
    }


/*Kyrenia Page*/
section.Banner-kyrenia-section {
    height: 495px;
    background-image: url(../../assets/images/kyrenia_bg.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    background-position-x:center;
}

.Banner-kyrenia-section .Banner-Title {
    text-align: center;
    margin-top:10%;
}

    .Banner-kyrenia-section .Banner-Title h2 {
    }

    .Banner-kyrenia-section .Banner-Title h3 {
    }

/*history section*/
.Kyrenia-Right {
    /*height: 100%;*/
    /* background: red; */
    display: flex;
    justify-content: center;
}

.Kyrenia-Left {
    position: relative;
}

    .Kyrenia-Left h4 {
        color: #3c4e5a;
        font-size: 26px;
        font-weight: 300;
        margin: 0 0 5px;
        font-family: 'Lobster';
    }

    .Kyrenia-Left p {
        color: #3c4e5a;
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
    }

section.History {
    background: #f3f3f3;
    padding: 60px 0;
}

.Kyrenia-Left:before {
    content: '';
    position: absolute;
    left: -50px;
    right: 0;
    bottom: 0;
    top: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAYAAAAV1F8QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNEY4NUIwMEUyNTNFNjExQjc2MkJEQTFBQjczRUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQTQ5ODc2RDk3N0QxMUU2OEFBM0EwM0IzQTIxM0E2OSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQTQ5ODc2Qzk3N0QxMUU2OEFBM0EwM0IzQTIxM0E2OSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOEUwQjM4MjBCOTZFNjExODI1MUVCMUFEQkJEQ0YyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNEY4NUIwMEUyNTNFNjExQjc2MkJEQTFBQjczRUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkmbT8kAAAEmSURBVHja7JTLDYJAEIaXDQXQAdgB3jXRBnxc9aB2gBWgFViCXrxDBWosQDoQO6AEZ5Ih2Yw7gI94YpI/G4f5/ZjdWZzeaKaECEE7WjugwlZ0TY8vuf54PoAlBgWgLtQUWoBsQDcQGjwyNQqA4MudyIugCPOupXYPWrIcFqegcwXAI++EPYrhWaIbQBRtW1jTzM4CKb2B2dFSgGAXK1Be0U0keBP04hk5NAzY9p1WXjit6SSg8+TeAwBW5Q9tdMMLc+qkLiTv2kyUoIXlD7bSSLOwenG7OMgTDjppAAlI/G4deE4LkKxhN6EwPOodkPoQdJFAniX/UD8OV8j79Amp2xJfuFemt4Azy9yKkeUX0BGGgUfMvo34gkOt/hQtqAW1oO/jKcAAewpFwgFi/kIAAAAASUVORK5CYII=);
    z-index: 1;
    background-repeat: no-repeat;
}
/* holiday section */
section.Holiday {
    padding: 50px 0;
    text-align: center;
}

.Holiday-Box {
}

    .Holiday-Box h4, h1 {
        font-size: 2rem;
    }

    .Holiday-Box p {
        color: #3c4e5a;
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 15px;
    }

/* Thing Section */
section.Things {
    margin: 0;
    padding: 0;
    background: #f3f3f3;
}

    section.Things .container-fluid {
        padding: 0;
    }

.Thing-Left {
    height: 100%;
    width: 100%;
}

    .Thing-Left img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

.Thing-Right {
    /*padding: 10px;*/
    padding: 25px 40px 20px 10%;
}

    .Thing-Right h4 {
        color: #3c4e5a;
        font-size: 36px;
        font-weight: 300;
        margin: 0 0 10px;
        line-height: 1.4;
    }

    .Thing-Right p {
        color: #3c4e5a;
        font-size: 18px;
        font-weight: 300;
        line-height: 24px;
        margin-bottom: 15px;
    }

/*Island Section*/

section.island {
    padding: 30px 0;
    background: #ebebeb;
}

.Island-Head {
}

    .Island-Head h4 {
        color: #777777;
        font-weight: 300;
        letter-spacing: .05px;
        font-size: 2em;
        margin: .67em 0;
    }

    .Island-Head p {
        margin: 0 auto 2rem;
        width: 80%;
        font-weight: 200;
        font-size: 1.25rem;
        line-height: 1.3;
        color: #333;
    }

.Island-Box {
    margin: 5px;
    height: 180px;
}

    .Island-Box .Islan-Inner-Box {
        position: relative;
        width: 100%;
    }

        .Island-Box .Islan-Inner-Box .Island-Img-Box {
            height: 180px;
            width: 100%;
        }

            .Island-Box .Islan-Inner-Box .Island-Img-Box img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }

        .Island-Box .Islan-Inner-Box .Island-Detail-box {
            text-align: center;
            position: absolute;
            top: 0;
            /* bottom: 0; */
            /* background: rebeccapurple; */
            /* left: 0; */
            right: 0;
        }

            .Island-Box .Islan-Inner-Box .Island-Detail-box h4 {
                margin: 20% 0 2%;
                transition: all .2s ease-in;
                line-height: 1;
                font-size: 2.5rem;
                display: inline-block;
                text-shadow: 2px 1px 5px #333;
                color: #fff;
                position: relative;
                transition: 0.5s all;
                /*     top: -35px; */
            }

            .Island-Box .Islan-Inner-Box .Island-Detail-box p {
                color: #fff;
                opacity: 0;
                /* transition: 0.5s all; */
                font-size: 12px;
                position: relative;
                top: -40px;
                padding: 0 23px;
                line-height: 1.5;
                transition: 0.5s all;
            }

    .Island-Box:hover .Islan-Inner-Box .Island-Detail-box h4 {
        top: -35px;
    }

    .Island-Box:hover .Islan-Inner-Box .Island-Detail-box p {
        opacity: 1;
        top: -40px;
    }

    .Island-Box .Islan-Inner-Box:before {
        content: '';
        position: absolute;
        background-color: rgba(0,0,0,.247059);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
        -webkit-transform: scale3d(1.1,1.1,1);
        transform: scale3d(1.1,1.1,1);
        transition: all .4s cubic-bezier(.22,.61,.36,1);
    }

    .Island-Box .Islan-Inner-Box:hover:before {
        opacity: 0;
        z-index: 0;
        background-color: rgba(0,0,0,.6);
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        -webkit-transform: scale3d(.9,.9,1);
        transform: scale3d(.9,.9,1);
        border-width: 1px;
        border-style: solid;
        border-color: #fff;
    }


/*Privacy Policy Page*/
section.Pivacy-Policy {
    padding: 60px 0;
    background: #f3f3f3;
}

.Policy-Detail {
    background: #fff;
    padding: 40px;
}

.Policy-Head {
}

    .Policy-Head h4 {
        color: #3c4e5a;
        font-size: 40px;
        line-height: 1.2;
    }

    .Policy-Head h5 {
        color: #3c4e5a;
        font-size: 26px;
        font-weight: 300;
        line-height: 1.2;
        padding-bottom: 20px;
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 20px;
    }

.Policy-Detail p {
    font-size: 18px;
    font-weight: 400;
    color: #3c4e5a;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.Policy-Detail ul {
    list-style: disc;
}
.Policy-Detail table ul {
    list-style: none;
}
    .Policy-Detail ul li {
        font-size: 18px;
        font-weight: 400;
        color: #3c4e5a;
        line-height: 1.4;
        margin-bottom: 8px;
        margin-left: 18px;
    }

    .Policy-Detail ul.number {
        list-style: decimal;
    }

        .Policy-Detail ul.number li {
        }

.Policy-Detail h4, .Policy-Detail h3 {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--primary-color);
}

.Policy-Detail p strong {
    font-weight: 700;
}

.Policy-Sidebar {
    background: #eaeaea;
    padding: 40px;
    /* border-bottom: 1px solid #ccc; */
}

    .Policy-Sidebar h4, .Policy-Sidebar h3 {
        color: var(--primary-color);
        font-size: 25px;
        margin-bottom: 10px;
    }

    .Policy-Sidebar p {
        margin-bottom: 25px;
        font-weight: 300;
        font-size: 18px;
        line-height: 1.3;
        color: #3c4e5a;
    }

    .Policy-Sidebar ul {
        border-bottom: 1px solid #ccc;
    }

        .Policy-Sidebar ul li {
            margin-bottom: 10px;
        }

            .Policy-Sidebar ul li i {
                padding-right: 15px;
                color: #2aaaaf;
            }

            .Policy-Sidebar ul li span {
                padding-bottom: 25px;
                /* border-bottom: 1px solid #ccc; */
                margin-bottom: 25px;
                color: var(--primary-color);
                font-size: 21px;
            }

/* cooikie policy */
section.Cokie-Policy {
    padding: 60px 0;
    background: #f3f3f3;
}

.Cokie-Detail {
    background: #fff;
    padding: 40px;
}

    .Cokie-Detail h4 {
        font-size: 25px;
        font-weight: 300;
        margin-bottom: 10px;
        color: var(--primary-color);
    }
    .Cokie-Detail h2 {
    
        color: var(--primary-color);
    }

    .Cokie-Detail p {
        font-size: 18px;
        font-weight: 400;
        color: #3c4e5a;
        line-height: 1.4;
        margin-bottom: 1rem;
    }
    .Cokie-Detail table {
    
        margin:0;
    }

.Cokie-Detail ul {
    list-style: disc;
}
    .Cokie-Detail table ul {
        list-style: none;
    }

        .Cokie-Detail ul li {
            font-size: 18px;
            font-weight: 400;
            color: #3c4e5a;
            line-height: 1.4;
            margin-bottom: 8px;
            margin-left: 18px;
        }

    .Cokie-Detail .Table-Box {
        border: 1px solid #f1f1f1;
        background-color: #fefefe;
        margin-bottom: 40px;
    }

        .Cokie-Detail .Table-Box p.color-less {
            padding: .5rem .625rem .625rem;
            /* border-bottom: 1px solid; */
            font-size: 18px;
            font-weight: 300;
            color: #3c4e5a;
            line-height: 1.4;
            margin: 0;
        }

        .Cokie-Detail .Table-Box p.color-bg {
            padding: .5rem .625rem .625rem;
            /* border-bottom: 1px solid; */
            font-size: 18px;
            /* font-weight: 300; */
            color: #3c4e5a;
            line-height: 1.4;
            margin: 0;
            background-color: #f1f1f1;
        }

    .Cokie-Detail h5 {
        line-height: inherit;
        font-weight: 700;
        font-size: 18px;
        color: #3c4e5a;
    }

    .Cokie-Detail p strong {
        font-weight: 700;
    }

/*cookie tab page  */
.Tab-Logo {
    /* max-width: 350px; */
    min-height: 57px;
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #fff;
    text-align: center;
    padding: 10px;
}

    .Tab-Logo img {
        height: 100%;
        width: 100%;
    }

section.Cookie-Tabs {
    padding: 30px 0;
}

.Tab-Head {
    text-align: center;
    background: #3fb2b1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .Tab-Head h4 {
        color: white;
        font-size: 1.5rem;
    }

.tabs-left {
    border-bottom: none;
    border-right: 1px solid #ddd;
}

    .tabs-left > li {
        float: none;
        margin: 0px;
    }

        .tabs-left > li.active > a,
        .tabs-left > li.active > a:hover,
        .tabs-left > li.active > a:focus {
            border-bottom-color: #ddd;
            border-right-color: transparent;
            /* background:#f90; */
            border: none;
            border-radius: 0px;
        }

.nav-tabs > li > a:hover {
    /* margin-right: 2px; */
    /*line-height: 1.42857143;*/
    /*border: 1px solid transparent;*/
    /* border-radius: 4px 4px 0 0; */
}

.tabs-left > li.active > a::after {
    content: "";
    /*    position: absolute;
    top: 10px;
    right: -10px;
    border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  
  border-left: 10px solid #f90;
    display: block;
    width: 0;*/
}

.Tab-Area {
}

    .Tab-Area ul.nav {
        display: block;
    }

        .Tab-Area ul.nav li.active {
            /* padding: 20px 0; */
            background: #fff;
        }

        .Tab-Area ul.nav li {
            padding: 20px 0;
            background: #e6e6e6;
            text-align: center;
            /* color: red; */
            /* color: #777777; */
            transition: 0.5s all;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .Tab-Area ul.nav li a {
                font-size: 1rem;
                /* color: #e6e6e6; */
                color: #777777;
                font-weight: 700;
                display: block;
                padding: 1.25rem 1.5rem;
                line-height: 1;
                font-size: 1rem;
            }

            .Tab-Area ul.nav li:hover {
                background: #fff;
            }

div#home-v {
}

.Tab-Area .tab-content h4 {
    font-weight: 700;
}

div#home-v h4 p {
}

.tab-content {
    padding: 35px 25px;
    text-align: center;
}

    .tab-content p {
        font-size: 1rem;
        font-style: normal;
        color: #777777;
        margin-top: 0;
        margin-bottom: .5rem;
        line-height: 1.4;
    }

.Tab-Area ul.nav li a i {
    height: 30px;
    width: 30px;
    background: #3fb2b1;
    color: #fff;
    border-radius: 50%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    margin-right: 10px;
}
/* Deals
******************/

.main-body.deals-main-body {
    padding: 0;
    margin-bottom: 2rem;
}

.deals-ban {
    height: 400px;
    background-image: url(../../assets/images/north-cyprus-history-culture.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    /* margin-bottom: 4rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.deals-cont {
}

    .deals-cont h1 {
        font-weight: 400;
        color: #fff;
        margin: 0;
        padding: 0 0 25px;
        font-size: 45pt;
        text-shadow: #000 3px 3px 3px, grey 3px 3px 5px;
        text-align: center;
        font-family: Lobster;
    }
    .deals-cont h2 {
        font-weight: 400;
        color: #fff;
        margin: 0;
        padding: 0 0 25px;
        font-size: 40pt;
        text-shadow: #000 3px 3px 3px, grey 3px 3px 5px;
        text-align: center;
        font-family: Lobster;
    }

    .deals-cont h3 {
        font-weight: 400;
        color: #fff;
        margin: 0;
        padding: 0 0 25px;
        font-size: 35pt;
        text-shadow: #000 3px 3px 3px, grey 3px 3px 5px;
        text-align: center;
        font-family: Lobster;
    }

div.deals-cont h2 p {
    color: white;
}

.sec4-cont {
    background: #fff;
    padding: 3rem 6rem !important;
    text-align: center;
}

    .sec4-cont p {
        font-size: 18px;
    }
/* calendar repeat */

#calendar-pro {
}

    #calendar-pro table {
        border: 0 !important;
    }

        #calendar-pro table > thead {
        }

            #calendar-pro table > thead > tr {
            }

                #calendar-pro table > thead > tr > td {
                    margin-bottom: 0 !important;
                }

    #calendar-pro .fc-row.fc-widget-header {
        margin-bottom: 10px;
    }

        #calendar-pro .fc-row.fc-widget-header table > thead > tr > th {
            padding: 5px 0;
            background: #99a6af;
            border: none;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
        }


        #calendar-pro .fc-row.fc-widget-header table > thead > tr {
            margin-bottom: 11px !important;
        }

    #calendar-pro .fc-content-skeleton {
    }

    #calendar-pro td.fc-day.fc-widget-content.fc-other-month.fc-past {
        border: 0;
        text-align: left !important;
    }

    #calendar-pro tbody {
        border-color: white !important;
    }

    #calendar-pro .fc-row.fc-week.fc-widget-content.fc-rigid {
        border-color: transparent;
    }

    #calendar-pro td.fc-day.fc-widget-content {
        border: 1px solid #eee;
        margin: 10px !important;
        border-radius: 10px;
        /* height: 121px !important; */
    }

    #calendar-pro .fc-bg {
    }

    #calendar-pro a.fc-day-number {
        /* background: var(--primary-color); */
        width: 100%;
        color: var(--primary-color);
        font-size: 20px;
        position: relative;
        left: 10px;
    }

    #calendar-pro .fc-content {
        background: var(--primary-color);
        border: 0 !important;
        color: #fff;
        text-align: end;
    }

    #calendar-pro .cal-actual-price {
        background: transparent !important;
    }

        #calendar-pro .cal-actual-price .fc-content {
            background: transparent;
            color: #f9706a;
            font-size: 10px;
            text-decoration: line-through;
        }

        #calendar-pro .cal-actual-price a {
            border: 0 solid transparent !important;
            background: transparent;
        }

    #calendar-pro .cal-dis-price .fc-content {
        background: transparent;
        color: #777;
        font-size: 18px;
        font-weight: 700;
        position: relative;
    }

    #calendar-pro .cal-best-title .fc-content {
        background: transparent;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        background: #f9706a;
        width: 100%;
    }

    #calendar-pro .cal-best-price .fc-content {
        color: #777;
        font-size: 16px;
        font-weight: 700;
        background: #ffffff;
        width: 100%;
    }

    #calendar-pro .fc-event {
        background-color: transparent !important;
        border: 1px solid #ffffff;
    }

    #calendar-pro .cal-dis-price .fc-content:before {
        content: '';
        position: absolute;
        background-image: url(/cyprus-pradise/product/assets/images/CP-LI-Cross.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

.calendar-icon-help {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

    .calendar-icon-help ul {
        display: flex;
    }

        .calendar-icon-help ul li {
        }

.cal-selected {
    font-size: 14px;
    color: #333;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

    .cal-selected i {
        background: var(--primary-color);
        padding: 5px;
        border-radius: 5px;
        color: #fff;
        margin-right: 5px;
    }

.cal-best-price {
    font-size: 14px;
    color: #333;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-best-price > div {
        background: #f9706a;
        height: 20px;
        width: 20px;
        border-radius: 5px;
        display: inline-block;
        margin-right: 5px;
    }

.cal-available {
    font-size: 14px;
    color: #333;
    margin-left: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-available > div {
        background: #e6e6e6;
        height: 20px;
        width: 20px;
        border-radius: 5px;
        display: inline-block;
        margin-right: 5px;
    }

.cal-phone {
    font-size: 14px;
    color: #333;
    margin-left: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-phone i {
        background: #e6e6e6;
        padding: 5px;
        border-radius: 5px;
        color: #fff;
        margin-right: 5px;
    }

.cal-luggage {
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-luggage img {
        width: 10%;
        margin-right: 10px;
    }

.calendar-fields-sel {
    margin: 0 5px;
}

    .calendar-fields-sel .form-group {
    }

    .calendar-fields-sel label {
        font-size: 14px;
        font-weight: 600;
        color: #49b6b5;
        margin-bottom: 10px;
    }

    .calendar-fields-sel select {
        border: 1px solid #666 !important;
        border-radius: 0 !important;
        padding: 0 0 !important;
        font-size: 14px !important;
    }

        .calendar-fields-sel select:focus {
            box-shadow: none !important;
        }

        .calendar-fields-sel select option {
        }
/* login
********************/
.login-main-box {
    background: #f4f7fc;
    padding: 24px;
}

.login-sec {
    width: 100%;
    margin-bottom: 16px !important;
    background-color: #fff;
    padding: 24px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.08);
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.loging-logo {
    margin-bottom: 2rem;
    /* background: red; */
    height: 60px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}

    .loging-logo > a {
    }

        .loging-logo > a > i {
            font-size: 18px;
            color: rgba(42, 170, 169, 0.90);
            margin-right: 1.5rem;
        }

        .loging-logo > a > img {
            filter: brightness(0.5);
            width: 50%;
        }

.loging-title {
}

    .loging-title h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }

    .loging-title p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

.opt-social {
}

    .opt-social > ul {
        display: flex;
    }

        .opt-social > ul > li {
            width: calc(100%/2);
        }

            .opt-social > ul > li > a {
                text-decoration: none;
            }

.opt-social-box {
    text-align: center;
    /* width: 32%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #0071c2;
    text-decoration: none;
    border: 1px solid #0071c2;
    border-radius: 2px;
    padding: 5px 25px;
    height: 80px;
}

    .opt-social-box:hover {
        background: #3eb2b11f;
    }

    .opt-social-box > h3 {
        vertical-align: middle;
        font-size: 13px;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: -.4px;
        padding-left: 0;
        /*width: 100%;*/
    }

    .opt-social-box > img {
        width: 35%;
        /* margin-bottom: .5rem; */
        height: 35%;
        object-fit: contain;
    }

.faq-section {

    background:#f3f3f3;
}
.login-form {
}

    .login-form > form {
    }

        .login-form > form > .form-group {
        }

            .login-form > form > .form-group > label {
                color: #909090;
                font-size: 14px;
            }

            .login-form > form > .form-group > input {
                border-radius: 0;
            }

.form-group {
}

.login-form > form > button.btn:focus,
.login-form > form > button.btn:active,
.login-form > form > button.btn {
    width: 100% !important;
    border-radius: 0 !important;
    background: rgba(42, 170, 169, 0.90) !important;
    border-color: rgba(42, 170, 169, 0.90) !important;
    box-shadow: none !important;
}

p.or-sing {
    text-align: center;
    margin: 1rem 0;
    position: relative;
}

    p.or-sing:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 1px;
        background: #3eb2b1;
        margin: auto;
        bottom: 0;
        width: 28%;
    }

    p.or-sing:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 1px;
        background: #3eb2b1;
        margin: auto;
        bottom: 0;
        width: 28%;
    }

.al-signin {
}

    .al-signin p {
        text-align: center;
        font-size: 15px;
        font-family: 'Montserrat',sans-serif;
    }

        .al-signin p a {
            text-decoration: none;
            color: #3eb2b1;
            font-weight: 700;
            font-size:15px;
        }

.sign-in-pass {
    display: none;
}

.serch_bar .search_btn {
    z-index: 999;
    /*top: -3.5rem !important;*/
}

.search.serch_bar {
    position: absolute;
    top: 0 !important;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    height: unset !important;
}

    .search.serch_bar.serch_bar_hme {
        top: unset !important;
        z-index: 10 !important;
    }

.SearchBarProd .search.serch_bar {
    position: relative;
}

    .deals-main-body .search_tabs_container {
        top: 1rem;
    }

.deals-main-body .search_panel.active {
    top: 5.4rem;
    position: relative;
}

.Policy-Head h3 {
    color: #3c4e5a;
    font-size: 40px;
    line-height: 1.2;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.Island-Box:hover .Islan-Inner-Box .Island-Detail-box {
    border: 1px solid #fff;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 11px;
    background-color: rgba(0,0,0,.6);
}
/* search page */
/* top summary*/
.searchTabsSummary {
    background: rgb(238, 238, 238);
    color: #777777;
}

.searchTabsSummaryTable {
    /* padding: .25rem 0; */
}
/* product search  tab */
.search.serch_bar.serch_bar_product {
    position: relative;
    top: unset !important;
    height: 270px !important;
}

    .search.serch_bar.serch_bar_product div.modal#filterCalendarModal, .search.serch_bar.serch_bar_product div.modal#filterRoomsModal, .search.serch_bar.serch_bar_product div.modal#filterFlightCalendarModal {
        top: 230px;
    }

.search_tabs_container_product {
    position: relative;
    bottom: unset;
    left: unset;
    width: 100%;
}

.searchTabsSummaryCell {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searchTabsSummaryCell {
    background-color: transparent !important;
}

    .searchTabsSummaryCell ul {
    }

        .searchTabsSummaryCell ul li {
            vertical-align: middle;
        }

            .searchTabsSummaryCell ul li p {
                color: #777777;
                font-size: 14px;
                line-height: normal;
                font-weight: 600;
            }

                .searchTabsSummaryCell ul li p i {
                    color: var(--primary-color);
                    font-size: 22px;
                    margin-right: .5rem;
                }

    .searchTabsSummaryCell h6 {
        font-size: 16px;
        font-weight: 700;
    }

        .searchTabsSummaryCell h6 i {
            color: var(--primary-color);
            font-size: 22px;
            margin-right: 10px;
        }

.searchTabsSummaryCell-center {
    position: relative;
}

    .searchTabsSummaryCell-center:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0%;
        /* right: 0; */
        bottom: 0;
        background: #777;
        width: 1px;
        height: 70%;
        margin: auto;
    }

    .searchTabsSummaryCell-center:after {
        content: '';
        position: absolute;
        top: 0;
        /*     left: 5%; */
        right: 0%;
        bottom: 0;
        background: #777;
        width: 1px;
        height: 70%;
        margin: auto;
    }


.pro-search-btn {
}

    .pro-search-btn a {
        /* line-height: 1; */
        /* vertical-align: middle; */
        border: 1px solid transparent;
        border-bottom: 4px solid #f8564f;
        border-radius: 5px;
        padding: 9px;
        font-size: .9rem;
        color: white;
        background: #f9706a;
    }

        .pro-search-btn a:hover {
        }

#prod-search-fil {
    display: none;
}

.serach-main-cont {
    /* height: 100px; */
    background: #fff;
    padding-top: 2rem;
}

.serach-main-cont-1 {
    background: #eeeeee;
    /* margin-top: 2rem; */
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 70px;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* flex-direction: column; */
}

    .serach-main-cont-1 h3 {
        margin-bottom: 0;
        margin-top: 0;
        font-weight: 600;
        font-size: 1.3125rem;
        color: #777777;
    }

.btn-list-grid-view {
}

    .btn-list-grid-view button {
        background: #d3d3d3;
        margin: 0 10px;
        color: #fff;
        font-size: 14px;
    }

        .btn-list-grid-view button i {
            margin-right: 5px;
        }

.sort-fields-sel {
    margin: 0 5px;
    height: 100%;
}

    .sort-fields-sel .form-group {
        margin-bottom: 0rem;
    }

    .sort-fields-sel label {
        font-size: 14px;
        font-weight: 600;
        color: #49b6b5;
        margin-bottom: 10px;
        display: inline-block;
    }

    .sort-fields-sel select {
        border: 1px solid #666 !important;
        border-radius: 0 !important;
        padding: 0 0 !important;
        font-size: 14px !important;
        display: inline-block;
        width: 70%;
        margin: 0 25px;
        height: 35px;
    }

.btn-list-grid-view button:hover {
    background: #23ae24;
    color: #fff !important;
}

.btn-list-grid-view button:focus,
.btn-list-grid-view button:active {
    background: #3eb2b1;
    color: #fff !important;
    box-shadow: none !important;
}

.serach-main-cont-2 {
}

.filters-wrapper-serach {
    background: #fff;
}

    .filters-wrapper-serach ul.nav.nav-tabs {
    }

        .filters-wrapper-serach ul.nav.nav-tabs li {
            width: calc(100%/6);
            border: 1px solid #eee;
        }

            .filters-wrapper-serach ul.nav.nav-tabs li.active {
                background: lightgrey;
            }

                .filters-wrapper-serach ul.nav.nav-tabs li.active a {
                    color: #3eb2b1;
                    font-size: 18px;
                }

            .filters-wrapper-serach ul.nav.nav-tabs li a {
                font-size: 18px;
                color: #777;
                position: relative;
            }

            .filters-wrapper-serach ul.nav.nav-tabs li.active a:before {
                color: #3eb2b1;
            }

.filters-wrapper-serach-inner {
    width: 100%;
}

form.filters-wrapper-serach-form {
    width: 100%;
    padding-bottom: 1.5rem;
}

.package-sorting-tabs-content-inner {
    width: 100%;
}

.card_btn {
}

    .card_btn input {
        border: none;
        border-radius: var(--btnBorderRadius);
        letter-spacing: var(--btnLetterSpacing);
        font-size: var(--btnFontSize);
        font-weight: var(--btnFontWeight);
        background: var(--btn-primary-color);
        border-bottom: var(--btnBorderSize) var(--btnBorderType) var(--btn-shadow-color);
        color: var(--btn-text-color);
        line-height: var(--btnLineHeight);
        text-transform: var(--btnCase);
    }

.package-sorting-tabs-content-inner .tab-content > .active {
    padding: 20px;
}

.search-dropdowm-oneHalfCol {
}

    .search-dropdowm-oneHalfCol h3 {
        font-size: 18px;
        font-weight: 500;
        color: var(--primary-color) !important;
        margin-bottom: 1rem;
        text-align:left;
    }

.board-cont table th {

    color: var(--primary-color);
}

.search-dropdowm-oneHalfCol.oneHalfCol2 {
    border-right: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
}

    .search-dropdowm-oneHalfCol a {
        position: absolute;
        font-size: 17px ;
        color: #f9706a;
        text-align: end;
        top: 0;
        right: 01rem;
    }

    .search-dropdowm-oneHalfCol .card_btn {
        width: 40%;
        margin: 2rem 0;
        margin-left: auto;
    }

    .search-dropdowm-oneHalfCol .chiller_cb {
        margin: 10px 0;
    }

.box-minmax {
    margin: 30px auto;
    width: 60%;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    color: #777;
    text-align: center;
    font-weight: 600;
}

    .box-minmax span:first-child {
        margin-left: 10px;
    }

.range-slider {
    /* margin-top: 30vh; */
    /* margin: auto; */
    /* display: block; */
    /* text-align: center; */
    /* background: red; */
    width: 60%;
    margin: auto;
}

.rs-range {
    margin-top: 29px;
    width: 600px;
    -webkit-appearance: none;
    /* background: red; */
    height: 11px;
    background: var(--primary-color);
    background-image: linear-gradient(to right,#02AAAA 0,#FC6C65 100%,#F9726A 100%);
}

    .rs-range:focus {
        outline: none;
    }

    .rs-range::-webkit-slider-runnable-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        box-shadow: none;
        background: #ffffff;
        border-radius: 0px;
        border: 0px solid #010101;
    }

    .rs-range::-moz-range-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        box-shadow: none;
        background: #ffffff;
        border-radius: 0px;
        border: 0px solid #010101;
    }

    .rs-range::-webkit-slider-thumb {
        box-shadow: none;
        border: 0px solid #ffffff;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
        height: 42px;
        width: 22px;
        border-radius: 22px;
        background: white;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -20px;
    }

    .rs-range::-moz-range-thumb {
        box-shadow: none;
        border: 0px solid #ffffff;
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
        height: 42px;
        width: 22px;
        border-radius: 22px;
        background: white;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -20px;
    }

    .rs-range::-moz-focus-outer {
        border: 0;
    }

.rs-label {
    position: relative;
    transform-origin: center center;
    display: block;
    /* width: 98px; */
    /* height: 98px; */
    background: var(--primary-color);
    border-radius: 0%;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    /* padding-top: 22px; */
    box-sizing: border-box;
    border: 2px solid var(--primary-color);
    margin-top: 20px;
    margin-left: -38px;
    left: attr(value);
    color: #fff;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 36px;
    width: 150px;
    font-size: 22px;
    font-weight: 600;
    padding: 5px;
}

    .rs-label::before {
        content: "£";
        display: inline-block;
        font-size: 20px;
        letter-spacing: 0.07em;
        margin-top: -2px;
        left: 0;
        /* position: absolute; */
        /* margin: auto; */
    }

    .rs-label::after {
        content: '';
        position: absolute;
        /* top: 0; */
        right: 0;
        left: 0;
        bottom: -8px;
        height: 15px;
        width: 15px;
        background: var(--primary-color);
        margin: auto;
        transform: rotate(45deg);
    }

.search-main-cont-3 {
    padding: 20px 10px;
}

.pack_wrapper_search {
}

.list-group-item-search {
    max-width: 100% !important;
    margin: auto;
    width: 100%;
    min-width: 100%;
}

.item-search {
    /* width: 100%; */
    margin: auto;
}

.pack_img_box {
    position: relative;
    height: 329px;
}

.list-group-item-search .pack_img_box {
    width: 33.5%;
    float: left;
}

.list-group-item-search
.card_detail {
    width: 66.5%;
    float: right;
}

    .list-group-item-search .card_detail .detail_inner {
        width: 50%;
        float: left;
    }

    .list-group-item-search .card_detail .price_box {
        width: 50%;
        float: right;
    }

.card_detail .detail_inner div.img_icon {
    color: #f8564f;
    font-size: 0.79rem;
    padding: 15px 10px 0;
}

.searchMediaBtn {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #3c4e5a;
    padding: 6px 9px 3px;
}

    .searchMediaBtn a {
    }

        .searchMediaBtn a i {
            color: white;
            font-size: 36px;
        }

.searchcamBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #3c4e5a;
    padding: 6px 9px 3px;
}

    .searchcamBtn a {
    }

        .searchcamBtn a i {
            color: white;
            font-size: 36px;
        }

.pack_wrapper_search .detail_inner h2 {
    font-size: 22px;
    height:54px;
}

.list-group-item-search .card_detail .price_box .match_price_box {
    margin: 0;
}

.pack_wrapper_search .price_box .match_price_box .price p {
    line-height: 1;
}

.pack_img_box .slick-slide {
    height: 100% !important;
    /* width: 100% !important; */
    /* object-fit: cover; */
}

    .pack_img_box .slick-slide > div {
        width: 100%;
        height: 329px;
    }

.board-cont i {
    font-size: 1.2rem;
    padding: .5rem 0 0;
    color: var(--primary-color);
    text-align: center;
}

.pack_img_box .slick-slide a {
    width: 100% !important;
    height: 100%;
}

    .pack_img_box .slick-slide a img {
        /*width: 240px;*/
        width: 100%;
        height: 329px;
    }

.pack_img_box {
}

.list-group-item-search .pack_img_box .pack_img {
    width: 100%;
}

    .list-group-item-search .pack_img_box .pack_img .slick-list {
        width: 100%;
    }
/* summer holiday
******************/
.InnerPageWrapper {
    padding-top: 0px;
}
/* product
**********************************************/
.main-body.pro-main-body {
    background-color: #f3f3f3;
    padding-bottom: 1rem;
    position: relative;
}

.main-body-pro::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #4a4a4aad;
    z-index: 99999;
}
/* top summary*/
.searchTabsSummary {
    background: rgb(238, 238, 238);
    color: #777777;
}

.searchTabsSummaryTable {
    /* padding: .25rem 0; */
}
/* product search  tab */
.serch_bar_product {
    position: relative;
    top: unset !important;
    height: 270px !important;
}

.search_tabs_container_product {
    position: relative;
    bottom: unset;
    left: unset;
    width: 100%;
}

.searchTabsSummaryCell {
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .searchTabsSummaryCell ul {
    }

        .searchTabsSummaryCell ul li {
            vertical-align: middle;
        }

            .searchTabsSummaryCell ul li p {
                color: #777777;
                font-size: 14px;
                line-height: normal;
                font-weight: 600;
            }

                .searchTabsSummaryCell ul li p i {
                    color: var(--primary-color);
                /*    
                    font-size: 16px;*/
                    margin-right: .5rem;
                }

    .searchTabsSummaryCell h6 {
        font-size: 16px;
        font-weight: 700;
    }

    .searchTabsSummaryCell ul li p img {
        width: 15%;
        margin-right: 10px;
    }

    .searchTabsSummaryCell h6 i {
        
        font-size: 16px;
        margin-right: 10px;
    }

.searchTabsSummaryCell-center {
    position: relative;
}

    .searchTabsSummaryCell-center:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0%;
        /* right: 0; */
        bottom: 0;
        background: #777;
        width: 1px;
        height: 70%;
        margin: auto;
    }

    .searchTabsSummaryCell-center:after {
        content: '';
        position: absolute;
        top: 0;
        /*     left: 5%; */
        right: 0%;
        bottom: 0;
        background: #777;
        width: 1px;
        height: 70%;
        margin: auto;
    }

.pro-search-btn {
}

    .pro-search-btn a {
        /* line-height: 1; */
        /* vertical-align: middle; */
        border: 1px solid transparent;
        border-bottom: 4px solid #f8564f;
        border-radius: 5px;
        padding: 9px 8px;
        font-size: .9rem;
        color: white;
        background: #f9706a;
    }

        .pro-search-btn a:hover {
        }

.pro-search-close {
}

    .pro-search-close a {
        border: 1px solid transparent;
        /* border-bottom: 4px solid #f8564f; */
        border-radius: 80px;
        padding: 9px;
        font-size: .9rem;
        color: white;
        background: #000;
        position: absolute;
        top: 0rem;
        right: 0rem;
        opacity: 0.5;
    }

button.quest-tooltip {
    background: transparent;
    border: 0;
    color: #777;
    font-size: 13px;
}

#prod-search-fil {
    display: none;
}
/* product main section */
.product-pg-amin-content {
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    position: relative;
    display: inline-flex;
    padding-top: 1rem;
    background-color: #fff;
    margin-top:5px;
}
/* product side nav Right */

.price-panel {
    background: #EEE;
    padding: .7rem 1rem;
    position: relative;
}

.miniCounterTicker {
    padding: 0.5rem 0 !important;
}

    .miniCounterTicker em {
        font-style: italic;
        color: #777;
        font-size: .95rem;
        /* padding: 12px 0 !important; */
    }

.bookingTickerMinutes {
}

.bookingTickerSeconds {
}

.match_price {
    display: inline-flex;
}

    .match_price span { /* display: inline-flex; */
        flex-direction: column;
        padding: 0 5px;
    }

        .match_price span i {
            font-size: 25px;
            color: green;
        }

        .match_price span strong {
            font-size: 14px;
            font-weight: bold;
        }

        .match_price span p {
            display: block;
            font-size: 12px;
            line-height: normal;
            color: green;
        }

.price {
    text-align: right;
}

    .price p {
    }

    .price strong {
        font-size: 2rem;
        font-weight: 700;
        color: #333;
    }

        .price strong small {
            display: inline-block;
            color: #444444;
            font-size:25px;
        }
.size28 {

    font-size:28px;
}

    .price del {
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        color: red;
        text-decoration: line-through;
        display: block;
    }
        .price del small {
        
            display:inline-block;
            color:red;
            font-size:13px;
        }

.desposit-price-panel {
}

.secure-sec {
    font-weight: bold;
    float: left;
    /* background: #3C4E5A; */
    width: 100%;
    /* text-align: left; */
    padding-left: 17px;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    padding: 3px 0 3px 10px !important;
}


    .secure-sec span {
    }

    .secure-sec.dark_border a small {
    
        font-size:10px;
    }
    .secure-sec.red_border small {

        font-size:16px;
    }
.BasketSecure {

    font-size:18px;
}
    .secure-sec .deposit-label-red-stripe {
        font-size: 18px;
        /*vertical-align: middle;*/
    }
        .secure-sec .deposit-label-red-stripe small {
        
            font-size:16px;
        }

        .secure-sec span a {
            color: #fff;
            font-weight: 500;
            font-size: 16px;
            /*text-decoration: underline;*/
        }

            .secure-sec span a i {
                margin-right: 10px;
            }

            .secure-sec span a small {
            }
@media screen and (max-width: 500px) {
    .secure-sec {
        line-height: unset;
    }
}

.red_border {
    background: red;
    text-align: center;
   
}

.dark_border {
    background: #3C4E5A;
    text-align: left;
    height:26px;
}

.continue_detail {
}

    .continue_detail ul {
    }

        .continue_detail ul li {
            margin: 5px 0;
            font-size: .79rem;
            padding: .3rem 0px;
            font-weight: 500;
        }

            .continue_detail ul li i {
                margin-right: 10px;
            }

    .continue_detail p {
        text-align: center;
        margin: 10px 0;
    }

        .continue_detail p i {
        }

.card_btn {
}
/*
    .card_btn input {
        border-radius: 5px;
        font-size: 1.03rem;
        letter-spacing: .7px;
        color: white !important;
        background: #23ae24;
        padding: .78125rem 1.5625rem .84375rem;
        border-bottom: 4px solid #3b8718;
        width: 100%;
        text-transform: uppercase;
    }*/

.card-btn-flights input {
    padding: 10px 0;
    font-size: 12px !important;
    width: 85%;
    margin-left: auto;
    display: block;
    border: 0;
}

    .card-btn-flights input:hover {
        border-bottom: 4px solid #3b8718;
    }

.card_logo {
    align-items: center;
    display: flex;
    justify-content: center;
    /*height: 60px;*/
    margin: 0px 0;
}

    .card_logo span {
        display: flex;
        /* justify-content: center; */
        /* align-items: center; */
        /* height: 50px; */
        /* margin: 10px 0; */
    }

        .card_logo span img {
            width: 20px;
            height: 20px;
            margin: auto;
            /* display: block; */
        }

        .card_logo span p {
            font-size: 0.75rem;
            /* margin: 0; */
            /* line-height: normal; */
        }

            .card_logo span p span {
                color: green;
                display: contents;
            }

.my-bookin-det {
    margin: 1px 0 0;
    background: #ebebea;
    padding: 10px 5px;
}

.my-bookin-det-data {
    height: 100%;
    display: flex;
    font-size: small;
    /* justify-content: center; */
    /* align-items: center; */
    flex-direction: column;
    color: var(--body-text-color);
}

    .my-bookin-det-data.iconClass {
        text-align: center;
        width: 100%;
    }

    .my-bookin-det-data li {
        padding: 0;
    }
        .added-val h5 {
    font-size: 13px;
    font-weight: 400;
}

#prodsidenav {
}
div#mb-price-sec{
    padding-left:0px;
}

#prodsidenav.stick {
    margin-top: 0;
    position: fixed;
    top: 0.5rem;
    z-index: 9999;
}

    #prodsidenav.stick {
        z-index: 9 !important;
    }

    #prodsidenav.stick-still {
        position: absolute;
        bottom: 0;
        max-width: 380px;
    }
    @media screen and (max-width:800px){

        #prodsidenav.stick {
            margin-top: 0;
            position: fixed;
            top: 0.5rem;
            z-index: 9999;
            width: 100%;
        }

        #prodsidenav.stick {
            max-width: 100%;
            z-index: 9 !important;
        }

        #prodsidenav.stick-still {
            position: absolute;
            bottom: 0;
        }
        }

.uppercase {
    text-transform:uppercase;
}
.my-bookin-det-data i {
    font-size: 1.2rem;
    padding: .5rem 0 0;
    color: var(--primary-color);
    text-align: center;
}

.my-bookin-det-data small {
    font-size: .7rem;
}

.my-bookin-det-data h5 {
    margin-bottom: 0;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.4;
}

    .my-bookin-det-data h5 i {
        margin-right: 10px;
    }

.my-bookin-det-data p {
    color: var(--body-text-color);
    margin-bottom: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.4;
}

    .my-bookin-det-data p a {
        margin-top: 8px;
        margin-right: 2px;
        font-size: 12px;
        font-weight: 700;
        color: var(--body-text-color);
    }

        .my-bookin-det-data p a:hover {
            color: var(--primary-color);
            background-color: transparent !important;
        }

    .my-bookin-det-data p i {
        color: var(--body-text-color);
        font-size: 14px;
    }

.my-bookin-det-data-alert {
    margin: 10px 5px 0;
}

    .my-bookin-det-data-alert p {
        background-color: #dff6e1 !important;
        color: #437132;
        padding: .1em .7em !important;
        border: .5px solid #839d7b !important;
        text-align: center;
        border-radius: 5px;
        font-size: 12px;
    }

/* product side nav Left */
ul.newBreadCrumbs {
    align-content: center;
    align-items: center;
    counter-reset: stepCount;
    display: flex;
    justify-content: space-around;
    margin: 50px 80px 25px;
}

    ul.newBreadCrumbs li.active {
        background-color: white;
        border-bottom: 5px dotted #777;
    }

        ul.newBreadCrumbs li.active ~ li {
            background-color: white;
            border-bottom: 5px dotted #777;
        }

    ul.newBreadCrumbs li {
        background: var(--primary-color);
        color: white;
        content: ' ';
        display: flex;
        flex-grow: 1;
        height: 0em;
        line-height: 0em;
        margin: 0;
        position: relative;
        text-align: right;
        z-index: 1;
        border-bottom: 5px solid var(--primary-color);
    }

        ul.newBreadCrumbs li:last-child {
            flex-basis: 0;
            flex-grow: 0;
            flex-shrink: 1;
        }

        ul.newBreadCrumbs li.active ~ li::before {
            background-color: white;
            content: '';
            border: 4px solid #777;
        }

        ul.newBreadCrumbs li::before {
            color: white;
            background: var(--primary-color);
            border-radius: 50%;
            content: '\f00c';
            font: normal normal normal 14px/1 FontAwesome;
            height: 2em;
            left: -1em;
            line-height: 20px;
            position: absolute;
            text-align: center;
            top: -.85em;
            width: 2em;
            border: 4px solid var(--primary-color);
        }

        ul.newBreadCrumbs li.active::before {
            content: '';
            background: white;
        }

        ul.newBreadCrumbs li span {
            color: black;
            position: absolute;
            left: -100%;
            transform: translateX(50%);
            top: -35px;
            font-size: 15px;
            width: 200px;
            text-align: center;
        }

        ul.newBreadCrumbs li:last-child span {
            width: 200px;
            left: -33px;
            transform: none;
            text-align: left;
        }

.ht-title {
}

    .ht-title h1 {
        font-size: 2rem;
        color: #777777;
        margin-bottom: .5rem;
        line-height: 1.4;
    }

    .ht-title p {
        font-size: 1rem;
        color: #777777;
        margin-bottom: 1rem;
        line-height: 1.4;
    }

p.review-based {
}

    p.review-based a {
        border-color: #777 !important;
    }

        p.review-based a:hover {
            border: 0 !important;
            background-color: transparent;
            color: #777;
        }

.product-img-slider {
}

.product-img-slider-box {
    height: 350px;
    position: relative;
}

    .product-img-slider-box img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

#product-main-slider {
    padding: 0 17px;
}

.pro-img-zoom {
    color: #fff;
    position: absolute;
    top: .5rem;
    right: .5rem;
    background: rgba(55,85,105,1);
    border: 6px solid rgba(55,85,105,1);
    font-size: 25px;
    width: 35px;
    text-align: center;
    opacity: .9;
}

    .pro-img-zoom a {
        color: #fff;
    }

        .pro-img-zoom a i {
        }

.pro-img-vid {
    color: #fff;
    position: absolute;
    top: 1.5rem;
    /*left: 0;*/
    background: rgba(55,85,105,1);
    border: 6px solid rgba(55,85,105,1);
    font-size: 25px;
    width: 150px;
    text-align: center;
    /* opacity: .9; */
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0;
}

    .pro-img-vid a {
        color: #fff;
        font-size: 18px;
    }

        .pro-img-vid a i {
            margin-right: 10px;
        }

.on-page-menu {
    /* border-top: 1px solid #DDD; */
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background: #777;
    display: flex;
    text-align: center;
}

    .on-page-menu li {
        width: calc(100%/4);
        margin: 0 !important;
        border-right: 1px solid #fff;
        position: relative;
    }

        .on-page-menu li a {
            color: #fff;
        }

            .on-page-menu li a .on-page-menu-box {
                height: 70px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

            .on-page-menu li a:hover .on-page-menu-box {
                background: #23ae24;
            }

        .on-page-menu li.active a:hover .on-page-menu-box {
            background: transparent;
        }

        .on-page-menu li a .on-page-menu-box p {
            color: #fff;
            font-size: 11px;
            /* font-weight: 700; */
            line-height: 1.2;
            text-transform: uppercase;
            margin-bottom:0px;
        }

            .on-page-menu li a .on-page-menu-box p i {
            }

        .on-page-menu li.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            width: -webkit-fill-available;
            height: 0px;
            border-left: 61px solid transparent;
            border-right: 61px solid transparent;
            border-top: 20px solid var(--primary-color);
            position: absolute;
            top: 100%;
            background: transparent !important;
            z-index: 9;
        }
        .disabledBtn{
            cursor:not-allowed;
            pointer-events:none;
        }
        .Available{
            cursor:pointer;
        }
        
        .on-page-menu li a.active .on-page-menu-box {
            background: var(--primary-color);
        }

.on-page-menu li.active {
    background: var(--primary-color) !important;
    position: relative;
}

        .on-page-menu li a.active .on-page-menu-box p i.fa-arrow-down {
            transform: rotate(180deg);
        }

.on-page-menu2 {
    /* border-top: 1px solid #DDD; */
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background: #777;
    display: flex;
    text-align: center;
}

    .on-page-menu2 li {
        width: calc(100%/3);
        margin: 0 !important;
        border-right: 1px solid #fff;
        position: relative;
    }

        .on-page-menu2 li a {
            color: #fff;
        }

            .on-page-menu2 li a .on-page-menu-box {
                height: 70px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

            .on-page-menu2 li a:hover .on-page-menu-box {
                background: var(--btn-primary-color);
            }

        .on-page-menu2 li.active a:hover .on-page-menu-box {
            background: transparent;
        }

        .on-page-menu2 li a .on-page-menu-box p {
            color: #fff;
            font-size: 12px;
            /* font-weight: 700; */
            line-height: 1.2;
            text-transform: uppercase;
        }

            .on-page-menu2 li a .on-page-menu-box p i {
            }

        .on-page-menu2 li.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 4px;
            width: 0px;
            height: 0px;
            border-left: 61px solid transparent;
            border-right: 61px solid transparent;
            border-top: 20px solid var(--primary-color);
            position: absolute;
            top: 100%;
            background: transparent !important;
            z-index: 9;
        }

        .on-page-menu2 li a.active .on-page-menu-box {
            background: var(--primary-color);
        }

        .on-page-menu2 li.active {
            background: var(--primary-color) !important;
            position: relative;
        }

        .on-page-menu2 li a.active .on-page-menu-box p i.fa-arrow-down {
            transform: rotate(180deg);
        }

.your-board-basis-list {
    border-right: 0px solid #DDD;
    border-left: 0px solid #DDD;
    border-bottom: 0px solid #DDD;
}

    .your-board-basis-list .your-board-basis-item {
    padding:0;
        }

        .your-board-basis-list .your-board-basis-item .your-board-basis-item-inner {
            cursor: pointer;
            margin: 0 0 1rem;
            font-size: .9rem;
            background-color: #fff;
            color: #fefefe;
            width: 100%;
            padding: .4em 1em;
            min-height: 80px;
            text-align: center;
            position: relative;
            border: 0;
            border-right: 1px solid #777;
            border-left: 1px solid #777;
        }

        .your-board-basis-list .your-board-basis-item .your-board-basis-item-inner-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 80%;
        }

        
            .your-board-basis-list .your-board-basis-item.Available .your-board-basis-item-inner p {
                color: #777;
            }

        .your-board-basis-list .your-board-basis-item.Available .your-board-basis-item-inner:hover {
            background-color: #4ebe4f;
            color: #fefefe;
        }

        .your-board-basis-list .your-board-basis-item.Available .your-board-basis-item-inner:hover p{
            color: #fefefe;
        }

        .your-board-basis-list .your-board-basis-item.active .your-board-basis-item-inner {
            color: #fefefe;
            background-color: #3C4E5A;
            /* border-color: var(--primary-color); */
            border-left: 9px solid var(--primary-color);
            border-right: 9px solid #3C4E5A;
            border-radius: 0;
        }

.your-board-basis-list .your-board-basis-item.active .your-board-basis-item-inner p {
    color: #fefefe;
}
        .your-board-basis-list .your-board-basis-item.active .your-board-basis-item-inner:hover {
            color: #fefefe;
            background-color: #3C4E5A;
            /* border-color: var(--primary-color); */
            border-left: 9px solid var(--primary-color);
            border-right: 9px solid #3C4E5A;
            border-radius: 0;
        }


        .your-board-basis-list .your-board-basis-item.disabledBtn .your-board-basis-item-inner {
            pointer-events: none;
            cursor: default;
            opacity: .6;
            background-color:lightgray;
        }
    .your-board-basis-list .your-board-basis-item-inner p {
        font-size: 10px !important;
        font-weight: 600;
    }

.product-page-acc {
}

    .product-page-acc .card {
    }

    .product-page-acc .card-header {
        background-color: transparent;
    }
        .product-page-acc .card-header:hover {
            background-color: #e6e6e6;
        }
        .product-page-acc .card-header h5 {
            text-decoration: none !important;
        }

            .product-page-acc .card-header h5 button {
                width: 100%;
                margin-bottom: 0;
                font-size: 1.2rem;
                font-weight: 600;
                color: #777777;
                text-align: left;
                text-decoration: none !important;
                position: relative;
                height: 100%;
            }

                .product-page-acc .card-header h5 button i {
                    float: right;
                    position: relative;
                    font-size: 24px;
                    /* margin-top: -25px; */
                    margin-right: 30px;
                    color: var(--primary-color);
                }

                .product-page-acc .card-header h5 button:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 0;
                    /* left: 0; */
                    bottom: 0;
                    background: var(--primary-color);
                    height: 3px;
                    width: 15px;
                    margin: auto;
                }

                .product-page-acc .card-header h5 button:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    right: 6px;
                    /* left: 0; */
                    bottom: 0;
                    background: var(--primary-color);
                    height: 15px;
                    width: 3px;
                    margin: auto;
                    transition: 0.5s all;
                    opacity: 0;
                }


                .product-page-acc .card-header h5 button.collapsed:after {
                    opacity: 1;
                }

    .product-page-acc .card .collapse {
    }

        .product-page-acc .card .collapse .card-body {
        }

.overview-label {
    color: var(--primary-color);
    font-size: 1.5rem;
    margin: 1rem 0;
}

.labelIcon {
    padding: .3rem .9rem .5rem .7rem;
    background: gold;
    margin-right: .5rem;
    border-radius: 7px;
    letter-spacing: .5px;
    font-weight: 700;
    line-height:2.5;
    white-space:nowrap;
}

    .labelIcon .fa {
        margin-right: .3rem;
        font-size: 1.2rem;
    }

.labelMessage {
    font-weight: 700;
    margin-bottom: 1rem;
    font-size: 1.3rem;
    font-style: italic;
}

.promoSpace1 p {
    margin-top: 1rem;
    line-height: 1.6;
    font-size: 18px;
}

.benefitsIntro {
    background: #ECECEC;
    padding: 1rem .9375rem;
}

.benefitsIntro {
    font-size: 1.3125rem;
    color: #777777;
    margin-top: 1rem;
    margin-bottom: .5rem;
    line-height: 1.4;
}

.featureListItem {
    color: #777;
    font-size: 18px;
}

    .featureListItem i {
        margin-right: 5px;
    }

.specialOffers {
    padding: 2rem 1rem .6rem;
    width: 100%;
}

    .specialOffers .specialOffersHeader {
        display: -webkit-flex;
        align-items: center;
        padding-top: 0.35rem;
        padding-bottom: 0.35rem;
        background: rgb(236, 236, 236);
    }

        .specialOffers .specialOffersHeader .icon-image img {
            width: 100%;
            max-width: 35px;
            min-width: 25px;
            top: 0;
        }

    .specialOffers h3 {
        color: #3c4e5a;
        font-size: 24px;
    }

.special-off-det i {
    color: #3c4e5a;
    text-align: center;
    font-size: 24px;
}

.special-off-det h4 {
    color: #3c4e5a;
    font-size: 20px;
}

.special-off-det p {
    line-height: 1.5rem;
    /* margin-bottom: 0; */
    font-size: 16px;
    margin: 1rem 0;
}

    .special-off-det p span {
        font-weight: 600; /* margin: 1rem 0; */
        color: #3c4e5a;
    }

.special-off-det {
    margin: 0px 20px;
    /* border-bottom: 1px solid #e6e6e6; */
    /*border-top: 1px solid #e6e6e6;*/
    padding: 8px 1rem;
}

.info-hotel {
}

    .info-hotel h6 {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
    }

    .info-hotel p {
        color: var(--body-text-color);
        font-size: 18px;
        line-height: 1.5;
        margin: 1rem 0;
        font-weight: 400;
    }

.view-all-hotels {
    margin: 2rem 0;
}

    .view-all-hotels a {
        font-weight: 600;
        color: var(--primary-color);
    }

        .view-all-hotels a i {
        }

.hotel-info-box {
    padding: 10px;
}

    .hotel-info-box:hover {
        box-shadow: 0 0 10px 0 #a5a5a5;
    }

.hotel-info-title {
}

    .hotel-info-title h2 {
        font-size: 1.5rem;
        margin: 1rem 0;
        font-style: normal;
        line-height: 1.4;
        color: #777777;
    }

        .hotel-info-title h2 i {
            margin-right: 10px;
        }

.hotel-info-box-img {
}

    .hotel-info-box-img img {
    }

.hotel-info-box-cont {
}

    .hotel-info-box-cont h4 {
        font-size: 1.3125rem;
        font-style: normal;
        color: #777777;
        margin-top: 0;
        margin-bottom: .5rem;
        line-height: 1.4;
    }

    .hotel-info-box-cont p {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        margin: 1rem 0;
        font-weight: 400;
    }

    .hotel-info-box-cont ul {
        list-style: none;
    }

        .hotel-info-box-cont ul li {
            color: #777;
            font-size: 18px;
            line-height: 1.5;
            margin: 1rem 0;
            font-weight: 400;
            position: relative;
            padding-left: 2rem;
        }

            .hotel-info-box-cont ul li:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                margin: auto;
                background-color: #777;
                border-radius: 25px;
                height: 5px;
                width: 5px;
            }

.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,.25);
    border-radius: 5px;
    position: relative;
    color: #777;
    background-color: #fff;
}

    .callout h5 {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        margin: 1rem 0;
        font-weight: 400;
    }

    .callout p {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        margin: 1rem 0;
        font-weight: 400;
    }

.loc-cont {
}

    .loc-cont h2 {
        font-size: 1.5rem;
        margin: 1rem 0;
        font-style: normal;
        line-height: 1.4;
        color: #777777;
    }

    .loc-cont p {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        margin: 1rem 0;
        font-weight: 400;
    }

    .loc-cont ul {
        margin: 1rem 0;
    }

        .loc-cont ul li {
            color: #777;
            font-size: 16px;
            line-height: 1.5;
            font-weight: 400;
            margin: 10px 0;
        }

            .loc-cont ul li i {
                color: #777;
                font-size: 16px;
                line-height: 1.5;
                /* font-weight: 400; */
                margin-right: 10px;
            }

/*.btnDetail button {
    background-color: #EEE;
    border-bottom: 4px solid #3C4E5A;
    padding: 13px;
    outline: none;
    border-radius: 5px;
    line-height: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    font-size: 18px;
}*/

.btnDetail button {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    padding: 13px;
    outline: none;
    border-radius: 5px;
    line-height: 1;
    width: 100%;
    font-size: 18px;
    color: var(--primary-color);
}

    .btnDetail button:hover {
        background-color: var(--primary-color);
        
        color: #fff;
    }


.btnSelected button {
    padding: 13px 20px;
    /*border: 0;*/
    /*border-bottom: 4px solid var(--primary-color);*/
    /*background: transparent;*/
    /*color: #777;*/
    /*font-size: 20px;*/
    text-transform: uppercase;
    white-space: nowrap;

    /*NEW SUGGESTED STYLE*/
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
   
    outline: none;
    border-radius: 5px;
    line-height: 1;
    width: 100%;
    font-size: 18px;
    color: #fff;
}

.btnSelect button.notselected {
    padding: 13px 20px;
    /*border: 0;
    border-bottom: 4px solid var(--primary-color);
    background: transparent;
    font-size: 22px;
    background-color: #3C4E5A;
    color: white;
    border-bottom: 4px solid var(--primary-color);
    border-radius: 5px;
    line-height: 1;
    width: 100%;*/
    text-transform: uppercase;

    /*NEW SUGGESTED DESIGN*/
    background-color: #fff;
    border: 1px solid var(--primary-color);
    /*border-bottom: 4px solid var(--primary-color);*/
    outline: none;
    border-radius: 5px;
    line-height: 1;
    width: 100%;
    font-size: 18px;
    color: var(--primary-color);
}


.btnSelect button.notselected:hover {
    padding: 12px 20px;
    text-transform: uppercase;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-bottom: 4px solid var(--primary-color);
    outline: none;
    border-radius: 5px;
    line-height: 1;
    width: 100%;
    font-size: 18px;
    color: #fff;
}

.rooms-box {
    padding: 10px;
}

div#collapse6 > .card-body {
    padding: 0;
}

.rooms-box.selected {
    border: 5px solid var(--primary-color);
}

.rooms-box:hover {
    box-shadow: 0 0 7px 0 #777777a8;
}

.room-title {
}

    .room-title h3 {
        background: #ebebea;
        padding: 15px;
        font-size: 23px;
        color: #777;
        margin: 0.5rem 0 1.5rem;
    }

.room-img {
    width: 100%;
    height: 248px;
    /* background: red; */
    position: relative;
}

    .room-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.srMediaBtn {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #3c4e5a;
    padding: 6px 9px 3px;
}

    .srMediaBtn a {
    }

        .srMediaBtn a i {
            color: white;
            font-size: 36px;
        }

.srcamBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #3c4e5a;
    padding: 6px 9px 3px;
}

    .srcamBtn a {
    }

        .srcamBtn a i {
            color: white;
            font-size: 36px;
        }

.room-cont {
}

    .room-cont ul {
        display: flex;
    }

        .room-cont ul li {
            width: calc(100%/2);
        }

    .room-cont h4 {
        margin: 1rem 0rem;
        color: #777;
        font-size: 18px;
        font-weight: 400;
    }

    .room-cont p {
        font-size: 16px;
        color: #777;
        margin: 0rem 0;
    }

        .room-cont p i {
            color: #46b3b2;
            font-size: 16px;
            margin-right: 10px;
        }

        .room-cont p img {
            margin-right: 5px;
            width: 25px;
            vertical-align:middle;
            
        }
.hidePrice {

    display:none;
}
.board-basic-cont {
}

    .board-basic-cont h2 {
        font-size: 1.5rem;
        margin: 2rem 0 1rem;
        font-style: normal;
        line-height: 1.4;
        color: #777777;
        font-weight: 400;
    }

        .board-basic-cont h2 i {
            margin-right: 10px;
            color: #23ae24;
        }

        .board-basic-cont h2 span {
            color: var(--primary-color);
        }

    .board-basic-cont p {
        font-size: 14px;
        color: #777;
    }

.tip-bg-green-important {
    background-color: #dff6e1 !important;
    color: #437132;
    position: relative;
}

.tooltip2 {
    /*z-index: 99;*/
    display: block;
    position: relative;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0%;
    margin-bottom: 3%;
    color: #437132;
    font-size: .9rem;
    padding: .9rem;
    /* top: calc(100% + .6495rem); */
    border-radius: 5px;
    margin-left: 0 !important;
    line-height: 1.5;
}

.tooltip2-arrow {
    position: relative;
}

    .tooltip2-arrow:before {
        content: '';
        position: absolute;
        right: -0.2rem;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #dff6e1;
        height: 20px;
        width: 20px;
        transform: rotate(45deg);
    }

.tooltip3 {
    /*z-index: 99;*/
    background-color: #e6e6e6;
    color: #777;
    display: block;
    position: relative;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0%;
    margin-bottom: 3%;
    font-size: .9rem;
    padding: .9rem;
    border-radius: 5px;
}

.flights-box {
    border: 6px solid var(--primary-color);
    padding: 10px;
}

.flights-box {
}

    .flights-box h2 {
        color: var(--primary-color);
        /* margin-left: -40px; */
        font-size: 1.2rem;
        background-repeat: no-repeat;
        background-position: left center;
        /* padding-left: 37px; */
        font-weight: 600;
        padding: 1rem 0 1rem;
        border-bottom: 1px solid #ebebea;
        margin-bottom: 1rem;
    }

        .flights-box h2 img.flight-icon {
            width: 14px;
            margin-right: 8px;
        }
        .depart-block {
            text-align: left;
            margin-left:30px;
        }

    .depart-block h4 {
        color: #444;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .depart-block h5 {
        color: #444;
        font-size: 14px;
    }

    .depart-block h3 {
        font-size:25px;
        white-space:nowrap;
    }

            .depart-block p {
                white-space:nowrap;
                margin: 0;
                line-height: 1.5;
                color: #3C4E5A;
            }

a.tooltip-pro {
    font-size: 14px;
    display: block;
    margin: 20px 0;
    color: #777777;
}

.flight-icon-block {
    text-align: center;
    margin-top:37px;
}

    .flight-icon-block p {
        font-size: 10px;
    }

.flight-number-block {
}

    .flight-number-block img {
        width: 75%;
    }

    .flight-number-block h4 {
        color: #444;
        font-size: .9rem;
        line-height: 1.5;
    }

.flight-det {
    height: 100%;
    border-left: 1px solid #ebebea;
    /* display: flex; */
    /* align-items: center; */
    padding: 15px;
}

    .flight-det img {
        width: 100%;
        margin: auto;
        display: block;
    }

.arrival-block {
    text-align:left;
}

    .arrival-block h4 {
        color: #444;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .arrival-block h5 {
        color: #444;
        font-size: 14px;
    }

    .arrival-block h3 {
        font-size:25px;
    }

    .arrival-block p {
        margin: 0;
        line-height: 1.5;
        color: #3C4E5A;
    }

.atal {
    font-size: 10px;
    /* white-space: nowrap; */
    align-items: center;
    height: 100%;
    display: flex;
    margin: 1rem 0;
}

    .atal img {
        max-width: 20%;
        margin-right: 4px;
    }

.calendar-icon-help {
    margin: 1rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
}

    .calendar-icon-help ul {
        display: flex;
    }

        .calendar-icon-help ul li {
        }

.cal-selected {
    font-size: 14px;
    color: #333;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

    .cal-selected i {
        background: var(--primary-color);
        padding: 5px;
        border-radius: 5px;
        color: #fff;
        margin-right: 5px;
    }

.cal-best-price {
    font-size: 14px;
    color: #333;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-best-price > div {
        background: #f9706a;
        height: 20px;
        width: 20px;
        border-radius: 5px;
        display: inline-block;
        margin-right: 5px;
    }

.cal-available {
    font-size: 14px;
    color: #333;
    margin-left: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-available > div {
        background: #e6e6e6;
        height: 20px;
        width: 20px;
        border-radius: 5px;
        display: inline-block;
        margin-right: 5px;
    }

.cal-phone {
    font-size: 14px;
    color: #333;
    margin-left: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-phone i {
        background: #e6e6e6;
        padding: 5px;
        border-radius: 5px;
        color: #fff;
        margin-right: 5px;
    }

.cal-luggage {
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .cal-luggage img {
        width: 10%;
        margin-right: 10px;
    }

.calendar-fields-sel {
    margin: 0 5px;
    position: relative;
}

    .calendar-fields-sel .form-group {
    }

    .calendar-fields-sel label {
        font-size: 14px;
        font-weight: 600;
        color: var(--primary-color);
        margin-bottom: 10px;
    }

    .calendar-fields-sel:before {
        content: '';
        position: absolute;
        /* left: 0; */
        right: 7px;
        bottom: 1rem;
        /* top: 0; */
        background: #fff;
        z-index: 999;
        border-right: 2px solid var(--primary-color);
        border-bottom: 2px solid var(--primary-color);
        transform: rotate(45deg);
        height: 10px;
        width: 10px;
    }

    .calendar-fields-sel select {
        border: 1px solid #666 !important;
        border-radius: 0 !important;
        padding: 0 0 !important;
        font-size: 14px !important;
        height: 40px;
    }

        .calendar-fields-sel select:focus {
            box-shadow: none !important;
        }

        .calendar-fields-sel select option {
            color: var(--primary-color) !important;
        }

.opmsticky {
    position: fixed;
    top: 0px;
    width: 100%;
    transition: 0.5s all;
    z-index: 9999;
}

    .opmsticky + .content {
    }

.on-page-menu-sticky.opmsticky {
    padding: 0;
    background-color: #fff;
}

#opm-sticky {
}

    #opm-sticky.stick {
        margin-top: 0;
        position: fixed;
        top: 0rem;
        width:43.3rem;
        z-index: 9990;
    }
/****************  Confirm booking page  ********************/
.product-page-confirm {
}

    .product-page-confirm .card-header h5 button i {
        float: unset;
        color: #777;
    }

.sp-req-form {
}

    .sp-req-form label {
        margin-bottom: 1rem;
        line-height: 1.6;
        color: #777;
        font-size: 18px;
    }

    .sp-req-form textarea {
        border: 1px solid #8a8a8a;
        background-color: #fefefe;
        outline: 0;
        box-shadow: 0 0 5px #cacaca;
        transition: box-shadow .5s,border-color .25s ease-in-out;
    }

.sp-req-btn {
    /*padding-right: 40px;*/
    /*padding-left: 40px;*/
    /*padding-top: 8px;*/
    /*padding-bottom: 8px;*/
    float: right;
    border-radius: 5px;
    font-size: 1.03rem;
    letter-spacing: .7px;
    color: white;
    background: #23ae24;
    padding: .3rem 1.0rem .3rem;
    border-bottom: 4px solid #3b8718;
}

    .sp-req-btn:hover {
        box-shadow: 0 0 2px 0 #949494;
        background-color: var(--primary-color);
        color: #fff;
    }

.formOptionBox {
    border: 2px solid var(--primary-color);
    border-radius: 10px;
    padding: .8rem;
    display: block;
    min-height: 80px;
    transition: all .2s ease-in-out;
}

    .formOptionBox i {
        color: #4ebe4f;
        font-size: 30px;
    }

.optionDescr {
    max-width: 90% !important;
    width: auto !important;
    line-height: 1.5;
    color: #777;
}

.flight-cont {
    padding: 22px 0px;
}

    .flight-cont h5 {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
    }

    .flight-cont p {
        color: #777;
        font-size: 18px;
        line-height: 1.5;
        margin: 1rem 0;
        font-weight: 400;
    }

        .flight-cont p span {
            color: var(--primary-color);
            font-weight: 800;
        }

    .flight-cont h3 {
        color: #3c4e5a;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 600;
    }

    .flight-cont h5 + p + p,
    .flight-cont h5 + p {
        color: #777;
        font-size: 14px;
        line-height: 1.5;
        margin: 0rem 0;
        font-weight: 400;
    }

.boardBasisBtn {
    cursor: pointer;
    border-radius: 5px;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: var(--primary-color);
    color: #fefefe;
    padding:0 25px;
  
}

    .boardBasisBtn.selected {
        background: var(--btn-primary-color);
        padding: 0 15px;
        text-align: center;
    }

    .boardBasisBtn span.strong {
        display: block;
        font-weight: 900;
        font-size: 12px;
        margin-top: .2rem;
        margin-left: .3rem;
        border-radius: 5px;
    }

.room-cont a {
    font-weight: 600;
    color: var(--primary-color);
}

.room-box-con {
    border: 6px solid var(--primary-color);
    padding: 10px;
}

.card-con {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    /*margin: 1rem;*/
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    height: 300px;
    width: 100%;
}

.card-divider {
    margin-left: 0 !important;
    background: #EBEBEA;
    margin-right: 0 !important;
    height: 47px;
    padding-top: 5px;
    text-align: center;
    color: #3c4e5a;
    font-size: medium;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.card-con, .cardLuggageImg {
    position: relative;
    text-align: center;
}

.cardLuggageImg {
    padding-top: 3vh;
    padding-bottom: 3vh;
    width: 113px;
    margin: 0 auto auto;
}

.luggageIcn a {
    text-align: center;
    width: 36px;
    height: 36px;
    border: 1px solid #909090;
    border-radius: 25%;
}

.minusIcon {
    background-color: #d3d3d3 !important;
    box-shadow: 0 0 0 rgba(0,0,0,.12), 0 0 0 rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    float: right;
}

.minusIcon, .noPadMarRight {
    margin-right: 0;
    padding-right: 0;
}

.plusIcon {
    background-color: var(--primary-color) !important;
    box-shadow: 0 0 0 rgba(0,0,0,.12), 0 0 0 rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    float: left;
    padding-left: 0;
}

.luggageIcn a i {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}

.centeredLugTxt {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: smaller;
    transform: translate(-50%,-50%);
    color: var(--primary-color);
    font-weight: 500;
}

.lug-hold {
    font-size: 18px;
    line-height: 1.5;
    color: #777;
}

.tip-bg-blue-important {
    background-color: #cce1ff !important;
    position: relative;
    background-color: #cce1ff !important;
    color: #000;
    font-size: 14px;
    letter-spacing: .4px;
}

.pap-form-box {
    padding: 1rem 5rem;
}

.pap-label {
    display: block;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    color: #777;
}

.pap-form {
}

    .pap-form select,
    .pap-form input {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 2.5rem;
        padding: 0 10px !important;
        border: 1px solid #cacaca;
        margin: 0 0 1.125rem;
        font-family: inherit;
        font-size: 1rem;
        color: #777;
        background-color: #fefefe;
        box-shadow: inset 0 0px 2px rgba(10,10,10,.1);
        border-radius: 0;
        transition: box-shadow .5s,border-color .25s ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

.form-group select:focus,
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--primary-color);
}

.pap-check {
    background: #e6e6e6;
    height: 2rem;
    width: 100%;
    margin: 20px 0;
    font-size: 14px;
    padding: 10px;
    /* justify-content: center; */
    align-items: center;
    display: flex;
}

    .pap-check label:hover {
        background: transparent;
    }

    .pap-check.pap-anchor {
        background-color: transparent;
    }

.chiller_cb.pap-check.pap-anchor span {
    border: 4px solid #e6e6e6;
}

.chiller_cb.pap-check.pap-anchor input:checked ~ span {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.pap-anchor a {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 14px;
}

    .pap-anchor a:hover {
    }

.pap-check input[type=checkbox] {
    margin-right: 10px;
}


.credit-card-wrapper {
    /* position: relative; */
    /* background: red; */
    height: 370px;
}

    .credit-card-wrapper .credit-card {
        box-shadow: 0px 0px 10px 2px #000;
        background: #c5c5c5ab;
        border-radius: 8px;
        color: white;
        font-size: 14px;
        position: absolute;
        height: 240px;
        width: 388.32px;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }

        .credit-card-wrapper .credit-card.unfocused {
            background: #c5c5c5;
        }

    .credit-card-wrapper .front {
        top: 100px;
        left: 100px;
        z-index: 2;
    }

        .credit-card-wrapper .front .card-title {
            font-size: 18px;
            font-weight: bolder;
            margin: 24px 0 0 24px;
        }

        .credit-card-wrapper .front .card-number {
            padding: 12px 24px 0;
        }

            .credit-card-wrapper .front .card-number .card-number-label {
                margin: 3px 0 6px;
            }

            .credit-card-wrapper .front .card-number input {
                background: #ffffff;
                border-radius: 4px;
                border: 1px solid #ccc;
                color: white;
                font-size: 30px;
                margin: 0 3px 0 0;
                padding: 3px;
                width: 70px;
            }

        .credit-card-wrapper .front .card-expiration {
            padding: 12px 24px 24px;
        }

            .credit-card-wrapper .front .card-expiration > div {
                float: left;
                padding: 3px;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-label {
                padding-top: 32.4px;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-month:after, .credit-card-wrapper .front .card-expiration .card-expiration-year:after {
                position: absolute;
                bottom: 42px;
                font-family: 'FontAwesome';
                content: '\f063';
                pointer-events: none;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-month:after {
                left: 118px;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-year:after {
                left: 218px;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-month-label {
                margin-bottom: 6px;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-year-label {
                margin-bottom: 6px;
            }

            .credit-card-wrapper .front .card-expiration .card-expiration-slash {
                font-size: 32px;
                padding: 30.72px 6px;
            }

            .credit-card-wrapper .front .card-expiration select {
                background: #ffffff;
                border-radius: 4px;
                border: 1px solid gray;
                color: white;
                font-size: 30px;
                padding: 3px 12px 3px 8px;
                width: 70px;
            }

    .credit-card-wrapper .back {
        top: 70px;
        left: 300px;
        z-index: 1;
    }

        .credit-card-wrapper .back .magnetic-strip {
            background: #111;
            margin-top: 24px;
            height: 60px;
            width: 100%;
        }

        .credit-card-wrapper .back .credit-card-ccv {
            text-align: right;
        }

            .credit-card-wrapper .back .credit-card-ccv .credit-card-ccv-label {
                padding: 12px 24px 6px;
            }

            .credit-card-wrapper .back .credit-card-ccv .credit-card-ccv-strip {
                margin: 0 24px;
                height: 60px;
                background: rgba(255, 255, 255, 0.4);
            }

            .credit-card-wrapper .back .credit-card-ccv .credit-card-ccv-prefix {
                color: black;
                float: right;
                font-size: 24px;
                letter-spacing: 2.5px;
                padding: 15px 12px;
                -webkit-transform: skew(10deg, 0);
                transform: skew(10deg, 0);
            }

            .credit-card-wrapper .back .credit-card-ccv .credit-card-ccv-box {
                background: white;
                position: absolute;
                top: 125px;
                right: 29px;
                content: '';
                border-radius: 4px;
                border: 1px solid gray;
                height: 46px;
                width: 80px;
            }

            .credit-card-wrapper .back .credit-card-ccv input {
                float: right;
                background: transparent;
                border-radius: 4px;
                color: black;
                font-size: 26px;
                margin: 7px 4px 0 0px;
                padding: 14px;
                width: 80px;
                -webkit-transform: skew(0deg, 0);
                transform: skew(0deg, 0);
            }

.my-bookin-det-final {
    background-color: #eeeeee;
    border-top: 2px solid var(--primary-color);
    padding: 10px 10px;
    /* margin: 20px 0; */
}

.bf-det-sec {
}

    .bf-det-sec h3 {
        font-size: 14px;
        color: #777777;
        font-weight: 600;
    }

        .bf-det-sec h3 i {
            background: var(--primary-color);
            height: 30px;
            width: 30px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 14px;
            border-radius: 80px;
            margin-right: 10px;
            margin-bottom: 1rem;
        }

    .bf-det-sec h4 {
        margin-bottom: .5rem;
        color: #777;
    }

.bf-acc-sec {
}

.bk-timings {
    padding: 10px;
}

    .bk-timings ul {
        width: 100%;
        border-bottom: 1px dotted #bfbbbb;
        padding: 10px 0;
        display: flex;
    }

        .bk-timings ul li:first-child {
            text-align: left;
        }

        .bk-timings ul li {
            color: #777;
            text-align: end;
            font-size: 14px;
            width: calc(95%/2);
        }

            .bk-timings ul li i {
                margin-right: 11px;
                min-width:14px;
            }

            .bk-timings ul li strong {
                font-weight: 600;
                /* text-align: right; */
                /* width: 100%; */
            }

.flight-det {
}

    .flight-det ul {
        display: flex;
    }

        .flight-det ul li {
            vertical-align: middle;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-direction: column;
        }

            .flight-det ul li > .media {
    width: 100%;
            }

                .flight-det ul li > .media img {
                    width: 16%;
                }

                .flight-det ul li > .media .media-body {
                    color: #777;
                    font-size: 16px;
                }

                    .flight-det ul li > .media .media-body h5 {
                        color: #777;
                        font-size: 16px;
                    }

                    .flight-det ul li > .media .media-body strong {
                        font-weight: 600;
                        color: #000;
                        font-size: 14px;
                    }

            .flight-det ul li h6 {
                font-size: 11px;
                text-align: center;
            }

            .flight-det ul li > img {
            }

.bf-det-cont {
    color: #777;
    padding: 10px 20px;
}

.basket-main-body .bf-det-cont {
padding: 10px 9px;
}

.bf-det-cont h3 {
}

    .bf-det-cont h4 {
        font-size: 20px;
    }

        .bf-det-cont h4 strong {
            font-weight: 600;
        }

    .bf-det-cont ul {
    }

        .bf-det-cont ul li {
            margin: 15px 0;
        }

            .bf-det-cont ul li h5 {
                display: flex;
            }

                .bf-det-cont ul li h5 i {
                    margin-right: 1rem;
                }

.pay-opt-tab {
}

    .pay-opt-tab li {
        border: 1px solid var(--primary-color) !important;
        border-bottom: 5px solid var(--primary-color) !important;
        margin: 0 !important;
        width: calc(100%/2);
    }

        .pay-opt-tab li a {
        }

.pay-opt-price {
    height: 80px;
    text-align: center;
}

    .pay-opt-price h2 {
        color: #777;
        font-size: 26px;
        text-transform: capitalize;
    }

    .pay-opt-price h4 {
        font-size: 22px;
        margin: 1rem 0 0;
        font-weight: 600;
        line-height: 0;
        color: var(--primary-color);
    }

.pay-opt-tab li a.active {
}

    .pay-opt-tab li a.active .pay-opt-price {
    }

        .pay-opt-tab li a.active .pay-opt-price h4 {
            color: #fff;
            line-height: 0px;
        }

        .pay-opt-tab li a.active .pay-opt-price h2 {
            color: #fff;
        }

.stepsContainer {
    border: 1px solid;
}

.step {
    position: relative;
    min-height: 32px /* circle-size */;
}

    .step > div:first-child {
        position: static;
        height: 0;
    }

.circle {
    background: var(--primary-color);
    width: 32px;
    height: 32px;
    line-height: 29px;
    border-radius: 16px;
    position: relative;
    color: white;
    text-align: center;
}

    .circle:first-child {
        margin-top: 2vh;
        z-index: 1;
    }

.line {
    position: absolute;
    border-left: 5px solid gainsboro;
    left: 13px;
    bottom: -20px;
    top: 0px;
}

.title {
    /*line-height: 32px;
    font-weight: bold;*/

}

.stepBody {
    /*border-bottom: dashed 1px;*/
}

.price-right {
    float: right;
    margin-right: 5px;
    color: var(--primary-color);
}

.step:last-child .line {
    display: none;
}

.step:last-child {
    border-bottom: none;
}

.step > div:last-child {
    margin-left: 32px;
    padding-left: 16px;
}

#calendar-pro {
}

    #calendar-pro table {
        border: 0 !important;
    }

        #calendar-pro table > thead {
        }

            #calendar-pro table > thead > tr {
            }

                #calendar-pro table > thead > tr > td {
                    margin-bottom: 0 !important;
                }

    #calendar-pro .fc-row.fc-widget-header {
        margin-bottom: 10px;
    }

        #calendar-pro .fc-row.fc-widget-header table > thead > tr > th {
            padding: 5px 0;
            background: #99a6af;
            border: none;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
        }


        #calendar-pro .fc-row.fc-widget-header table > thead > tr {
            margin-bottom: 11px !important;
        }

    #calendar-pro .fc-content-skeleton {
    }

    #calendar-pro td.fc-day.fc-widget-content.fc-other-month.fc-past {
        border: 0;
        text-align: left !important;
    }

    #calendar-pro tbody {
        border-color: white !important;
    }

    #calendar-pro .fc-row.fc-week.fc-widget-content.fc-rigid {
        border-color: transparent;
    }

    #calendar-pro td.fc-day.fc-widget-content {
        border: 1px solid #eee;
        margin: 10px !important;
        border-radius: 10px;
        /* height: 121px !important; */
    }

    #calendar-pro .fc-bg {
    }

    #calendar-pro a.fc-day-number {
        /* background: var(--primary-color); */
        width: 100%;
        color: var(--primary-color);
        font-size: 20px;
        position: relative;
        left: 10px;
    }

    #calendar-pro .fc-content {
        background: var(--primary-color);
        border: 0 !important;
        color: #fff;
        text-align: end;
    }

    #calendar-pro .cal-actual-price {
        background: transparent !important;
    }

        #calendar-pro .cal-actual-price .fc-content {
            background: transparent;
            color: #f9706a;
            font-size: 10px;
            text-decoration: line-through;
        }

        #calendar-pro .cal-actual-price a {
            border: 0 solid transparent !important;
            background: transparent;
        }

    #calendar-pro .cal-dis-price .fc-content {
        background: transparent;
        color: #777;
        font-size: 18px;
        font-weight: 700;
        position: relative;
    }

    #calendar-pro .cal-best-title .fc-content {
        background: transparent;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        background: #f9706a;
        width: 100%;
    }

    #calendar-pro .cal-best-price .fc-content {
        color: #777;
        font-size: 16px;
        font-weight: 700;
        background: #ffffff;
        width: 100%;
    }

    #calendar-pro .fc-event {
        background-color: transparent !important;
        border: 1px solid #ffffff;
    }

    #calendar-pro .cal-dis-price .fc-content:before {
        content: '';
        position: absolute;
        background-image: url(/cyprus-pradise/product/assets/images/CP-LI-Cross.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

.calendar-fields-sel-plane:before {
    background-image: url(/cyprus-pradise/product/assets/images/cp-plane-lg-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left;
    border: none;
    height: 15px;
    width: 15px;
    transform: rotate(-45deg);
    right: 5px;
    /* background-color: transparent; */
    bottom: 13px;
    z-index: 1;
}

/* pop up secure*/
.ttModal {
    z-index: 999999;
    background: #000000bf !important;
}

    .ttModal .modal-dialog {
        max-width: 600px !important;
        padding-top: 100px;
        position: relative;
        /* border-radius: 5px; */
        height: inherit;
        /* background: yellow; */
    }

        .ttModal .modal-dialog .modal-content {
            width: 100%;
            position: relative;
            z-index: 99999;
            border-radius: 4px;
            overflow: hidden;
            outline: none;
            border: none;
            background: var(--primary-color);
            -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.46);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.46);
        }

            .ttModal .modal-dialog .modal-content .modal-header {
                text-align: center;
                position: relative;
                /* background: #2a9b9a; */
                padding: 10px 0;
                /* border-color: #e6e6e68f; */
                border: none;
            }

                .ttModal .modal-dialog .modal-content .modal-header button.close {
                    position: absolute;
                    right: 0;
                    z-index: 999;
                    opacity: 1;
                    background: #f9706a;
                    margin: 0;
                    top: 10px;
                    width: 35px;
                    height: 35px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-line-pack: center;
                    align-content: center;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    /* border: 2px solid #003660; */
                    padding: 0;
                    text-align: center;
                    font-size: 0;
                    outline: none;
                    border-radius: 4px;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                    transition: 0.5s;
                    /* margin-bottom: 20px; */
                    right: 10px;
                }

                .ttModal .modal-dialog .modal-content .modal-header h4.modal-title {
                    text-align: center;
                    margin: 0;
                    padding: 0;
                    display: inline-block;
                    width: 100%;
                    line-height: normal;
                    color: #fff;
                    font-weight: 400;
                    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);
                }

            .ttModal .modal-dialog .modal-content .modal-body {
                background: #e6e6e6;
                padding: 0 15px;
                /* border: 1px solid #ebebeb; */
                /* padding: 15px 20px !important; */
                background: #fefef6;
                -webkit-box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57);
                -moz-box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57);
                box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57);
                margin: 30px 10px 10px;
                border-radius: 5px;
                padding: 20px 20px 20px 20px;
                border: 6px solid #eaeaea;
            }

                .ttModal .modal-dialog .modal-content .modal-body .modLeftImg {
                    padding: 0 15px 0 0;
                }

                    .ttModal .modal-dialog .modal-content .modal-body .modLeftImg img {
                        width: 100%;
                        border: 2px solid #00aae8;
                    }

                .ttModal .modal-dialog .modal-content .modal-body .modRightCont {
                    text-align: left;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-line-pack: center;
                    align-content: center;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    padding: 0px 10px 0 0;
                }

            .ttModal .modal-dialog .modal-content .modal-header button.close:before {
                content: '';
                background: #fff;
                position: absolute;
                height: 20px;
                width: 2px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.34);
                box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.34);
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

            .ttModal .modal-dialog .modal-content .modal-header button.close:after {
                content: '';
                background: #fff;
                position: absolute;
                height: 20px;
                width: 2px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.34);
                box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.34);
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

            .ttModal .modal-dialog .modal-content .modal-body .modRightCont p {
                color: #000;
                line-height: 20px;
                font-size: 14px;
                font-weight: 400;
                /* text-shadow: 0px 1px 3px rgba(190, 33, 47, 0.22); */
                /* text-align: justify; */
                margin: 0 20px 10px;
            }

            .ttModal .modal-dialog .modal-content .modal-header h4.modal-title span.sapration {
                color: #e6e6e6;
                line-height: 0;
                background: #e6e6e6;
                height: 1px;
                width: 5px;
                display: inline-block;
                font-size: 0;
                vertical-align: -webkit-baseline-middle;
            }

            .ttModal .modal-dialog .modal-content .modal-header h4.modal-title span.designation {
                font-size: 10px;
                font-weight: 300;
                text-shadow: 2px 2px 2px rgba(0,0,0,45);
            }

            .ttModal .modal-dialog .modal-content .modal-header button.close:hover {
                background: #000;
            }

                .ttModal .modal-dialog .modal-content .modal-header button.close:hover:before {
                    background: #fff;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                .ttModal .modal-dialog .modal-content .modal-header button.close:hover:after {
                    background: #fff;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

.hideBox {
    display: none !important
}

.team-section h2 {
    font-size: 36px;
    font-family: 'TrajanPro-Bold';
}

.modal-body.caPtteamBox h4 {
    /* font-size: 30px; */
    font-weight: bold;
    padding: 20px 0;
    font-size: 22px;
    color: #777;
}

.modal-body.caPtteamBox p {
    font-size: 16px;
    font-weight: 600;
    padding: 0 25px;
    text-align: justify;
    line-height: 1;
}

.modal-body.caPtteamBox .media {
}

    .modal-body.caPtteamBox .media img {
        width: 19%;
    }

    .modal-body.caPtteamBox .media .media-body {
    }

        .modal-body.caPtteamBox .media .media-body h5 {
            color: var(--primary-color);
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .modal-body.caPtteamBox .media .media-body ul {
            list-style: disc;
            padding-left: 15px;
        }

            .modal-body.caPtteamBox .media .media-body ul li {
                color: #777;
                padding-left: 0px;
                margin: 10px 0;
                font-size: 14px;
            }
/* pop up 2*/
.tt2Modal {
    z-index: 9999;
    background: #000000bf !important;
}

    .tt2Modal .modal-dialog {
        max-width: 750px !important;
        padding-top: 100px;
        position: relative;
        /* border-radius: 5px; */
        height: auto;
        /* background: yellow; */
        height: 832px;
    }

        .tt2Modal .modal-dialog .modal-content {
            width: 100%;
            position: relative;
            z-index: 99999;
            border-radius: 4px;
            overflow: hidden;
            outline: none;
            border: none;
            background: #fff;
            /* -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.46); */
            /* box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.46); */
            height: 580px;
        }

            .tt2Modal .modal-dialog .modal-content .modal-header {
                text-align: center;
                position: relative;
                background: #EEE;
                padding: 10px 0;
                /* border-color: #e6e6e68f; */
                border: none;
                height: 50px;
                margin-top: 10px;
            }

                .tt2Modal .modal-dialog .modal-content .modal-header button.close {
                    position: absolute;
                    right: 0;
                    z-index: 999;
                    opacity: 1;
                    background: #f9706a;
                    margin: 0;
                    top: 8px;
                    width: 35px;
                    height: 35px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-line-pack: center;
                    align-content: center;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    /* border: 2px solid #003660; */
                    padding: 0;
                    text-align: center;
                    font-size: 0;
                    outline: none;
                    border-radius: 4px;
                    -webkit-transition: 0.5s;
                    -o-transition: 0.5s;
                    transition: 0.5s;
                    /* margin-bottom: 20px; */
                    right: 10px;
                }

                .tt2Modal .modal-dialog .modal-content .modal-header h4.modal-title {
                    text-align: center;
                    margin: 0;
                    padding: 0;
                    display: inline-block;
                    width: 100%;
                    line-height: normal;
                    color: #fff;
                    font-weight: 400;
                    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.45);
                }

                .tt2Modal .modal-dialog .modal-content .modal-header h4 {
                    font-size: 1.3rem;
                    margin-left: 10px;
                    color: #777777;
                    font-weight: 400;
                }

            .tt2Modal .modal-dialog .modal-content .modal-body {
                background: #e6e6e6;
                padding: 0 15px;
                /* border: 1px solid #ebebeb; */
                /* padding: 15px 20px !important; */
                background: #fefef6;
                /* -webkit-box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57); */
                -moz-box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57);
                /* box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57); */
                /* margin: 30px 10px 10px; */
                /* border-radius: 5px; */
                padding: 20px 10px 20px 50px;
                /* border: 6px solid #eaeaea; */
                /* height: 100%; */
            }

                .tt2Modal .modal-dialog .modal-content .modal-body .modLeftImg {
                    padding: 0 15px 0 0;
                }

                    .tt2Modal .modal-dialog .modal-content .modal-body .modLeftImg img {
                        width: 100%;
                        border: 2px solid #00aae8;
                    }

                .tt2Modal .modal-dialog .modal-content .modal-body .modRightCont {
                    text-align: left;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -ms-flex-line-pack: center;
                    align-content: center;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    padding: 0px 10px 0 0;
                }

            .tt2Modal .modal-dialog .modal-content .modal-header button.close:before {
                content: '';
                background: #fff;
                position: absolute;
                height: 20px;
                width: 2px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
                -webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.34);
                box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.34);
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

            .tt2Modal .modal-dialog .modal-content .modal-header button.close:after {
                content: '';
                background: #fff;
                position: absolute;
                height: 20px;
                width: 2px;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
                -webkit-box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.34);
                box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.34);
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

            .tt2Modal .modal-dialog .modal-content .modal-body .modRightCont p {
                color: #000;
                line-height: 20px;
                font-size: 14px;
                font-weight: 400;
                /* text-shadow: 0px 1px 3px rgba(190, 33, 47, 0.22); */
                /* text-align: justify; */
                margin: 0 20px 10px;
            }

            .tt2Modal .modal-dialog .modal-content .modal-header h4.modal-title span.sapration {
                color: #e6e6e6;
                line-height: 0;
                background: #e6e6e6;
                height: 1px;
                width: 5px;
                display: inline-block;
                font-size: 0;
                vertical-align: -webkit-baseline-middle;
            }

            .tt2Modal .modal-dialog .modal-content .modal-header h4.modal-title span.designation {
                font-size: 10px;
                font-weight: 300;
                text-shadow: 2px 2px 2px rgba(0,0,0,45);
            }

            .tt2Modal .modal-dialog .modal-content .modal-header button.close:hover {
                background: #000;
            }

                .tt2Modal .modal-dialog .modal-content .modal-header button.close:hover:before {
                    background: #fff;
                    -webkit-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                .tt2Modal .modal-dialog .modal-content .modal-header button.close:hover:after {
                    background: #fff;
                    -webkit-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

.modal-body.caPtteamBox2 h4 {
    /* font-size: 30px; */
    font-weight: bold;
    padding: 20px 0;
    font-size: 22px;
    color: #777;
}

.modal-body.caPtteamBox2 p {
    font-size: 15px;
    /* font-weight: 600; */
    padding: 0 25px;
    text-align: justify;
    color: #777;
}

.modal-body.caPtteamBox2 .media {
}

.caPtteamBox2 .Media-Img-Box {
    height: 280px;
    width: 380px;
}

    .caPtteamBox2 .Media-Img-Box p {
        font-size: 17px !important;
        padding: 0 !important;
        margin-top: 30px;
        line-height: 1.5;
    }

.modal-body.caPtteamBox2 .media img {
    width: 100%;
    height: 100%;
}

.modal-body.caPtteamBox2 .media .media-body {
}

    .modal-body.caPtteamBox2 .media .media-body h5 {
        color: var(--primary-color);
        font-size: 20px;
        font-weight: bold;
    }

    .modal-body.caPtteamBox2 .media .media-body ul {
    }

        .modal-body.caPtteamBox2 .media .media-body ul li {
            color: #777;
            padding-left: 1.5rem;
            font-size: 15px;
            margin: 8px 0;
        }

            .modal-body.caPtteamBox2 .media .media-body ul li i {
                font-size: 12px;
                margin-right: 10px;
                color: green;
            }
/* flight tab
*********************/
.side-flight-tab {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    /* left: 0; */
    background: white;
    z-index: 99999;
    width: 75%;
    /* height: 119px; */
    display: none;
    /*overflow-x: hidden;*/
    /*overflow-y: scroll;*/
}

.side-flight-tab-inner {
    /* overflow-y: scroll; */
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.flight-tab-title {
    border-bottom: 1px solid #777;
    padding: 15px 30px;
}

    .flight-tab-title.sticky {
        position: fixed;
        top: 0px;
        width: 100%;
        transition: 0.5s all;
        z-index: 9999;
    }

    .flight-tab-title h3 {
        font-size: 24px;
        font-weight: 600;
        color: var(--primary-color);
    }

    .flight-tab-title p {
        font-size: 18px;
        font-weight: 400;
        color: var(--primary-color);
    }

    .flight-tab-title h3 i {
        margin-right: 10px;
        transform: rotate(-45deg);
    }

.flight-counts {
    height: 40px;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

    .flight-counts p {
        font-size: 18px;
        font-weight: 600;
        color: #3b3b3b;
    }

.flight-tab-sec {
    padding: 20px 5px;
    border-left: 15px solid #f3f3f3;
    border-right: 15px solid #f3f3f3;
    margin-right: 30px;
    margin-left: 30px;
}

.flights-box-bk {
    padding: 20px 10px;
    transition: 0.5s all;
    color: #3C4E5A;
}

    .flights-box-bk:hover {
        box-shadow: 0 0 10px #777;
    }

    .flights-box-bk h2 {
        padding: 10px 0 !important;
    }

.flights-box-bk-nsel {
    margin: 10px 0;
    border-color: #f3f3f3;
}

.flight-sel-box {
    padding: 5rem 5px 0 10px;
    border-left: 1px solid #dcdcdc;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}

    .flight-sel-box .luggage-row{
        margin-top:30px;
    }

    .flights-box .flight-airplane-icon {
        background: #817b8f;
        height: 2px;
        width: 90%;
        margin: .375rem auto 0;
        padding: 0;
        position: relative;
        border-radius: .375rem;
        display: block;
        text-align: center;
        line-height: 0;
    }

    .flights-box .flight-airplane-icon .stop-dots {
        display: none;
        background-image: none;
        background-color: var(--primary-color);
        border-radius: 6px;
        box-shadow: 0 0 0 2px #fff;
        width: 6px;
        height: 6px;
        line-height: 0;
        top: -2px;
        position: relative;
        display: inline-block;
        margin: 0 4%;
        zoom: 1;
    }
    .flights-box .flight-icon-block .flight-airplane-icon:after {
        content: "";
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        right: -.375rem;
        top: 50%;
        margin-top: -8px;
        background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path fill='%23898294' d='M3.922 12h.499a.52.52 0 0 0 .444-.247L7.949 6.8l3.233-.019A.8.8 0 0 0 12 6a.8.8 0 0 0-.818-.781L7.949 5.2 4.866.246A.525.525 0 0 0 4.421 0h-.499a.523.523 0 0 0-.489.71L5.149 5.2H2.296l-.664-1.33a.523.523 0 0 0-.436-.288L0 3.509 1.097 6 0 8.491l1.196-.073a.523.523 0 0 0 .436-.288l.664-1.33h2.853l-1.716 4.49a.523.523 0 0 0 .489.71'/></svg>");
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: 100% 50%;
        background-size: 12px;
    }

.price-label {
}

    .price-label p {
        margin: 0;
        font-size: 1rem;
        color: #666;
    }

    .price-label h3 {
        font-size: 1.5rem;
        color: var(--primary-color);
        font-weight: 600;
    }

.bag-txt {
}

    .bag-txt p {
    }

        .bag-txt p img {
            width: 10%;
        }

.btn-sel-flight {
    /*font-size: 1.2rem;*/
    background-color: var(--primary-color);
    border-color: #3c4e5a !important;
    color: white !important;
    margin-top: .5rem;
    border-radius: 5px;
    letter-spacing: .7px;
    padding: .78125rem 1.5625rem .84375rem;
    border-bottom: 4px solid #3c4e5a !important;
    display: inline-block;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid transparent;
    margin: 15px 0;
    text-transform: uppercase;
}

.flights-box-bk-nsel input.btn-sel-flight {
    background: #23ae24;
}

.filters-wrapper-flight-serach {
    background: #fff;
    width: 100%;
}

    .filters-wrapper-flight-serach ul.nav.nav-tabs {
    }

        .filters-wrapper-flight-serach ul.nav.nav-tabs li {
            width: calc(100%/4);
            border: 1px solid #eee;
            text-align: center;
            align-items: center;
            background: #eaeaea;
            padding: 10px 0px;
        }

            .filters-wrapper-flight-serach ul.nav.nav-tabs li.active {
                background: lightgrey;
            }

                .filters-wrapper-flight-serach ul.nav.nav-tabs li.active a {
                    color: #3eb2b1;
                    font-size: 18px;
                }

            .filters-wrapper-flight-serach ul.nav.nav-tabs li a {
                font-size: 14px;
                color: #777;
                position: relative;
                display: inline-flex;
                justify-content: center;
                align-items: center;
            }

.filters-wrapper-flight-serach-inner {
    width: 100%;
}

form.filters-wrapper-flight-serach-form {
    width: 100%;
    padding-bottom: 1.5rem;
}

.filters-wrapper-flight-serach ul.nav.nav-tabs li a img {
    width: 19%;
}

.flight-sorting-tabs-content {
    width: 100%;
}

.flight-sorting-tabs-content-inner {
    width: 100%;
}

    .flight-sorting-tabs-content-inner .tab-content {
        background-color: #f3f3f3;
        padding: 0px 0px 0;
    }

        .flight-sorting-tabs-content-inner .tab-content > .active {
            padding: 20px;
        }

.card_btn {
}

   /* .card_btn input {
        border-radius: 5px;
        font-size: 1.03rem;
        letter-spacing: .7px;
        color: white !important;
        background: #23ae24;
        padding: .78125rem 1.5625rem .84375rem;
        border-bottom: 4px solid #3b8718;
        width: 100%;
        text-transform: uppercase;
    }*/

.search-dropdowm-oneHalfCol {
}

   /* .search-dropdowm-oneHalfCol h3 {
        font-size: 18px;
        font-weight: 300;
        color: #23ae24;
        margin-bottom: 1rem;
    }*/

    .search-dropdowm-oneHalfCol.oneHalfCol2 {
        border-right: 1px solid lightgrey;
        border-left: 1px solid lightgrey;
    }

    .search-dropdowm-oneHalfCol a {
        position: absolute;
        font-size: 18px !important ;
        color: #f9706a;
        text-align: end;
        top: 0;
        right: 01rem;
    }

    .search-dropdowm-oneHalfCol .card_btn {
        width: 40%;
        margin: 0rem 0;
        margin-left: auto;
    }

    .search-dropdowm-oneHalfCol .chiller_cb {
        margin: 10px 0;
    }

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: all;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

    .irs-slider.single {
    }

    .irs-slider.from {
    }

    .irs-slider.to {
    }

    .irs-slider.type_last {
        z-index: 2;
    }

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

    .irs-grid-pol.small {
        height: 4px;
    }

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}
.Policy-Head h1 {

    font-size :34px;
}

.Policy-Head h2 {

    font-size:28px;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.timeBtn {
    padding: .5em 1rem;
    border: 2px solid var(--primary-color);
    /*margin-left: 1.5em;*/
    font-size: 14px;
    border-radius: 0;
    margin: 3rem auto !important;
}

.filterHeading, .timeBtn {
    /* font-size: larger; */
}

.activeBtnTime {
    background: var(--primary-color);
    color: #fff !important;
}

.has-tip {
    position: relative;
    display: block;
    cursor: help;
}

.flight-title {
    text-align: center;
    color: var(--primary-color) !important;
    font-size: 20px !important;
}
/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    /* padding: 0 8rem; */
    height: 55px;
    /* margin: auto; */
    /* text-align: center; */
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 10px;
    top: 33px;
    background: #eee;
    background: linear-gradient(to bottom, #ddd -50%, #fff 150%); /* W3C */
    border: 1px solid #ccc;
    border-radius: 16px;
    -moz-border-radius: 16px;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 8px;
}

.irs-line-right {
    height: 8px;
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    background: var(--primary-color);
    background: var(--primary-color); /* W3C */
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient( to top, rgba(66, 139, 202, 1) 0%, rgba(127, 195, 232, 1) 100% ); /* W3C */
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 25px;
    width: 15px;
    height: 30px;
    border: 1px solid #aaa;
    background: #ddd;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 1) 0%, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 1) 100% ); /* W3C */
    border-radius: 6px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

    .irs-slider.state_hover,
    .irs-slider:hover {
        background: #fff;
    }

.irs-min,
.irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from,
.irs-to,
.irs-single {
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 2px 10px;
    background: var(--primary-color);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}

.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}

    .irs-grid-pol.small {
        background: #999;
    }

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}

#loader-alt {
    /*background: #fff !important;*/
}

#loader-alt {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    cursor: wait;
}

.loader-overlay > img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
}

#loader-alt:before {
    content: '';
    position: absolute;
    top: 0;
    background: rgba(42,170,169,0.6) !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -7;
}

.chiller_cb input:checked ~ label {
    background: none;
    z-index: 2;
    height: 86%;
    align-items: center;
    display: flex;
}

#filters-wrapper-flight-sticky {
    position: sticky;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    flex-direction: column;
    width: 100%;
    z-index: 99;
}

.summary-main-body .ht-title h1 {
    font-size: 1.5rem;
}

.summary-main-body .room-title h3 {
    padding: 10px 15px;
}

    .summary-main-body .room-title h3 i {
        display: inline-block;
        color: #fff;
        background: var(--primary-color);
        padding: .4rem;
        border-radius: 50%;
    }

.summary-main-body .room-img {
    height: 162px;
}

    .summary-main-body .room-img img {
        object-fit: cover;
    }

.airLineLogo {

    float:right;
    width:40%;
}

.card-section.w-40 .list-inline-item:not(:last-child) {

    margin-right:0;
}
#toggle_containerRoomAmenities .room-cont-fact > ul {
    /*display: inline-block;*/
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    -ms-column-gap: 0;
    -o-column-gap: 0;
    column-gap: 0;
}

        .room-cont-fact > ul > li {
            list-style: none;
            position: relative;
            padding: 0 0 0 20px;
            break-inside: avoid-column;
            -webkit-column-break-inside: avoid;
            font-size: 16px;
            color: #777;
            margin: 0rem 0;
            width: 100%;
            line-height: 1.6;
        }

            .room-cont-fact > ul > li:before {
                content: "\f00c";
                font-family: "Font Awesome 5 Free";
                position: absolute;
                top: 0;
                left: 0rem;
                bottom: 0;
                margin: auto;
                transition: 0.5s all;
                font-size: 14px;
                color: var(--tick-color);
                font-weight: 900;
            }

.sumctaBtn {
    display: block;
    margin-left: auto;
}

    .sumctaBtn:hover {
        box-shadow: 0 0 2px 0 #949494;
    }

.summary-main-body .product-page-acc .card-header h5 button i {
    margin-right: .5rem;
}

.summary-main-body .product-page-acc .card-header h5 button {
    font-size: 1.2rem;
}

.summary-main-body div#collapse6 {
    padding: 1rem;
}

.basket-main-body .product-page-acc .card-header h5 button i {
    margin-right: 5px;
}

.basketRefNumber span {
    margin: 0 auto;
    display: block;
    text-transform: uppercase;
    font-size: .85rem;
    border-bottom: 1px dashed #d3d3d3;
    padding-bottom: .3rem;
}

    .basketRefNumber span strong {
        color: var(--primary-color);
        font-size: .95rem;
    }

.bas-price {
}

    .bas-price h4 {
    }

        .bas-price h4 strong {
            color: #777777;
            font-size: 1.2rem;
            font-weight: 600;
            line-height: 2 !important;
        }

.summary-flight-cb {
    padding: 2rem;
    margin: 1rem;
    align-items: center;
    justify-content: center;
    display: flex;
}

    .summary-flight-cb:hover {
        box-shadow: 0 0 4px 0 #bbb5b5;
    }

.flight-cb-tl {
}

    .flight-cb-tl > .circle {
        position: relative;
        border: 2px solid #999;
        border-radius: 100%;
        width: 15px;
        height: 15px;
        line-height: 50px;
        text-align: center;
        margin-top: 32px;
        background-color: #fff;
        z-index: 2
    }

        .flight-cb-tl > .circle:first-child {
            margin-top: 1vh;
        }

            .flight-cb-tl > .circle:first-child:before {
                display: none;
            }

        .flight-cb-tl > .circle:before {
            position: absolute;
            border: 1px solid #999;
            width: 0;
            height: 30px;
            display: block;
            content: '';
            left: 50%;
            z-index: 1;
            top: -33px;
            margin-left: -1px;
        }

.flight-icon-sum img {
    margin-left: 5rem !important;
    position: relative;
}

.flight-icon-sum {
    position: relative;
}

    .flight-icon-sum:before {
        content: '';
        position: absolute;
        top: -3px;
        left: -1rem;
        right: 0;
        bottom: 0;
        height: 2px;
        width: 40%;
        background: #777777;
        margin: auto;
    }

.summary-flight-sec {
}

    .summary-flight-sec .card-header {
        background: transparent;
        border-bottom: 1px solid transparent;
    }

        .summary-flight-sec .card-header:hover {
            background-color: #e6e6e6;
            border-bottom: 1px solid var(--primary-color);
        }

.flight-icon-sum h5 {
    color: var(--primary-color);
    line-height: 1;
    margin: 1rem 0;
}

a.flight-icon-sum-tooltip {
    color: #49b6b5 !important;
    margin: 0 10px !important;
    display: inline;
    background: transparent;
    border-bottom: 0px solid #3b8718;
}

    a.flight-icon-sum-tooltip i {
        color: #49b6b5 !important;
        font-size: 12px !important;
        /* margin: 0 !important; */
    }

.flights-box-sum h2 {
    border: 0;
    margin-bottom: 0;
}
/* confirmation
****************************/
.final-steps {
    height: 45px;
    width: 100%;
    background: #c7c7c7;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .final-steps > ul {
        height: 100%;
        width: 100%;
        display: inline;
        align-items: center;
        justify-content: center;
        /* width: calc(100%/4); */
        flex-direction: row;
    }

        .final-steps > ul > li {
            text-transform: capitalize;
            /* width: calc(100%/4); */
            margin: 0 !important;
            color: #fff;
            font-size: 18px;
            padding: 0 20px;
            height: 100%;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

            .final-steps > ul > li:first-child {
                width: 29%;
            }

            .final-steps > ul > li:nth-child(2) {
                width: 20%;
            }

            .final-steps > ul > li:nth-child(3) {
                width: 30%;
            }

            .final-steps > ul > li:last-child {
                width: 20%;
            }

            .final-steps > ul > li:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                /* left: 0; */
                bottom: 0;
                margin: auto;
                height: 45px;
                width: 45px;
                border-left: 1px solid #fff;
                border-top: 1px solid #fff;
                transform: rotate(135deg);
            }

            .final-steps > ul > li:last-child:before {
                display: none;
            }

.inner-main-body {
    background: #fff;
    padding: 15px;
    margin: 0 0 1rem;
}

.bk-no-sec {
    background: #eaeaea;
    padding: 40px;
    text-align: center;
}

    .bk-no-sec h3 {
        font-size: 28px;
        color: #777;
        margin-bottom: 1.5rem;
    }

    .bk-no-sec h4 {
        font-size: 23px;
        font-weight: 600;
        color: #000;
        margin-bottom: 2rem;
    }

    .bk-no-sec p {
        font-weight: 300;
        font-size: 18px;
        line-height: 1.5;
        color: #3c4e5a;
    }

.ht-title-conf {
}

    .ht-title-conf h3 {
        font-weight: 500;
        font-size: 18px;
        color: #1b1b1b;
        margin-top: 0;
        line-height: 1.5;
    }

    .ht-title-conf p {
        font-weight: 500;
        font-size: 17px;
        color: #1b1b1b;
        margin-top: 0;
        line-height: 1.5;
    }

.correct-sec {
    background: #eaeaea;
    padding: 40px;
}

    .correct-sec h3 {
        color: var(--primary-color);
        font-size: 28px;
        margin-bottom: 10px;
    }

    .correct-sec h4 {
        color: var(--primary-color);
        font-size: 22px;
        margin-bottom: 10px;
    }

    .correct-sec p {
        font-weight: 300;
        font-size: 18px;
        line-height: 1.5;
        color: #3c4e5a;
    }

.your-flight-det-cont {
}

    .your-flight-det-cont p {
        margin-top: 1rem;
        line-height: 1.6;
        font-size: 18px;
    }

    .your-flight-det-cont ul {
        margin-top: 1rem;
        width: 100%;
    }

        .your-flight-det-cont ul > li {
            width: calc(95%/3);
        }
       

    .your-flight-det-cont ul > li > a {
        margin-top: 1rem;
        line-height: 1.6;
        font-size: 14px;
        color: var(--primary-color);
    }

                .your-flight-det-cont ul > li > a > i {
                    margin-right: 1rem;
                }

.conf-cont {
}

    .conf-cont p {
        margin-top: 1rem;
        line-height: 1.6;
        font-size: 18px;
    }

.conf-price {
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}

    .conf-price ul {
        width: 100%;
    }

        .conf-price ul > li {
            color: #777;
            font-size: 19px;
            width: calc(98%/2);
        }

            .conf-price ul > li > h4 {
            }

                .conf-price ul > li > h4 > span {
                }

.conf-price-ht {
    color: #fff !important;
    background: var(--primary-color);
    padding: 10px 20px;
}
    .conf-price-ht h4 {
        color:#fff;
    }


.conf-price ul > li:last-child {
    text-align: end;
}

.conf-price-ht ul > li {
    color: #fff !important;
}

.conf-price-ht ul > li h4 span {
    color: #fff !important;
}

.holi-extra-img {
    width: 100%;
    height: 248px;
    position: relative;
}

    .holi-extra-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.holi-extra-cont {
}

    .holi-extra-cont h3 {
        font-size: 1.3125rem;
        font-style: normal;
        color: #777777;
        margin-top: 0;
        margin-bottom: .5rem;
        line-height: 1.4;
    }

    .holi-extra-cont p {
        margin-top: 1rem;
        line-height: 1.6;
        font-size: 15px;
    }

    .holi-extra-cont .holi-btn {
        margin: 20px 0;
    }

        .holi-extra-cont .holi-btn > a {
            border-radius: 5px;
            font-size: 1.03rem;
            letter-spacing: .7px;
            color: white !important;
            background: #23ae24;
            padding: 0 1.5625rem;
            border-bottom: 4px solid #3b8718;
            text-transform: uppercase;
        }

.conf-help {
    background: #eaeaea;
    padding: 40px;
}

    .conf-help h3 {
        color: var(--primary-color);
        font-size: 1.5rem;
        margin: 1rem 0;
        text-align: center;
    }

    .conf-help p {
        margin-top: 1rem;
        line-height: 1.6;
        font-size: 18px;
        text-align: center;
    }

        .conf-help p span {
            color: var(--primary-color);
        }

.conf-help-det {
    margin-top: 2rem;
}

    .conf-help-det h4 {
        color: var(--primary-color);
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .conf-help-det h5 {
        color: #000;
        font-size: 1.2rem;
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .conf-help-det > p {
        line-height: 1.5;
        font-size: 16px;
        text-align: unset;
        color: #333;
    }

.correct-sec.stick {
    max-width: 330px !important;
    z-index: 9 !important;
}

.flights-box.flights-box-bk-search {
    border: 0;
}

    .flights-box.flights-box-bk-search img {
        width: 15%;
    }

.flight-number-block-search {
    text-align: end;
}

    .flight-number-block-search img {
        width: 50%;
    }

    .flight-number-block-search h4 {
        font-size: 13px !important;
        line-height: 1 !important;
        padding: 5px 0 !important;
    }

.flights-box.flights-box-bk-search h2 {
    height: 65px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin: 0;
    padding: 0;
    border: 0;
}

.price strong span {
    font-size: 28px;
}

.no-margin{
    margin:0px!important;
}
.mob-side-menu {
    display: none;
    background: #3eb2b1;
    border-top: 1px solid #fff;
}

    .mob-side-menu .card_btn {
        width: 100%;
    }

        .mob-side-menu .card_btn input {
            padding: 15px;
            width: 100% !important;
            border: 0;
            border-bottom: 4px solid var(--btn-shadow-color);
            margin: 15px 0px;
        }

.price-btn-menu {
    /* display: block !important; */
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: transparent;
    border-right: 1px solid #fff;
    border-radius: 0;
    z-index: 999;
    color: #fff !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .price-btn-menu i {
    }

        .price-btn-menu i span {
        }

.pr-info-sty {
    padding: 5px 10px;
}

    .pr-info-sty h3 {
        font-size: 14px;
        font-weight: 600;
        color: #fff;
        /* padding: 10px; */
    }

    .pr-info-sty ul {
    }

        .pr-info-sty ul li {
            width: calc(94%/2);
        }

.mb-m-price {
    text-align:right;
}

    .mb-m-price p {
        color: #fff;
        font-size: 14px;
        font-weight: 800;
    }

        .mb-m-price p span {
            font-size: 14px;
        }

            .mb-m-price p span.price {
                font-size: 16px;
            }
            .mb-menu-btn-cl {
                display: none;
            }

table thead, table tbody {
    width: 100% !important;
    /*display: table;*/
}

.table-responsive {
    display: table;
}

.onMob {
    display: none;
}

@media (max-width: 768px) and (min-width: 550px) {

    .red_border {
        background: red;
        text-align: center;
        width: 100%!important;
    }
    .dark_border {
        background: #3C4E5A;
        text-align: left;
        width: 100%!important;
        position:absolute;
    }
    .secure-sec.red_border {
        /*padding: 10px!important;*/
    }
    .searchTabsSummary {
        /*width: 87%;*/
        background: #f9706a;
    }
 /*   .depo {
        display: flex!important;
    }*/
    .searchTabsSummary {
        /*width: 85%;*/
    }
    .search.serch_bar {
        position: absolute;
        top: 0 !important;
        z-index: 999;
        left: 0;
        width: 100%;
        /* background-color: #3c4e59; */
        right: 0;
        bottom: 0;
        padding-bottom: 50px;
        height: unset !important;
    }
    .secure-sec.red_border {
        padding: 0;
        margin-top: 0px;
        margin-bottom: 0px;
        line-height:unset;
        height: 26px;
    }
}

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

        .halfWidthMob {
            width: 49%;
        }

        .my-bookin-det-data {
            height: 100%;
            display: inline-flex;
            font-size: small;
            /* justify-content: center; */
            /* align-items: center; */
            flex-direction: column;
                color:#777;
        }

        .onMob {
            display: block;
        }

        .my-bookin-det-data.text-right {
            display: none;
        }

        .red_border {
            background: red;
            text-align: center;
        }

        .dark_border {
            background: #3C4E5A;
            text-align: left;
            line-height:unset!important;
        }

     /*   .depo {
            display: inline;
        }*/

        .searchTabsSummary {
            width: 100%;
            background: #f9706a;
        }

        ul.newBreadCrumbs li span {
            color: black;
            position: absolute;
            left: -168%;
            transform: translateX(50%);
            top: -35px;
            font-size: 11px;
            width: 200px;
            text-align: center;
        }

        ul.newBreadCrumbs li:last-child span {
            width: 200px;
            left: -36px;
            transform: none;
            text-align: left;
        }

        .mobRaitings {
            width: 50%;
        }

        ul.newBreadCrumbs {
            align-content: center;
            align-items: center;
            counter-reset: stepCount;
            display: flex;
            justify-content: space-around;
            margin: 50px 0px 25px 0px;
        }

            ul.newBreadCrumbs li span {
                color: black;
                position: absolute;
                left: 0;
                top: -35px;
                font-size: 11px;
                width: 200px;
                text-align: center;
            }

        .tt2Modal .modal-dialog .modal-content .modal-body {
            background: #e6e6e6;
            padding: 0 15px;
            -moz-box-shadow: 0px 0px 20px 0px rgba(39, 19, 12, 0.57);
            padding: 19px 9px 20px 20px;
        }

        .tt2Modal .modal-dialog .modal-content {
            height: auto;
        }

        .searchTabsSummaryCell {
            height: 60px;
            display: inline-block;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        .pro-search-btn {
            width: 100%;
        }

        .searchTabsSummaryCell {
            height: 45px !important;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 9;
            width: 100%;
        }

        .pro-search-btn a {
            position: relative;
            background: rgb(249, 112, 106);
            width: 100%;
            height: 50px;
            padding-top: 16px;
        }

        .fill_height {
            padding: 0;
        }

        .pr-info-sty h3 {
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            padding-top: 0px;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
        
        }
/*
        .product-pg-amin-content {
            padding-top: 3rem;
        }*/
        #opm-sticky.stick {
            width: 100%;
        }

    }

    @media (min-width: 751px) {
        .desktop-hide {
            display: none;
        }
        .transIconImg {
            float: right;
            transform: scaleX(-1);
            top: 0px;
            width: 80%;
        }
    }



    .mobSmall p{
        font-size:12px;
    }
.noBg{
    background:none!important;
}

#payableAmount {
    font-size: larger;
    font-weight: 600;
}
.paddingTopBtm10{
    padding: 10px 0px;

}

.paddingRightLeft10 {
    padding: 0px 10px;
}
.fullwidth{
    width:100%;
}

.fc-view.fc-month-view .bottomRow .price .priceBlock{
    width:100%;
}

.cp-calendar-symbol.calIcn {
    background-size: 20px !important;
    background-position: -2px 5px !important;
}
#loader-alt {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    cursor: wait;
}

#loader-alt {
    background-color:var(--primary-color) !important;
    opacity:0.9;
   
}

@media screen and (min-width:991px) and (max-width:1030px) {
    .tabXSmlfnt{
        font-size:x-small;
    }
}
.btn-list-grid-view button {
    background-color: var(--btn-secondary-text-color);
    color: var(--btn-secondary-background-color);
    border: 1px solid var(--btn-secondary-background-color);
}
.btn-list-grid-view button.selected {
    background-color: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
}

    .btn-list-grid-view button:hover {
        background-color: var(--btn-secondary-hover-color);
        box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }
a.page-link.ng-binding.active {
    background-color: var(--btn-secondary-background-color);
    color: var(--btn-secondary-text-color);
    border-radius: 5px;
    cursor: pointer;
    min-width: 30px;
}

    a.page-link.ng-binding.active:hover {
        border-radius: 5px;
        background-color: var(--btn-secondary-text-color);
        color: var(--btn-secondary-background-color);
        cursor: pointer;
    }

a.page-link.ng-binding {
    border-radius: 5px;
    background-color: var(--btn-secondary-text-color);
    color: var(--btn-secondary-background-color);
    cursor: pointer;
}

    a.page-link.ng-binding:hover {
        background-color: var(--btn-secondary-background-color);
        color: var(--btn-secondary-text-color);
        border-radius: 5px;
        cursor: pointer;
    }

.QuickFilterTabs {
    border-bottom: 3px solid var(--primary-color) !important;
}

.QuickFilterTab {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--btn-secondary-text-color);
    color: var(--btn-secondary-background-color)!important;
    padding: 8px 5px !important;
}

.nav-pills .nav-link {
    border: 1px solid var(--primary-color) !important;
    background-color: var(--btn-secondary-text-color)!important;
    color: var(--btn-secondary-background-color);
    padding: 8px 5px !important;
}

    .nav-pills .nav-link.active {
        border: 1px solid white !important;
        background-color: var(--btn-secondary-background-color)!important;
        color: var(--btn-secondary-text-color)!important;
        padding: 8px 5px !important;
    }

        .nav-pills .nav-link.active:hover {
            border: 1px solid var(--primary-color) !important;
            background-color: var(--btn-secondary-text-color) !important;
            color: var(--btn-secondary-background-color) !important;
            padding: 8px 5px !important;
            cursor: pointer;
        }

    .nav-pills .nav-link:hover {
        border: 1px solid white !important;
        background-color: var(--btn-secondary-background-color) !important;
        color: var(--btn-secondary-text-color) !important;
        padding: 8px 5px !important;
        cursor: pointer;
    }
a.page-link {
    background-color: var(--btn-secondary-text-color) ;
    color: var(--btn-secondary-background-color) ;
}
    a.page-link:hover {
        background-color: var(--btn-secondary-background-color);
        color: var(--btn-secondary-text-color);
        cursor:pointer;
    }

.ui-widget.ui-widget-content {
    border: none;
    background-color: rgba(55,85,105,.9);
    color: #fefefe;
    font-size: .9rem;
    padding: .9rem;
    z-index: 1000;
    border-radius: 5px;
    max-width:300px;
}


.c-information-tab.c-information-tab--rounded {
    border-radius: 5px;
    border: 1px solid #31b143;
}
.c-information-tab {
    width: 100%;
}
.c-information-tab, .pagination {
    display: inline-block;
}
.c-information-tab__container {
    position: relative;
    border-left: 5px solid #31b143;
    display: table;
    width: 100%;
    background-color: #eaf7ed;
    padding-left: 15px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.25);
}
.c-information-tab--rounded .c-information-tab__container {
    border-radius: 5px;
    box-shadow: 1px 5px 12px 0 rgba(0,0,0,.05);
}
.c-information-tab__text, .c-information-tab__text--alt {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-weight: 600;
    color: #31b143;
    padding: 15px 0 15px 10px;
    font-size: 15px;
}

input.datepicker {
    text-transform: normal
}

#ui-datepicker-div {
    display: none;
    z-index: 99 !important;
    background: var(--primary-color);
    text-align: center;
    padding: 1.125rem;
    border: none;
    box-shadow: 0 2px 3px rgba(119,119,119,.26)
}

    #ui-datepicker-div thead {
    
        background: #fff !important;
    }

    #ui-datepicker-div .calanderkey {
        margin-bottom: 14px;
        height: 25px;
        font-size: .9rem
    }

        #ui-datepicker-div .calanderkey .cheapestflightkey {
            width: 50%;
            float: left;
            color: #fff;
            background: #4ebe4f
        }

        #ui-datepicker-div .calanderkey .availableflightskey {
            width: 50%;
            float: right;
            color: var(--primary-color);
            background: #f3f3f3 !important
        }

    #ui-datepicker-div .ui-datepicker-prev {
        float: left
    }

    #ui-datepicker-div .ui-datepicker-next {
        float: right
    }

    #ui-datepicker-div .ui-datepicker-title {
        text-align: center;
        font-size: 1.375rem;
        font-weight: 700;
        color:white;
    }

    #ui-datepicker-div .ui-datepicker-month {
        width: 70px;
        margin-right: 5px
    }

    #ui-datepicker-div .ui-datepicker-year {
        width: 80px
    }

    #ui-datepicker-div .ui-state-disabled {
        cursor: not-allowed;
        color: #c7c7c7 !important;
        background: #f3f3f3
    }
.ui-state-hover{
    background:inherit!important;
}

#ui-datepicker-div .ui-state-disabled:hover {
    background: #f3f3f3 !important;
    color: #c7c7c7 !important
}

    #ui-datepicker-div table tbody tr td, #ui-datepicker-div table tbody tr td a {
        color: var(--primary-color)
    }

    #ui-datepicker-div table tbody tr, #ui-datepicker-div table tbody tr:nth-child(even) {
        background: #fff
    }

        #ui-datepicker-div table tbody tr td {
            text-align: center;
            background: #f3f3f3 !important;
            outline: #fff solid 1px;
            transition: background .1s ease-in-out
        }

            #ui-datepicker-div table tbody tr td.ui-datepicker-highlighted-day {
                background: #d8d8d8 !important
            }

            /*#ui-datepicker-div .cheap-flight a, #ui-datepicker-div table tbody tr td:hover a {
                color: #fff !important
            }*/

            /*#ui-datepicker-div table tbody tr td:hover {
                background: var(--primary-color) !important
            }*/

    #ui-datepicker-div .cheap-flight {
        background-color: #4ebe4f !important;
        background-image: none !important
    }

    #ui-datepicker-div .available-day {
        background: #f3f3f3 !important
    }

        #ui-datepicker-div .available-day a {
            color: var(--primary-color) !important
        }

    #ui-datepicker-div .cheap-flight:hover {
        background: var(--primary-color) !important
    }

    #ui-datepicker-div .ui-datepicker-current-day {
        background-color: #f9706a !important;
        background-image: none !important
    }

        #ui-datepicker-div .ui-datepicker-current-day a {
            color: #fff !important
        }

.datepicker-input-contain {
    position: relative
}

label.datepickerError {
    text-align: center;
    font-weight: 600;
    display: none;
    position: absolute;
    width: 170px;
    z-index: 999;
    background-color: #f9706a;
    color: #fff;
    bottom: -96px;
    padding: 10px;
    border-radius: 0
}

    label.datepickerError:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(249,112,106,0);
        border-bottom-color: #f9706a;
        border-width: 8px;
        margin-left: -8px
    }
.ui-datepicker-title select {
    height: 2.625rem;
    padding: 6px;
    margin: 0 0 1.125rem;
    font-family: inherit;
    line-height: normal;
    color: #777;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat
}
[data-abide] .form-error small.form-error, [data-abide] .form-error span.form-error, [data-abide] span.form-error, [data-abide] small.form-error {
    background: #ec5840;
    color: #FFFFFF;
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: 0.375rem 0.5625rem 0.5625rem;
}
[data-abide] .form-error small.form-error, [data-abide] .form-error span.form-error, [data-abide] small.form-error, [data-abide] span.form-error {
    background: #ec5840;
    color: #FFF;
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
}
span.form-error, small.form-error {
    background: #ec5840;
    color: #FFFFFF;
    display: block;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 1rem;
    margin-top: -1px;
    padding: 0.375rem 0.5625rem 0.5625rem;
}

.form-error small.form-error, small.form-error, span.form-error {
    background: #ec5840;
    display: block;
    font-size: .75rem;
    font-style: italic;
    font-weight: 400;
    margin-top: -1px;
    padding: .375rem .5625rem .5625rem;
}
#loader2 {
    background: var(--primary-color);
    opacity: 0.8;
}
button a.ctaBtn {
    top: 0;
    right: 0;
    z-index: 11;
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    background: var(--btn-primary-color);
    border-bottom: var(--btnBorderSize) var(--btnBorderType) var(--btn-shadow-color);
    color: var(--btn-text-color);
    line-height: var(--btnLineHeight);
    text-transform: var(--btnCase);
    display: inline-block;
    transition: all ease .3s;
    transition: box-shadow .2s;
    /* padding: 10px;
    font-size: 18px;
    font-weight: 300;
    
    color: white;
    padding: 15px 30px;
    border-radius: 5px;
    
    border-bottom: 4px solid #218585;
    background-color: var(--primary-color);
    color: white;*/
}
.bk-no-sec button {
    border: 0;
}
h2.thanksMessage {
    font-family: roboto,lato;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
    font-weight: 400;
    line-height: 1.3;
    /*color: #777777;*/
    font-size: 18px;
}
@media screen and (min-width:320px) and (max-width:850px) {
    
    .secure-sec {
    line-height:16px;
    }
    .depart-block {
        text-align: center;
        white-space: nowrap;
    }
    .arrival-block {
        text-align: center;
        white-space: nowrap;
    }
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input.datepicker {
    text-transform: normal;
}

#ui-datepicker-div {
    display: none;
    z-index: 99 !important
}

#ui-datepicker-div {
    background: #FFF;
    text-align: center;
    padding: 1.125rem;
    border: none;
    box-shadow: 0 2px 3px rgba(119, 119, 119, 0.26);
}

    #ui-datepicker-div .calanderkey {
        margin-bottom: 14px;
        height: 25px;
        font-size: 0.9rem;
    }

        #ui-datepicker-div .calanderkey .cheapestflightkey {
            width: 50%;
            float: left;
            color: #fff;
            background: var(--btn-hover-color);
        }

        #ui-datepicker-div .calanderkey .availableflightskey {
            /*width: 50%;*/
            float: right;
            color: var(--primary-color);
            /*background: #f3f3f3 !important;*/
        }

    #ui-datepicker-div .ui-datepicker-prev {
        float: left;
        /*width: 50%;*/
        color: var(--primary-color);
        /*background: #f3f3f3 !important;*/
    }

    #ui-datepicker-div .ui-datepicker-next {
        /*float: right;*/
        /*width: 40px;*/
        color: var(--primary-color);
        /*background: #f3f3f3 !important;*/
    }

    #ui-datepicker-div .ui-datepicker-title {
        text-align: center;
        font-size: 1.375rem;
        font-weight: bold;
    }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {

    top:10px!important;

}
#ui-datepicker-div .ui-datepicker-month {
    width: 70px;
    margin-right: 5px;
}

    #ui-datepicker-div .ui-datepicker-year {
        width: 80px;
    }

    #ui-datepicker-div .ui-state-disabled {
        cursor: not-allowed;
        color: #c7c7c7 !important;
        background: #f3f3f3;
    }

        #ui-datepicker-div .ui-state-disabled:hover {
            background: #f3f3f3 !important;
            color: #c7c7c7 !important;
        }

    #ui-datepicker-div table tbody tr:nth-child(even) {
        background: #fff;
    }

    #ui-datepicker-div table tbody tr {
        background: #fff;
    }

        #ui-datepicker-div table tbody tr td {
            text-align: center;
            background: #f3f3f3 !important;
            color: var(--primary-color) !important;
            outline: 1px solid #fff;
            transition: background 100ms ease-in-out;
            width: 50px;
            height: 40px;
            vertical-align: middle;
        }

            #ui-datepicker-div table tbody tr td.ui-datepicker-highlighted-day {
                background: #d8d8d8 !important;
            }

            #ui-datepicker-div table tbody tr td a {
                color: var(--primary-color) ;
            }

            /*#ui-datepicker-div table tbody tr td:hover {
                background: var(--primary-color) !important;
            }

                #ui-datepicker-div table tbody tr td:hover a {
                    color: #fff !important;
                    background:var(--primary-color);
                }*/

    #ui-datepicker-div .cheap-flight {
        background-color: var(--btn-hover-color) !important;
        background-image: none !important;
    }

        #ui-datepicker-div .cheap-flight a {
            color: #ffffff !important;
        }

    #ui-datepicker-div .available-day {
        background: #f3f3f3 !important;
        background-image: none !important;
    }

        #ui-datepicker-div .available-day a {
            color: var(--primary-color) !important;
        }

    #ui-datepicker-div .cheap-flight:hover {
        background: var(--primary-color) !important;
    }

    #ui-datepicker-div .ui-datepicker-current-day {
        background-color: var(--secondary-color) !important;
        background-image: none !important;
    }

        #ui-datepicker-div .ui-datepicker-current-day a {
            color: #ffffff !important;
        }

.datepicker-input-contain {
    position: relative;
}

label.datepickerError {
    text-align: center;
    font-weight: 600;
    display: none;
    position: absolute;
    width: 170px;
    z-index: 999;
    background-color: var(--secondary-color);
    color: white;
    bottom: -96px;
    padding: 10px;
    border-radius: 0;
}

    label.datepickerError:after {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(249, 112, 106, 0);
        border-bottom-color: var(--secondary-color);
        border-width: 8px;
        margin-left: -8px;
    }

@media screen and (max-width: 450px) {
    #ui-datepicker-div {
        margin-top: 50px;
    }
}

@media screen and (min-width: 451px) {
    #ui-datepicker-div {
        margin-top: 0px;
    }
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
}
.ctaBtn {
    font-size: var(--btnFontSize);
    font-weight: var(--btnFontWeight);
    background: var(--btn-primary-color);
    border: 0;
    border-bottom: var(--btnBorderSize) var(--btnBorderType) var(--btn-shadow-color);
    color: var(--btn-text-color);
    line-height: var(--btnLineHeight);
    text-transform: var(--btnCase);
    display: inline-block;
    border-radius: var(--btnBorderRadius);
    letter-spacing: var(--btnLetterSpacing);
}

.Temph2 {
}

.deals-cont .Temph2 {
    font-size: 36px;
    text-align:center;
}

#SearchTabItems .luggageIcn a {
    border: 1px solid #2aaaa9;
    border-radius: 15%;
}

#SearchTabItems .minusIcon, #SearchTabItems .plusIcon {
    background-color: #ffffff !important;
}

#SearchTabItems .luggageIcn a i {
    font-size: 20px;
    line-height: 36px;
    color: #2aaaa9;
}

#SearchTabItems .minusIcon:hover, #SearchTabItems .plusIcon:hover {
    background-color: #2aaaa9 !important;
}
#SearchTabItems .luggageIcn a i:hover {
    font-size: 20px;
    line-height: 36px;
    color:#fff;
}

button.close, a.close {
    color: #6c7a82 !important;
    /*opacity:.5 !important;*/
}

    button.close:hover, a.close:hover {
        
        opacity:1 !important;
    }

.serach-main-cont-2 .searchTabModal {

    position:fixed;
}

.filters-wrapper-flight-serach-inner .nav-tabs .active {

    color:var(--primary-color) !important;
    font-weight:600;
    font-size:16px !important;

}
.modal-open {
    overflow: hidden !important;
}

.custom-BO-Input table {

    border: var(--primary-color) 1px solid;


}
    .custom-BO-Input table tr {
        border-bottom: var(--primary-color) 1px solid;
    }

    .custom-BO-Input table td {
        border-right: var(--primary-color) 1px solid;
        padding: 10px 14px;
    }
    .custom-BO-Input table thead tr td p {
    
        color: #fff !important;
    }

.ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.ui-datepicker .ui-datepicker-prev:before {
    border-right: 8px solid #fff;
}

.Components__power img {

    width:150px;
    vertical-align:middle;


}

.card_img .img_svg p {
    font-size: 12px !important;


}

.detail_inner .img_icon img , .price_box .img_icon img {

    vertical-align:middle;
}

.block-brochure.sub .form-block {

    float:none;
    width:60%;
    
}

#collapse4 .list-inline-item:not(:last-child) {
    margin-right: 0 !important;
}

.item select.form-control {

    margin-bottom: 1.25rem;
}

.block-brochure .chiller_cb {

    height:auto;
}

#brochure-wrapper-slider {
    position:relative;
}

    #brochure-wrapper-slider .buttons-block {
        text-align: center;
        margin-top: 20px;
    }

    #brochure-wrapper-slider .buttons-block a {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        padding: 20px 40px;
        margin: 0 10px;
        border-radius: 5px;
        line-height: 1;
        transition: all ease .3s;
    }

    #brochure-wrapper-slider .buttons-block .transparent {
        background: transparent;
        color: #fff;
        border: 2px solid #fff;
    }


    .Banner-section .buttons-block {
        text-align: center;
        margin-top: 20px;
    }

        .Banner-section .buttons-block a {
            display: inline-block;
            font-size: 18px;
            font-weight: bold;
            padding: 20px 40px;
            margin: 0 10px;
            border-radius: 5px;
            line-height: 1;
            transition: all ease .3s;
        }

        .Banner-section .buttons-block .transparent {
            background: transparent;
            color: #fff;
            border: 2px solid #fff;
        }
.title-form h1 {

    font-size:26px;
}

#brochure-wrapper-slider .text-slider.brochure .text {
    margin-top: -15px;
}


    #brochure-wrapper-slider .text-slider {
        position: absolute;
        width: 100%;
        top: 50%;
        text-align: center;
        color: #fff;
        z-index: 9;
        margin-top: -5%;
    }

.block-brochure .chiller_cb label:hover {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    cursor: pointer;
}

.visible-hide {
    visibility: hidden !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(211 211 211 / 50%);

}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(211 211 211 / 50%);
}
.text-bold {

    font-weight:bold;
}

.RoomFacilitiesImg {

    height:20px !important;
    width:20px !important;
}

.ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
    /*border: 1px solid var(--primary-color);*/
    background: var(--primary-color) !important;
    color: white !important;
    padding: 0 3px 13px 0;
    text-align: right;
    font-size: 9px;
    background: var(--primary-color);
    line-height: 18px;
    border: 1px inset #0f58a0;
    font-weight: bold;
    outline: none;
    border-radius: 0;
}

    .ui-datepicker .ui-datepicker-calendar td a.ui-state-active:before {
        content: "";
        background-image: url(/images/icons/car-right.png);
        background-size: 23px;
        background-position: 3px 11px;
        background-repeat: no-repeat;
        width: 30px;
        display: block;
        position: absolute;
        height: 27px;
    }

.daterangepicker:after, .daterangepicker:before {
    display: none !important;
}
.size40 {
    font-size:40px;
}
.right15 {

    right:15px !important;

}

#sidebar ul li a:active {
    background: var(--btn-secondary-hover-shadow-color);
}

.pb-5rem {

    padding-bottom: 5rem!important;
}

em {

    font-style: italic !important;
}


.Pivacy-Policy table {
    width: 100%;
}
.block-already-booked .tabs-navigation .item-airline li {
    list-style: disc;
    font-weight:400;
}

.Pivacy-Policy tr th {
    background-color: var(--primary-color);
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    vertical-align: middle;
    padding:15px 0;
}

    .Pivacy-Policy tr th p {
        color: #fff !important;
        margin: 5px !important;
    }

.Pivacy-Policy tr td {
    border: 1px solid var(--primary-color);
    text-align: center;
    vertical-align: middle;
    padding:10px 0;
}

    .Pivacy-Policy tr td p {
        margin: 5px !important;
        font-size:16px;
    }

.Pivacy-Policy td ul {
}

    .Pivacy-Policy td ul li {
        text-align: left;
        margin:0;
        padding-left: 30px !important;
    }
.bookingFeatures {

    font-size:18px;
}
.bookingNumber {
    font-weight:400 !important;

}

.block-success-information .sub-title-container {
    font-size: 36px;
    font-weight: 300;
    padding: 40px 0 30px;
    max-width: 100%;
    line-height: 1;
    text-align: center;
    margin-top:-90px;
    background:#fff;
}

.deals-cont.Banner-Title h4 {
    font-size:22px;
    color:white;
    font-weight:600;

}

.block-collection-information {
    font-weight: 300;
    padding: 40px 0 30px;
    max-width: 100%;
    line-height: 1;
    text-align: center;
    margin-top: -90px;
    background: #fff;
}

    .block-collection-information .container {
    
        position:relative;
        background:#fff;
    
    }
        .block-collection-information .container h1 {
        
            font-weight:200;
            font-size:36px;
        }

        .block-collection-information .container .description {
            font-size: 18px;
            font-weight: 300;
            line-height: 1.5;
        }
.gray-bg {
    background-color: #f5f5f5 !important
}

#resultsSection .standart-view-result .photo .block-cup img {

    width:70px;

}

#resultsSection .standart-view-result .photo .label-trip-advizor img {
    width: 100px;
    font-size: .1px;
}
.fotorama__wrap .fotorama__pointer {

    margin-left:auto;
    margin-right:auto;
}

.fotorama__wrap {
    margin-left: auto;
    margin-right: auto;
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active span.info {
    /* color: #fff;
    position: relative;
    top: 132px;
    left: 135px;*/
    background: rgb(0,0,0,0.6);
    display:none;
    position: absolute;
    right: 50%;
    bottom: 0;
    padding: 5px 10px;
    color: #fff;
    transform: translateX(50%);

}

#offersWideCards {
max-width:100%;

}

.noUi-connect {

    background:var(--primary-color) !important;
}

.arrow-center {

    transform:translateY(50%);
}

.footer-text-gray {
    color: #878787;
}

.megamenu .menuHeadLink {

    color:var(--primary-color) !important;
}

.fw-300 {
font-weight:300;
}

.fw-400 {
    font-weight: 400;
}

.fw-600 {
    font-weight: 600;
}

.fw-900 {
    font-weight: 900;
}

.MyBooking .Banner-Title p {

    width:fit-content;
    font-size:25px;
    margin:0 auto!important;
    padding:0 !important;
}

.Banner-Title {
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.footer-center {

    right:4%;
}

.page-item.active .page-link {

    background-color:var(--primary-color);
    border-color:var(--primary-color);
}

.bf-det-cont strong {
    font-weight: bold;
    color: var(--body-text-color);
}

#pickUpLocationTooltip, #dropOffLocationTooltip {
    color: #fff;
}

.my-bookin-det-data h4.uppercase {
    font-size: 13px;
    font-weight:600;
}

#summaryForm input:focus::placeholder {
    color: transparent;
}

#basketForm input:focus::placeholder {

    color:transparent;
}

.product-page-acc .card-header h5 button.Transfer:before {

    display:none;
}

.banner-container .checkbox:before {

    display:none !important;
}

.listing-style3 .price span.Symbol {
  font-size:1.8rem;
}
.listing-style3 .price span.TransPrice {
    font-size: 2.5rem;
}

.sticky-date {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding-top: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.BedBankRooms {
    min-height: 65px;
    border: 3px solid #ebebea !important;
}
    .BedBankRooms .cacheBoardBtn {
        
        font-size:1rem;
    }
.btnCol .cacheBoardBtn:hover {
    box-shadow: 0 0 0 0.40883rem rgb(0 0 0 / 10%);
}

.BedBankRooms.selected {
    border: 3px solid var(--primary-color) !important;
}
.position-inherit {
    position:inherit !important;
}

.opacity-100 {

    opacity:1 !important;
}

.opacity-90 {
    opacity: 0.9 !important;
}

.opacity-80 {
    opacity: 0.8 !important;
}

.opacity-70 {
    opacity: 0.7 !important;
}

.opacity-60 {
    opacity: 0.6 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}
.opacity-0 {

    opacity:0.5 !important
}

.tab-pane a.close {

    opacity:0.8 !important;
}
th.available:hover span {
    border-color: white !important;
}

.grid-section .container img {

    margin:15px 0 0 0;
    width:100%;
}
.grid-section .container ul {
    line-height:2;
    
}

    .grid-section .container ul li a {
    
        color:var(--body-text-color);
    }
.custom-BO-Input .infoSectionHeading.h1 {

    font-size:2rem;
    padding-top: 10px;
}

.Holiday-Box img {
    width: 100%;
}
#gridEditorContent h2 {
    font-size:24px;
}

.block-brochure .right-information .text p {
    font-size: 18px;
    line-height: 24px;
    color: #3c4e5a;
    font-weight: 300;
    margin-bottom: 20px;
}

.Brochure-Page .buttons-block .ctaBtn:hover {
    -webkit-appearance:unset;
}

.mobile-topbar {
    background-color: var(--topbar-background-color);
    height:40px;
    display:none;
}

    .mobile-topbar .user_box_link {
    
        display:inline-block;
        top:4px;
    }
    .mobile-topbar .loggedInUser {
        display:inline-block;
    }
    .mobile-topbar .user_box_link a {
        font-size: 14px !important;
        /*padding: 2px 20px !important;*/
        border-bottom: 1px solid var(--btn-secondary-shadow-color);
    }

.custom-BO-Input.container p{

    font-size:16px;
    font-weight:300;

}

    .custom-BO-Input.container p strong {
    
        font-weight:600;
    }

.tooltiptext .airport {

    display:block;
}

.note-block {
    font-size: 22px;
    color: var(--body-text-color);
    line-height: 30px;
    font-family: Old-Standard-TT-Italic;
    max-width: 730px;
    margin: 0 auto 40px;
    padding-left: 40px;
    position: relative;
}
.note-block:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    background: url(/assets/images/qoute-bef.png) 50% 50% no-repeat;
    width: 26px;
    height: 23px;
}

.abt-sec6-cont .title-block, .abt-sec3-cont .title-block {
    color: var(--body-text-color);
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    font-weight: 300;
    padding: 20px 0 25px;
}

.abt-sec1 .arrow-bottom {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAARCAYAAABTnsXCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCNEY4NUIwMEUyNTNFNjExQjc2MkJEQTFBQjczRUIwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NzQzMzQ3N0E3MkExMUU2ODdFMzlCN0JDNUFERDg5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NzQzMzQ3NkE3MkExMUU2ODdFMzlCN0JDNUFERDg5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTAzREE0NTcwQTZFNjExQkNCOThFREE4RTE2MUU3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNEY4NUIwMEUyNTNFNjExQjc2MkJEQTFBQjczRUIwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuSWJ38AAAFQSURBVHjatFXRbcIwEA1WB8gIsEH57wdZAMFvf2o2aCYoG8AGCR98AxMEqQOQEegGjNC76rmyjsM4sXLSU6SzfffO984Zvc3fM9gn4Uxos+HtlfBBKL9P+8zAaQkbQkNYDExggTxcdMWOEd0EOw9i44pQD0DAusSebfkmroSbWKiUzammxeTcOwMNTBQtWFxbnpg8R3Ir/JxvSpponSb4JgrCUWycgcg4gUCjEDgi318HjLfAjqWiBVbyBd+uE9Ao52rk+ZeAUQ6vgJiKuhIoldgqCce2EIJ1vV1HTICmJU6+1Q6YQLAziFyF/yswOW72c9HmaWjkzZOqWgTQJuciklV48OQIFs9eYRPR30eVOMHO8NjZyALu7KWD2rmnP2iHszH6r2mqVB7B3jfh2xpkQsHriD1JJB5NTmi8ByGh9fuW8tPrS8JXfu19e9mvAAMAPZ1Uz9z12hUAAAAASUVORK5CYII=) no-repeat 50% 50%;
    position: absolute;
    top: -30px;
    margin-left: -30px;
    left: 50%;
    box-shadow: 1.5px 2.598px 0px 0px rgb(19 20 20 / 10%);
    transition: all ease .3s;
}

.Policy-Detail p a{

    color:var(--body-text-color);
    
}
.Policy-Detail ul a {
    color: var(--body-text-color);
    text-decoration: underline;
}
.Policy-Detail p a:hover, .Policy-Detail ul a:hover {
    color: var(--primary-color) !important;
}

.primary-color {
    color:var(--primary-color);
}
.body-text-color {
    color: var(--body-text-color);
}

footer p a {

text-decoration:none !important; 
}

#gridEditorContent .grid-section ul li {
    list-style-type: disc;
    margin-left: 18px;
}

.FlightSortTabInnerWidth {

    width:85% !important;

}
.mw-100 {
    max-width:100% !important;
}

.OpeningBox {

    background:#fff;

}

.small13 {

    font-size:13px !important;
}

.color-white {

    color:white !important;
}

.offer-btn {
    text-decoration: none;
    border: 2px solid rgba(0,0,0,.125);
}
.offer-btn:hover, .offer-btn:focus {
    text-decoration:none;
}
.SpecialOfferInner {
    color: var(--body-text-color);
}
.TopbarLeftUnderline {
    border-bottom: 2px solid var(--body-text-color);
    line-height: 1.5 !important;
}

.TopbarLeftUnderline:hover{
    text-decoration:none !important;
    }


.tooltip-custom {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted rgb(60, 78, 90);
}

    .tooltip-custom .tooltiptext {
        visibility: hidden;
        width: 240px;
        background-color: rgb(60, 78, 90);
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px;
        font-size: 14px;
        position: absolute;
        line-height: 1.5;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -120px;
        opacity:.9;
    }

        .tooltip-custom .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent rgb(60, 78, 90) transparent;
        }

    .tooltip-custom:hover .tooltiptext {
        visibility: visible;
    }


.body-text-color {
    color: var(--body-text-color) !important;
}


#LandingPopup {

    max-width:530px;
    border:1px solid var(--primary-color);
    
}

    #LandingPopup .btn-signup {
        border-radius: 50px;
        background-color: #38da71;
        height: 40px;
        text-align: center;
        color:#fff;
        width:100%;
        border:none;
    }

        #LandingPopup .btn-signup:hover {
            box-shadow: 1px 4px 1px 0px rgb(0 0 0 / 13%);
        }
        #LandingPopup .fb-login-button, #LandingPopup .g-signin2 {
            border: none;
            border-radius: 50px;
            height: 40px;
            text-align: center;
            margin-bottom: 10px;
            background: #fff;
        }
        #LandingPopup .fb-login-button:hover {
           /* background: #3b5998;
            color:#fff;*/
        }
    #LandingPopup .g-signin2:hover {
    
        /*background:#ededed;*/
    }

        #LandingPopup p.or-sing:before, #LandingPopup p.or-sing:after {
            width: 46%;
        }

    #LandingPopup #FacebookSignin::before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%233b5998%22%20d%3D%22M45.4%200H2.6C1.2%200%200%201.2%200%202.6v42.7C0%2046.8%201.2%2048%202.6%2048h23V29.4h-6.3v-7.2h6.3v-5.3c0-6.2%203.8-9.6%209.3-9.6%202.6%200%204.9.2%205.6.3V14h-3.8c-3%200-3.6%201.4-3.6%203.5v4.6h7.2l-.9%207.2h-6.2V48h12.2c1.5%200%202.6-1.2%202.6-2.6V2.6C48%201.2%2046.8%200%2045.4%200z%22%2F%3E%3C%2Fsvg%3E);
    }

#GoogleSignin .abcRioButton.abcRioButtonLightBlue {
    margin: 0 auto !important;
    width: 100% !important;
    border-radius: 50px;
}

#GoogleSignin .abcRioButtonIcon, #GoogleSignin .abcRioButtonContents {
    display: inline-block !important;
}

#GoogleSignin .abcRioButtonIcon {
    float:none;
}

#LandingPopup ._5h0c._5h0g {
    max-width: 100% !important;
}

#LandingPopup .fb_iframe_widget span, #LandingPopup .fb_iframe_widget iframe,
#LandingPopup body.plugin, #LandingPopup #u_0_0_7x {
    width: 100% !important;
}

.pluginLoginButton.pluginLoginButtonsmall, ._5h0c._5h0g {
    width: 100% !important;
}

#GoogleSignin .abcRioButtonContentWrapper {
   border-radius:50px;
   border: 1px solid rgba(0,0,0,0.13);
}

#ErrorResults p {

    color:red;
}

.table-col-height{

    min-height:60px;
    
    
}
    .table-col-height .title {
        font-size: 16px;
        color: var(--primary-color);
        text-transform:uppercase;
        font-weight:400;
    }

    .info-table-header {
        background-color: var(--primary-color);
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
    }

.info-table {
    /* box-shadow: 1px 4px 1px 0px rgb(0 0 0 / 13%);*/

    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%), 0px 10px 20px rgb(0 0 0 / 5%), 0px 20px 20px rgb(0 0 0 / 5%), 0px 30px 20px rgb(0 0 0 / 5%);
}
.mob-border {

}

.accommodationCarousel .slick-next, .accommodationCarousel .slick-prev {

opacity:1;
}
.accommodationCarousel .slick-list {
    
    width:80%;

    margin-left:auto !important;
    margin-right: auto !important;

}

/*Car Hire New Design Start 08-03-2022 */

.car-img {
    width:200px;
}
.car .top-pick {
    background-color: var(--primary-color);
    color: #fff;
    font-size: 12px;
    width: max-content;
    padding: 5px;
    font-weight: 500;
    border-radius: 4px;
}

.car .booking-item-features.row li {

    margin-left:0;
}

.car .booking-item-features > li .booking-item-feature-sign {
    position: inherit;
    width: auto;
    display: inline-block;
    font-size: 12px;
}
.car .booking-item-features > li > i {
    display:inline-block;
    
}

.car .booking-item-features-sign > li {
    padding-bottom:0 !important;
}

.car .booking-item-features > li {
    margin-bottom:0;
    margin-right:0;
}

    .car .booking-item-features > li > i {
    
        border:none;
    }

.car .green {
    color:green;
}
.car.listing-style3 .price {
    font-size:20px;
    font-weight:700;
}
.car .car-rental-price {
    margin-top:1em;
}

.car .company-logo {
   
}

.car .company-score {
   
}

    .car .company-score .ratings {
        background: #1879ca;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        vertical-align: baseline;
        border-radius: calc(calc(4px*8)/5.5) calc(calc(4px*8)/5.5) calc(calc(4px*8)/5.5) 0;
        height: 30px;
        width: 30px;
    }
    .car .company-score .reviews .review-count {
        font-size: 10px;
        font-weight: 400;
    }

    .car .company-score .reviews .review-label {
        font-size:13px;
        font-weight:600;
    }
.car .feature-items {

    color : var(--primary-color);
}
.car .feature-items i {
    font-size:20px;

}
.car .included-items .fa-check {
    color:green;
}
.listing-style3.car .details .box-title {
    font-size:20px !important;
    font-weight:700;
}

.car .card {
    border-radius: 11px;
    box-shadow: 1px 4px 1px 0px rgb(0 0 0 / 13%);
}
.wrapper-block-waiting .car img {
    width:auto;
    height:34px;
}
.car#resultsContainer .card {
}
/*Car Hire New Design end */
.bk-no-sec button {
    background: none;
}
.color-red {
    color: #fa0000 !important;
}

.primary-border-color {
    border-color: var(--primary-color) !important;
}
.white-border-color {
    border-color:#FFF !important;
}
.b-primary {
    border: solid 1px var(--primary-color);
}
.br-primary {
    border-right: solid 1px var(--primary-color);
}
.bl-primary {
    border-left: solid 1px var(--primary-color);
}

.bt-primary {
    border-top: solid 1px var(--primary-color);
}

.bb-primary {
    border-bottom: solid 1px var(--primary-color);
}

.bx-primary {
    border-left: solid 1px var(--primary-color);
    border-right: solid 1px var(--primary-color);
}

.by-primary {
    border-top: solid 1px var(--primary-color);
    border-bottom: solid 1px var(--primary-color);
}

.tc-table .row.bb-primary {

    min-height:70px;
}

.tc-table .heading {
    background-color: var(--primary-color);
    padding: 10px;
    color: white;
    font-size: 16px;
}

.tc-table .table-item-left {
    border-right: solid 1px var(--primary-color);
}

.tc-table .table-item-right, .tc-table .table-item-left {
    padding: 1rem 10px;
    border-bottom: solid 1px var(--primary-color)
}

/*LOGIN POPUP CLASSES*/

#LoginPopup {

    z-index:9999 !important;
}

#LoginPopup .modal-body {
    padding: 0;
}
    #LoginPopup .login-sec {
        box-shadow: 1px 4px 1px 0px rgb(0 0 0 / 13%);
    }


#BackBtn {
    color: var(--primary-color);
    cursor: pointer;
    }

#SignInForm .form-control:disabled, .form-control[readonly] {
    border: 0 !important;
    background-color: transparent;
    box-shadow:none;
}

#ErrorSec {

    color:red;
    font-size:14px;
    font-style:italic;
}

.user_box_link .btn-secondary {
    display: block;
    font-size: 14px;
    line-height: 28px;
    font-weight: 600;
    color: var(--topbar-background-color);
    text-transform: capitalize;
    background: var(--primary-color);
    padding: 0px 15px;
    border: none;
    border-bottom: 3px solid var(--primary-color);
    border-radius: 5px;
}

    .user_box_link .btn-secondary:hover, .user_box_link .btn-secondary:active, .user_box_link .btn-secondary:focus, .user_box_link .btn-secondary:not(:disabled):not(.disabled):active {
        color: var(--menu-text-color);
        background: var(--primary-color);
        padding: 0px 15px;
        border-bottom: 2px solid var(--primary-color);
        border-radius: 5px;
        box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 20%);
    }

.customLink {
    color: var(--primary-color);
    cursor: pointer;
    text-decoration:underline;
}

#WidgetApp .fc-view.fc-month-view .fc-content-skeleton table thead .fc-day-number {
    z-index:9;
}

#WidgetApp .cp-calendar-footer .cp-calendar-symbol.available {
    background: #ffffff;
    border: 1px solid grey;
}

 .price p.small {

    font-size:100%;
}

 /***********Recent Search Items CSS****************/
#RecentSearch {
    transition: all .5s ease-in-out;
    
}
    #RecentSearch .search-card-white {
        display: flex;
        background-color: #fff;
        color: #262626;
        border: 1px solid #e7e7e7;
        border-radius: 2px;
        padding: 10px;
        align-items: center;
        border: 0;
        -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 16%);
        box-shadow: 0 2px 8px 0 rgb(0 0 0 / 16%);
        border-radius: 8px;
        min-height: 60px;
        cursor: pointer;
    }

    #RecentSearch .search-card-black {
        display: flex;
        background-color: #536b78;
        color: #ffffff;
        border: 1px solid #e7e7e7;
        border-radius: 2px;
        padding: 10px;
        align-items: center;
        border: 0;
        -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 16%);
        box-shadow: 0 2px 8px 0 rgb(0 0 0 / 16%);
        border-radius: 8px;
        min-height: 60px;
        cursor: pointer;
    }


.search-card .heading {

    font-size:14px;
    font-weight:600;

}

.search-card .descr {
    margin-top:5px;
    font-size: 13px;
    font-weight: 400;
}

#RecentBtn {
    height: 60px;
    margin-top: -30px;
    cursor: pointer;
}
#RecentBtn p {

    color:white;
    margin-bottom:-3px;
    font-size:13px;
}
    #RecentBtn .btn-black {
        width: 30px;
        height: 30px;
        background: var(--searchtab-tab-background-color) !important;
        color: var(--searchtab-text-color);
        border-radius: 50%;
        font-size: 26px;
    }

    #RecentBtn .btn-white {
        width: 30px;
        height: 30px;
        background: var(--searchtab-text-color) !important;
        color: var(--searchtab-tab-background-color);
        border-radius: 50%;
        font-size: 26px;
    }
    #RecentBtn .inner-content {
        position: relative;
        top: 22px;
    }

.not-liked {
    background: transparent;
    cursor: pointer;
}
.not-liked i {
    color: #f9706a !important;
}
    .not-liked .item-social {
        background: transparent;
        border: 1px solid #f9706a;
        border-radius: 50%;
        box-sizing: border-box;
        display: inline-block;
        height: 30px;
        line-height: 26px;
        margin: -4px 5px 0;
        text-align: center;
        transition: all ease .2s;
        vertical-align: middle;
        width: 30px;
        
    }

    .not-liked .item-social i {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
    }

.Liked .item-social {
    background: #f9706a;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 30px;
    line-height: 26px;
    margin: -4px 5px 0;
    text-align: center;
    transition: all ease .2s;
    vertical-align: middle;
    width: 30px;
    border:none;
}

    .Liked .item-social i {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
    }
span.item-social {
    cursor:pointer;
}