label {
    font-weight: 300;
}

.section--title__zone h1 {
    /*letter-spacing: 6px;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.section--title__zone .line {
    height: 1px;
    width: 100px;
    background: #000;
    margin: 0 auto;
}

.section--title__des {
    margin-top: 10px;
    font-style: italic;
    font-size: 18px;
}

@media (min-width: 992px) {
    .main-content .container {
        width: 1100px;
        padding: 20px 0px;
        margin: 0px auto;
    }

    .portal .ir-page-static,
    .portal .ir-tob {
        width: 1100px;
        padding: 20px 0px;
        margin: 0px auto;
    }

    #index_content {
        margin: 0px;
    }

    .featured-offer {
        width: 900px;
        margin: 20px auto;
    }

    .portal .main-content .container {
        width: 100%;
    }
}



/* Custom booking widget */

.ib-widget-zone {
    clear: both;
}

.ib-widget {
    padding: 12px 0;
    background: #fff;
}

.ib-widget .ib-row {
    padding: 0;
    margin: 0;
}

.ib-widget .ib-row>.ib-md-1 {
    padding: 0 10px;
}

/*.ib-widget [class*=ib-col-] {
    position: relative;
    padding: 0;
}*/

.ib-widget .ib-label {
    position: relative;
    color: #bbb;
    /*font-size: 10px;*/
    margin-bottom: 0;
    text-align: left;
    top: 0;
}

.ib-widget #ib-hotel {
    opacity: 0;
}

.ib-widget .selectize-input input,
.ib-widget .selectize-input.focus input {
    color: #000;
}

.ib-widget .selectize-control.single .selectize-input:after {
    border-color: #000 transparent transparent;
}

.ib-widget .selectize-input,
.ib-widget .selectize-input.dropdown-active,
.ib-widget .selectize-input.focus,
.ib-widget .selectize-input.has-items {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 0;
    color: #000;
    /*padding-left: 0;*/
    text-align: left;
}

.ib-widget .ib-control.ib-datepicker,
.ib-widget .ib-control.ib-promo {
    /*padding-left: 0;*/
    /*margin: 0;*/
}

.ib-widget .selectize-control .selectize-dropdown {
    overflow: hidden;
}

.ib-widget .selectize-control .selectize-dropdown .optgroup-header {
    color: #9a603a;
}

.ib-widget .selectize-control .selectize-dropdown .option.selected.active,
.ib-widget .selectize-control .selectize-dropdown .option:hover {
    background: #afcd26;
    color: #fff;
}





/* ************************************************************* */


/*custom flatpicker*/

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #9a603a !important;
    color: #fff;
    border-color: #9a603a !important;
}

input[type=text].ib-control {
    border: 0 !important;
}

.flatpickr-calendar .flatpickr-current-month input.cur-year,
.flatpickr-calendar .flatpickr-current-month span.cur-month,
.flatpickr-calendar span.flatpickr-weekday {
    color: #9a603a !important;
}





/* ************************************************************* */

.ib-widget-trigger {
    transition-property: background-color;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: .2s;
    background-color: #5ec1c5;
    font-weight: 700;
    color: #fff;
    /*font-size: .75em;*/
    /*height: 50px;*/
    float: right;
    border: 0;
    padding: 10px 50px;
    display: none;
    margin-top: 1px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
}

.ib-widget-content {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    top: 1px;
}

.trigger-close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}

.booknow-mobile {
    width: 100%;
    padding: 8px 20px;
    background: #9a603a;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: 1px solid #9a603a;
    display: none;
    text-transform: uppercase;
}



/*
    ***************************************************************************************************
*/

header .main-header-wrapper {
    padding: 10px;
}

.portal .page_title,
.portal .single_divider {
    display: none;
}

.ir-promotion-home--title.section--title__zone .line,
.ir-tob .section--title__zone .line {
    margin: 0 auto;
}


.ir-promotion-home--single__imgage {
    position: relative;
}

.ir-promotion-home--single__imgage::before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, 0);
    transition: all 0.3s linear;
}

.ir-promotion-home--single__content {
    position: absolute;
    /*top: 50%;*/
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    pointer-events: none;
    top: 100%;
    /*right: 100px;*/
    opacity: 0;
    -webkit-transition: top ease .25s, opacity ease .25s;
    -ms-transition: top ease .25s, opacity ease .25s;
    transition: top ease .25s, opacity ease .25s;
    color: #fff;
    left: 0px;
    right: 0px;
    text-align: center;
}

.ir-promotion-home--single:hover .ir-promotion-home--single__content {
    top: 50%;
    opacity: 1;
}

.ir-promotion-home--single:hover .ir-promotion-home--single__imgage::before {
    background: rgba(0, 0, 0, 0.3);
}

.ir-promotion-home--single__content .name {
    font-size: 16px;
}

.ir-promotion-home--single {
    padding: 20px 8px;
    background: #fff;
    padding-top: 8px;
}

.ir-promotion-home--single__intro {
    text-align: center;
}

.ir-promotion-home--single__book .btn {
    width: 100%;
    padding: 8px 16px;
}

.login-header-btn {
    margin-left: -145px;
}

.benefit-table {
    font-size: 16px;
}

.page-static-single-line {
    margin-top: 10px;
    text-align: justify;
}

.page-static-single-line-first::first-letter {
    font-size: 150%;
    color: #9a603a;
}

.page-static-single-line-first {
    font-weight: 900;
    display: inline-block;
}

.content-static {
    text-align: justify;
}

.list-brand--title {
    /*margin: 45px 0px;*/
    position: relative;
    height: 1px;
    background: gray;
    width: 100%;
}

.list-brand--title div {
    position: absolute;
    display: block;
    background: #fff;
    padding: 0px 20px;
    left: 50%;
    margin-left: -115px;
    margin-top: -28px;
    width: 230px;
    font-size: 36px;
    text-align: center;
}

.list-brand {
    margin-top: 60px;
}

.list-brand-head {
    padding: 0 40px;
    margin-bottom: 60px;
}

.all-list-brand {
    width: 100%;
    padding: 20px;
    background: #fff;
    text-align: center;
}

.single-brand {
    margin: 0px 40px;
}

.single-brand:hover {
    filter: grayscale(100%);
}

.ir-promotion-home .row .col-1-3:nth-child(1) .ir-promotion-home--single {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

.ir-promotion-home .row .col-1-3:nth-child(2) .ir-promotion-home--single {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

.ir-promotion-home .row .col-1-3:nth-child(3) .ir-promotion-home--single {
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
}

.dropdown-language {
    right: 0px;
    left: inherit;
    top: 20px;
}

.promotion_wrapper {
    padding: 20px 30px;
}

header #menu {
    padding-top: 8px;
}

.ir-sub-menu-dropdown::before {
    color: #ca5f19 !important;
}

.uh-section p {
    text-align: justify;
}

.uh-section {
    background: #fff;
    padding: 20px 0px;
}

.uh-tob-content {
    padding: 20px 10px;
}

/*.rotate {
    transition: 0.3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}*/
.uh-tob-title::before {
    content: "\f107";
    font: normal normal normal 28px/1 FontAwesome;
    display: inline-block;
}

.uh-tob-title::after {
    content: "\f107";
    font: normal normal normal 28px/1 FontAwesome;
    display: inline-block;
}

.uh-tob-info h3 {
    font-size: 18px;
    text-align: center;
    color: #9a603a;
}

.uh-tob-content {
    display: none;
}

.uh-tob-title.active::before,
.uh-tob-title.active::after {
    transition: 0.3s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.uh-map-hotels {
    padding-top: 80px;
}

.uh-section.ir-promotion-home {
    margin-top: 100px;
}

.uh-tob-info {
    margin-top: 50px;
    border: 1px solid #ccc;
}

.uh-tob-title:hover {
    text-decoration: underline;
    color: #5ec1c5;
    background: #fff;
}

.uh-section .ir-promotion-home {
    margin-top: 100px;
}

.uh-section h3 {
    color: #55a3a7;
}

.uh-section .list-brand--title div {
    font-size: 18px;
    margin-top: -12px;
    background: #fff;
}

.uh-section .list-brand--title {
    background: #55a3a7;
}

.uh-section .ir-promotion-home--single__content .name {
    font-size: 14px;
}

.uh-section .ir-promotion-home--single__intro h4 {
    font-size: 14px;
}

.uh-single-line {
    margin-top: 20px;
}

.uh-address {
    padding-top: 40px;
}

h3.uh-tob-title {
    text-align: center;
    cursor: pointer;
    background: #55a3a7;
    color: #fff;
    padding: 6px;
    border: 1px solid #55a3a7;
    transition: all 0.3s linear;
}

/*header .main-header-links .reservations-link {
    color: #fff;
}*/
.ir-sub-menu--content {
    left: inherit;
    right: 100%;
    float: none;
    top: 0px;
    background: #3c9498;
    border-radius: 0px;
}

.dropdown-menu>li>a {
    color: #fff;
}

.ir-sub-menu--toggle::after {
    content: "\e649";
    font-family: 'themify';
    font-size: 12px;
    right: 5px;
    position: absolute;
}

.ir-sub-menu--toggle:hover .ir-sub-menu--toggle::after {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.ir-sub-menu--toggle:hover .ir-sub-menu--content,
.ir-sub-menu--toggle.active .ir-sub-menu--content {
    display: block;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #ccc;
    text-decoration: none;
    background-color: unset;
}

header #menu .ir-sub-menu--content li:hover {
    border: none;
}

.ir-footer-extend a {
    color: #9a603a;
    position: relative;
    display: inline-block;
}

.ir-footer-extend a:before {
    content: " ";
    display: block;
    height: 1px;
    width: 0;
    background: #ccc;
    bottom: 0px;
    transition: width .3s;
    position: absolute;
}

.ir-footer-extend a:hover {
    color: #ccc;
}

.ir-footer-extend a:hover:before {
    width: 100%;
}

.ir-footer-extend {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dropdown-language.dropdown-menu>li>a {
    color: #55a3a7;
}

.select-lang.active {
    color: #55a3a7 !important;
}

header .main-header-links .reservations-link:hover {
    color: #55a3a7;
}

.promo-single-btn-book {
    margin-top: 40px;
}

/*.promotion_content{
    padding-top: 40px;
}
*/
.er-full {
    padding: 20px 10px;
    background: #fff;
}

.er-single--img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.er-single,
.er-pus-single {
    margin-top: 20px;
}

.er-pus-single>.row {
    clear: both;
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.er-pus-single>.row>.col-1-2 {
    display: flex;
    padding: 0 2px;
}

.er-pus-single--content {
    background: #f5f5f5;
    padding: 10px;
}

.er-pus-single--content li {
    list-style: initial;
}

.er-pus-single--content ul {
    padding-left: 20px;
}

.li_purchase_points {
    display: none;
}

.menu-user-mobie-content {
    color: #fff;
}

.li_irewardmall,
.li_myvoucher {
    display: none;
}

.ir-promotion-home--title {
    margin-bottom: 40px;
}

.dropdown-lang-bottom {
    display: inline-block;
}

.dropdown-lang-bottom .dropdown-language {
    left: 0px;
    right: -100%;
    top: initial;
    bottom: 100%;
}

.all-list-brand .single-brand:nth-child(2) {
    margin: 0px 30px;
}

.all-list-brand .single-brand:nth-child(3) img {
    width: 80px;
}

.all-list-brand .single-brand:nth-child(1) img {
    width: 120px;
}

.ir-promotion-home--single__intro {
    min-height: 68px;
}

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

    /*.ib-widget-content,
    .ib-widget-zone {
        display: none !important;
    }*/
    .single-brand img {
        width: 100%;
    }

    .single-brand {
        margin: 0px 5px;
        display: inline-block;
        /*width: 120px;*/
    }

    .list-brand--title div {

        margin-left: -80px;
        margin-top: -17px;
        width: 160px;
        font-size: 22px;
    }

    .section--title__des {
        font-size: 15px;
    }

    .section--title__zone h1 {
        font-size: 24px;
    }

    .page-static-single-line {
        font-size: 14px;
    }

    .ir-booknow-mobile {
        display: block;
    }

    .ir-sub-menu--content {
        right: 0px;
        left: 0px;
        position: relative;
    }

    .dropdown-lang-mobile>.dropdown-menu {
        position: relative;
        margin: 0px;
        border: none;
        box-shadow: none;
        background: none;
    }

    .single-brand--tit {
        width: 150px;
        margin-left: 40px;
        display: block;
        margin-bottom: 20px;
    }

    .ib-widget-trigger {
        margin-top: 13px;
        box-shadow: rgb(94 193 196) 0px 6px 14px 1px;
        display: none !important;
    }

    .destination-option {
        padding: 0 20px;
    }

    .ib-widget .ib-control.ib-datepicker,
    .ib-widget .ib-control.ib-promo {
        height: 40px;
        padding-left: 10px;
    }

    .ib-widget {
        background: #6acdd2;
        font-size: 15px;
    }

    button.submit--bookingform {
        height: 40px;
    }

    .trigger-close .ti-close {
        color: #fff;
        font-size: 22px;
    }

    .ib-widget .ib-label {
        margin-top: 10px;
    }

    .ib-widget-content {
        margin-top: 12px;
        display: none;
    }

    button.ib-control.submit--bookingform {
        background: #54a3a7 !important;
        border-color: #54a3a7 !important;
        color: #fff !important;
    }

    .ib-widget .ib-label {
        color: #333;
    }

    #ib-hotel-selectized {
        min-width: 200px;
    }

    .ib-widget .selectize-control .selectize-dropdown {
        font-size: 16px;
    }

    header #main-header-logo {
        margin-top: 11px !important;
    }

    .md-1 {
        width: 100%;
    }

    button.ib-control.submit--bookingform {
        margin-top: 32px;
    }

    .ib-widget-content {
        position: fixed;
        bottom: 0px;
        background: rgb(106, 205, 210);
        top: auto;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .trigger-close {
        top: 10px;
        right: 10px;
    }

    .ib-widget:before {
        content: 'Reservations';
        font-size: 24px;
    }

    input.ib-control {
        min-width: calc(100% - 20px);
    }
}

@media screen and (max-width: 520px) {
    .ib-widget-trigger {
        margin-top: 7px;
        display: none !important;
    }

    .ib-widget-content {
        margin-top: 6px;
    }

    .single-brand {
        margin: 0px;
        width: 60px;
    }

    header #main-header-logo {
        width: 84px;
    }

    h3.uh-tob-title {
        font-size: 16px;
    }

    .ir-footer-extend {
        text-align: center;
    }

    header #main-header-logo {
        width: 95px !important;
        height: initial !important;
        margin-top: 5px !important;
    }

    .promotion_content {
        height: initial !important;
        padding-top: 0px;
    }

    .promo-single-btn-book {
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .promotion_title {
        margin-bottom: 5px;
    }

    .promotion_thumb {
        margin-bottom: 0px;
    }

    .all-list-brand .single-brand:nth-child(2) {
        margin: 0px 20px;
        width: 60px;
    }

    .all-list-brand .single-brand:nth-child(3) {
        width: 100px;
    }

    .single-brand--tit {
        margin-bottom: 20px;
    }

    .all-list-brand .single-brand:nth-child(2) img {
        width: 60px;
    }

    .ir-sub-menu--toggle:hover .ir-sub-menu--toggle::after {
        -ms-transform: inherit -webkit-transform: inherit transform: inherit
    }

    .ir-sub-menu--toggle:hover .ir-sub-menu--content,
    .ir-sub-menu--toggle.active .ir-sub-menu--content {
        display: inherit;
    }

    .ir-sub-menu--toggle::after {
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .ir-sub-menu--content {
        display: block;
    }

    .ir-sub-menu--content li {
        border: none;
    }

    .page_promotion .ir-promotion-home--single__book {
        margin-bottom: 20px;
    }
}

/*
            ***| Loader
        */

.loading-ir-logo {
    position: absolute;
    top: 50%;
    margin-top: -80px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
}

.loading-ir-logo img {
    width: 100%;
}

.loaded #loader-wrapper {
    display: none;
    z-index: 0;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #fff;
}

.innerwrapper {
    right: 0;
    position: relative;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
    /*height: 100%;*/
}

.innerwrapper:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.75);
    position: fixed;
    z-index: 400;
    top: 0;
    right: 0;
    visibility: hidden;
    -webkit-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}


.sk-fading-circle {
    /*margin: 100px auto;*/
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: 20px;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #55a3a7;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

@keyframes sk-circleFadeDelay {

    0%,
    39%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.ir-promotion-home--single__imgage img.full-width {
    height: 220px;
    object-fit: cover;
    -o-object-fit: cover;
}

.content-static {
    font-size: 14px;
}

.account-step-name {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.ti-intranav a {
    font-weight: 300;
}

.account-step {
    width: 30px;
    height: 30px;
    line-height: 27px;
    border-width: 1px;
}

.ti-intranav .stay_ismember:after,
.ti-intranav .stay_information:after {
    top: 27px;
    background-size: 15px 30px;
}

footer #footerWrap,
footer #hotel-information {
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
}

.dropdown--menu--mobile {
    position: relative;
    background: #000;
}

.dropdown--menu--submenu {
    font-size: 12px;
}

.page_promotion .promotion_title {
    display: none;
}

button.ib-control {
    /*margin-top: 13px;*/
}

.stt--bookingwidget {
    color: red;
    border: 1px solid red;
    padding: 2px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 10px;
}

.selectize-control.nonselect {
    border-bottom: 1px solid red;
}

.app .ir-booknow-mobile {
    display: none !important;
}

.label--checkbox--register {
    font-size: 14px;
}

.login-header-btn {
    background: #5ec1c4;
    padding: 10px 80px;
    box-shadow: 0 0 10px 0 #333;
}

@font-face {
    font-family: 'Didot';
    src: url(/templates/defaultv4/fonts/didot/Didot.ttf) format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Didot';
    src: url(/templates/defaultv4/fonts/didot/Didot-Bold.ttf) format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'Didot';
    src: url(/templates/defaultv4/fonts/didot/Didot-Italic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}

/*@font-face {
        font-family: 'Optima';
        src: url(/templates/defaultv4/fonts/optima/Optima.ttf);
        font-weight: 200;
    }*/
@font-face {
    font-family: 'Optima';
    src: url(/templates/defaultv4/fonts/optima/Optima_Medium.ttf);
    font-weight: 300;
}

@font-face {
    font-family: 'Optima';
    src: url(/templates/defaultv4/fonts/optima/Optima_Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: 'Optima';
    src: url(/templates/defaultv4/fonts/optima/Optima_Italic.ttf);
    font-weight: 300;
    font-style: italic;
}

:root {
    --font1x: 13px;
    --font2x: 15px;
    --font3x: 18px;
    --font4x: 20px;
    --font5x: 22px;
    --font6x: 24px;
    --font7x: 26px;
    --font8x: 28px;
    --color-button: #315187;
    --color-black: #000;
    --color-gray: #ccc;
    /*--color-secondary: #2c2762;*/
    --color-secondary: #4d4e56;
    --color-3rd: #ff6a5a;
    --window-height: 665px;
    --header-height: 83px;
    --header-is-not-transparent: 0;
    --transition-button: color .45s cubic-bezier(.785, .135, .15, .86), border .45s cubic-bezier(.785, .135, .15, .86);
    --transition-main: all 0.45s cubic-bezier(.785, .135, .15, .86);
    --width-logo: 90px;
    --font-family: 'Source Sans Pro', sans-serif;
    /*--font-title: 'Playfair Display SC', serif;*/
    /*--font-title: 'GFS Didot', serif;*/
    /*--font-title: 'Didot';*/
    --font-title: 'Optima';
    --font-button: 'Pathway Gothic One', sans-serif;
}

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

#modalRedeemTip .modal-header {
    background: #f5f5f5;
    border: none;
}

.action_status.status_success {
    border: 1px solid #28a745;
    padding: 10px;
    width: 90%;
    margin: 0 auto;
}

.action_status.status_success a {
    color: #28a745;
}

html,
body {
    font-family: var(--font-family);
}

body,
p,
li {
    /*font-weight: 400;*/
    color: #000;

}

.intro--zone--text p {
    font-family: 'Raleway', sans-serif;
}

button,
.btn,
.btn--trigger--booking {
    color: #2c2762;
}

.btn--only {
    background: none;
    border: none;
    box-shadow: none;
}

.btn--only:hover,
.btn--only:focus {
    background: none;
    border: none;
    box-shadow: none;
}

.header--v2 {
    justify-content: space-between;
}

.hv2--logo img {
    width: var(--width-logo);
    /*filter: brightness(10);*/
}

/*.hv2--logo{
            position: absolute;
            left:  calc(50% - calc(var(--width-logo)/2 ));
        }*/
.header--v2 {
    padding: 15px 80px;
    /*border-bottom: 1px solid #f5f5f5;*/
    box-shadow: 0 -1px rgb(255 255 255 / 30%) inset;
}

.hv2--trigger--menu {
    background: none;
    border: none;
    box-shadow: none;

    padding: 0;
    color: #fff;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.hv2--trigger--menu span.ti-menu {
    font-size: 30px;
    margin-right: 5px;
}

.hv2--trigger--login {
    background: none;
    /*border: none;*/
    box-shadow: none;
    border-color: #fff;
    padding: 10px 20px;
    border-radius: 0px;
    margin-right: 20px;
    color: #fff;
    text-transform: uppercase;
}

.hv2--trigger--booknow {
    /*background: none;*/
    /*border: none;*/
    box-shadow: none;
    /*border-color: #fff;*/
    padding: 10px 60px;
    border-radius: 0px;
    margin-right: 20px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-main);
    text-transform: uppercase;
    display: none;
}

header.show .hv2--trigger--menu {
    color: #000;
}

header.show .hv2--trigger--menu:hover {
    color: var(--color-secondary);
}

header.show .hv2--logo img {
    filter: brightness(0);
}

header.show .hv2--trigger--login {
    background: var(--color-button);
    /*border: none;*/
    box-shadow: none;
    border-color: var(--color-button);
    /*padding: 6px 20px;*/
    color: #fff;
}

header.show .hv2--trigger--booknow {
    box-shadow: none;
    color: #000;
    opacity: 1;
    visibility: visible;
    border-color: #333;
    background: transparent;
    display: block;
}

header.init {
    background: rgba(0, 0, 0, 40%);
}

header.show {
    background: #ffffff;
}

header {
    z-index: 100;
}

.menu__middle {
    margin: 0;
    padding: 0;
    display: flex;
}

.menu__middle li {
    margin: 0 15px;
}

.menu__middle li a {
    font-size: 16px;
    text-transform: uppercase;

    color: #fff;
    font-weight: 600;
}

header.show .menu__middle {
    display: none;
}

.hv2--fill {
    display: flex;
    align-items: center;
}

/* ir slide a.k.a i--slide  */
.i--slide--overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
    background: rgb(15 14 14 / 46%);
    display: none;
}

.i--slide.active .i--slide--overlay {
    display: block;
}

.i--slide--container {
    position: fixed;
    top: 0;
    right: 0;
    visibility: hidden;
    width: calc(40vw - 65px);
    height: 100vh;
    max-height: none;
    z-index: 102;
    transition: transform .5s cubic-bezier(0.645, 0.045, 0.355, 1), visibility .5s cubic-bezier(0.645, 0.045, 0.355, 1), width .5s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: #212129;
    box-shadow: none;
    touch-action: manipulation;
    transform: translate(calc(40vw + 65px));
}

.i--slide.active .i--slide--container {
    visibility: visible;
    transform: translate(0);
}
/* ib widget */

.ib--widget--zone {
    width: 100%;
    padding: 0 40px;
    background: transparent;
    margin-top: -59px;
    z-index: 1;
    position: relative;
}

.ib-widget {
    background: #f5f5f5;
    border-radius: 20px;
    padding: 20px 40px;
    box-shadow: 0 0 10px 0 #ccc;
}

.ib-control {
    font-size: var(--font3x) !important;
    height: 38px !important;
    border-radius: 20px !important;
}

.modallogin--btn--signup {
    border-radius: 0px;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    font-size: var(--font4x) !important;
}
.selectize-input{
    height: 38px !important;
    border-radius: 20px !important;
}
.ib--widget--zone {
    display: block;
    margin-top: initial;
    z-index: initial;
}

/*.ib-widget {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: var(--transition-main);
    padding: 40px 10px;
    z-index: 101;
    border-radius: 20px 20px 0px 0px;
}*/

.ib--widget--zone.active .ib-widget--overlay {
    display: block;
}

.ib--widget--zone.active .ib-widget {
    transform: translateY(0);
}
.trigger--ib--zone{
    border-radius: 0px;
    box-shadow: 0px 4px 10px 0 #ccc;
    font-size: var(--font3x);
    width: 100%;
    padding: 10px;
    text-transform: uppercase;

}
button.ib-control {
    
    font-size: var(--font1x) !important;
    padding: 10px;
    line-height: initial !important;
    height: initial !important;
    /*border-radius: 0px !important;*/
}
/* *****  */

/* ================================ */
.ir--menus {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 360px;
}

.ir--menu {
    font-size: var(--font6x);
}

.ir--menus>li {
    padding: 15px 0;
    font-size: var(--font6x);
    display: block;
}

.ir-sub-menu-dropdown.dropdown .ir-sub-menu {
    /*display: block;*/
    /*position: relative;*/
    top: 0;
    width: initial;
    background: 0;
    padding: 10px;
}

.ir-sub-menu>a {
    padding: 10px 0;
    font-size: var(--font3x);
    color: #fff;
}

.ir-sub-menu>a>li {
    font-size: var(--font3x);
    color: #fff;
}

.i--slide.active.extend .i--slide--container {
    width: calc(100vw - 65px);
}

.ir-sub-menu-dropdown.dropdown .ir-sub-menu {
    position: absolute;
    left: 300px;
    top: 0px;
    width: 100%;
}

.ir-sub-menu-dropdown.dropdown {
    position: initial;
}

.ir-sub-menu-dropdown.dropdown::before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dropdown-menu.ir-sub-menu--content {
    position: relative;
    display: block;
    background: none;
}

.dropdown-menu.ir-sub-menu--content {
    display: block;
    position: relative;
    border: none;
}

.head--menu--container {
    display: flex;
    flex-direction: row;
}

.hmenus {
    flex: 1;
    display: none;
    flex-wrap: wrap;
    text-transform: uppercase;
}

.hmenu label {
    color: var(--color-button);
    font-family: var(--font-button);

}

.hmenu--sub a {
    color: #fff;
    position: relative;
    font-family: var(--font-button);
}

.hmenu {
    /* display: inline-block; */
    flex: 1;
    width: 30%;
    flex-basis: 30%;
}

.i--slide.active.extend .hmenus {
    display: flex;
}

.header--nav--menu {
    margin-left: initial;
    padding-left: 40px;
}

.trigger--close--islide {
    color: #fff;
    font-size: 30px;
    padding: 0px;
    margin-top: 10px;
    margin-left: 50px;
}

.ir-sub-menu-dropdown:before {

    font-size: 18px;
    margin-top: 8px;
    margin-right: 14px;
}

.hmenu--sub a:after {
    content: " ";
    display: block;
    height: 1px;
    width: 0;
    background: #fff;
    bottom: 0px;
    transition: width .3s;
    position: absolute;
}

.hmenu--sub a:hover:after {
    width: 100%;
}

.header--nav--menu a {
    text-transform: uppercase;
}

.header__account__content__overlay {
    z-index: 100;
    cursor: pointer;
}

.ir--login--inner {
    top: 80px;
    right: 10px;
}

/* *********************** */
/* booking widget */
button.ib-control {
    color: var(--color-secondary);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px !important;
}

button.ib-control:hover {
    background: var(--color-secondary) !important;
    color: #fff;

}

.btn--trigger--booking {
    font-weight: 600;
    box-shadow: none;
    padding: 10px 30px;
}

.ib-widget {
    background: #fff;
}

.ib-control {
    background: #fff;
}

input[type=text].ib-control,
.selectize-input {
    border: 1px solid #b4dbe2 !important;
}

.ib-label,
.ib-link {
    font-family: var(--font-title);
    color: #000;
    font-size: var(--font1x) !important;
    padding-left: 10px;
}

input[type=text].ib-control {
    font-size: var(--font2x) !important;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    font-size: var(--font2x) !important;
}

.stt--bookingwidget {
    color: red;
    border: 1px solid red;
    padding: 2px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 10px;
}

.selectize-input.nonselect {
    border: 1px solid red !important;
}
.ib-col-1-3{
    width: 50% !important;
}
/* ================= */
button,
.btn,
.btn--trigger--booking {
    font-weight: 600;
}

.join--btn .btn-outline {
    font-weight: 600;
    /*border-radius: 0px;*/
}

.intro--zone--text {
    text-align: justify;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.intro--zone h1,
.membership_tbl h3,
.ir--title h1,
.footer--widget--title {
    font-family: var(--font-title);
    /*color: var(--color-secondary);*/
    color: #000;
    font-weight: 300;
}


.intro--zone h3 {
    /*font-family: var(--font-title);*/
    font-style: italic;
    color: var(--color-secondary);
    font-size: var(--font4x);
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

.intro--zone h1,
.intro--zone h3 {
    color: #000;
}

.ir--bc--content h3,
.page-static-single-line-first {
    font-family: var(--font-title);
    /*color: var(--color-secondary);*/
}

.membership_tbl {
    float: none;
}

.ir--bc--content {
    box-shadow: 0px 0px 10px 0px #333;
    border-radius: 0px;
}

.ir--bc--content .btn--link {
    font-family: var(--font-title);
    font-size: var(--font3x);
}

.ir--bc--content .btn--link:hover {
    font-style: italic;
}

.promotion--page--title {
    font-size: var(--font6x);
    font-family: var(--font-title);
    color: #000;
}

.ir--join {
    background: #f4f4f4;
}

.join--text {
    font-size: var(--font6x);
    font-family: var(--font-title);
    color: #000;
}

.footer-menu a {
    color: var(--color-secondary);
    font-size: var(--font3x);
    text-transform: uppercase;
    font-weight: 400;
    /*font-family: var(--font-title);*/
}

.ir--login--content button,
.ir--login--inner .btn {
    text-transform: uppercase;
}

.thumbnail--content .heading {
    font-family: var(--font-title);
    white-space: normal;
}
}

.ir--element--content {
    background: #F4F4F4;
}

.ir--title--line,
.intro--zone--line {
    background: var(--color-secondary);

}

.ib-widget--overlay {
    position: fixed;
    display: none;
    z-index: 100;
    background: rgb(0 0 0 / 63%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.brand img {
    width: 150px;
    height: 70px;
    object-fit: contain;
}

.home--brands {
    display: flex;
    padding-bottom: 80px;
    justify-content: center;

}

.brand {
    margin: 10px;
    margin-left: 25px;
    margin-right: 25px;
}

.footer-menus ul {
    padding: 0px;
    padding-left: 10px;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    /* text-align: center; */
    align-items: center;
    justify-content: center;
}

.footer-menu {
    list-style: none;
    margin: 0 20px;
}

/*
    
        page our hotels
     */

.uh-single-line>.col-1-2,
.uh-single-line>.col-1-2>.uh-map-hotels {
    height: 100%;
}

.uh-single-line>.col-1-2>.uh-map-hotels>img {
    height: 100%;
    object-fit: cover;
}

.uh-tob-title {
    text-align: center;
}

.uh-address,
.uh-time {
    margin-top: 40px;
}

.uh-address ul {
    padding-left: 0px;
}

.uh-tob-content--wb h3,
.uh-tob-info h3 {
    font-size: var(--font3x);
}

.uh-tob-info {
    margin-top: 40px;
    border: 1px solid #ccc;
    padding: 40px 10px;
}

.uh-tob-info h3 {
    text-align: center;
}

.uh-tob-info p {
    text-align: justify;
}

.uh-tob-content--wb {
    /*margin-top: 80px;*/
}

.uh-section .list-brand--title {
    font-size: var(--font6x);
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: var(--font-title);
    color: var(--color-secondary);
    font-size: var(--font6x);
    text-align: left;
    font-weight: 600;
}

.uh-section .ir-promotion-home--single__intro h4 {
    font-size: var(--font3x);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.uh-tob-content--wb p {
    text-align: justify;
}

.uh-section p {
    letter-spacing: .5px;
}

.uh-tob-zone {
    margin-top: 40px;
}

.uh-tob-head {
    background: var(--color-button);
    padding: 20px;
}

.uh-tob-head h3 {
    font-family: var(--font-family);
    font-weight: 600;
    text-transform: uppercase;
    font-size: var(--font3x);
    margin: 0;
}

.uh-tob-head:after {
    content: "\\e649";
    font-family: themify;
}

.uh-tob-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.uh-tob-head.active:after {
    transition: var(--transition-main);
    transform: rotate(90deg);
}

.uh-tob-content {
    background: #f4f4f4;
    padding: 40px 20px;
    display: none;
}

.ir-promotion-home--single__imgage img {
    height: 250px;
    width: 100%;
    object-fit: cover;
}

.ir-promotion-home--single__content img {
    width: 100px;
    height: 50px;
    object-fit: contain;
    filter: brightness(400);
}

.uh-section h4 {
    font-size: var(--font3x);
}

.ir-promotion-home--single__imgage {
    position: relative;
    overflow: hidden;
}

.ir-promotion-home--single:hover .ir-promotion-home--single__content {
    transform: translateY(0);
}

.ir-promotion-home--single:hover .ir-promotion-home--single__imgage>img {
    transform: scale(1.5);
    transition: all 6s ease;
}

.ir-promotion-home--single__content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    transform: translateY(100%);
    transition: var(--transition-main);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
}

.ir-promotion-home--single__content .name {
    color: #fff;
    text-align: center;
}

.ir-promotion-home--single__intro {
    text-align: center;
}

.ir-promotion-home--single {
    margin-bottom: 40px;
}

.ir-promotion-home--single__book .btn {
    padding: 10px;
    border-radius: 0;
    width: 100%;
    font-size: var(--font3x);
    font-family: var(--font-family);
    text-transform: uppercase;
    box-shadow: none;
}

.selectize-dropdown [data-selectable] {
    font-family: var(--font-button);
}

/* table benefits home */
.home--benefits {
    display: flex;
    flex-direction: row;
    background: #f5f5f5;
}

.home--benefits--nav {
    display: flex;
    flex-direction: column;
    width: 200px;
    border-right: 1px solid #fff;
}

.home--benefits--button {
    flex: 1;
    background: #f5f5f5;
    color: var(--color-secondary);
    border-radius: 0;
    border: none;
    box-shadow: none;
    padding: 40px;
    font-size: var(--font8x);
    font-weight: 400;
}

.home--benefits--button.active[data-type="classic"],
.home--benefits--button[data-type="classic"]:hover {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_classic.jpg);
    background-position: center;
    color: #000;
    background-size: cover;
}

.home--benefits--button.active[data-type="silver"],
.home--benefits--button[data-type="silver"]:hover {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_silver.jpg);
    background-position: center;
    color: #000;
    background-size: cover;
}

.home--benefits--button.active[data-type="gold"],
.home--benefits--button[data-type="gold"]:hover {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_gold.jpg);
    background-position: center;
    color: #000;
    background-size: cover;
}

.home--benefits--button.active[data-type="platinum"],
.home--benefits--button[data-type="platinum"]:hover {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_platinum.jpg);
    background-position: center;
    color: #000;
    background-size: cover;
}

.home--benefits--content {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hb--single {
    list-style: none;
}

.home--benefit h2 {
    text-align: center;

    font-size: 34px;

}

.home--benefit h2:after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background: var(--color-secondary);
    margin: 0 auto;
    margin-bottom: 40px;
}

.hb--single {
    color: #000;
    padding: 10px 40px;
    font-size: var(--font3x);
}

.hb--single i {
    margin-right: 10px;
}

.all--home--benefit {
    padding: 0px;
}

.home--benefit {
    display: none;
}

.home--benefit.active {
    display: block;
}

.home--benefits--content .btn--learnmore {
    /*background: none;*/
    padding: 10px 30px;
    border-radius: 0px;
    margin: 0 auto;
    display: block;
    width: 300px;
    box-shadow: none;
}

/* ************  */
/*  custom page */
.page_static .ir-promotion-home--single__intro {

    margin-top: 10px;
    margin-bottom: 10px;
}

.page_static .ir-promotion-home--single__intro a {
    color: var(--color-secondary);

}

.page_static .ir-promotion-home--single__intro h4 {
    margin: 0;
}

.page_static .ir-promotion-home--single__intro:after {
    background: var(--color-secondary);
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

.page_static .ir-promotion-home--single__book .btn {
    background: none;
    border: 0;
}

.page_static .ir-promotion-home--single {
    margin-bottom: 40px;
    background: #f5f5f5;
}

.page_static .ir-promotion-home--single__book a.btn:hover {
    color: var(--color-button);
}

.page_static .ir-promotion-home--single__book a:after {
    content: "\\e649";
    font-family: themify;
}

.page_static .ir-promotion-home--single__book a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uh-tob-content--wb h3:after {
    background: var(--color-secondary);
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;


}

.uh-tob-info h3:after {
    background: var(--color-secondary);
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;


}

.uh-time h4:after {
    background: var(--color-secondary);
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    /*margin: 0 auto;*/
    margin-bottom: 10px;
    margin-top: 10px;
}

.uh-time p {
    margin-bottom: 0;
}

.uh-intro-hotels h3:after {
    background: var(--color-secondary);
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    /*margin: 0 auto;*/
    margin-bottom: 10px;
    margin-top: 10px;


}

.list-brand--title div:after {
    background: var(--color-secondary);
    content: '';
    width: 100px;
    height: 1px;
    display: block;
    /*margin: 0 auto;*/
    margin-bottom: 10px;
    margin-top: 10px;


}

.uh-section .row>.uh-single-line {
    width: 100%
}

/* ***************** */
/* home slider */
.home--banner .NextArrow {
    position: absolute;
    top: 50%;
    right: 0px;
    /* width: 45px; */
    /* height: 45px; */
    background: rgba(0, 0, 0, .50);
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    color: #FFF;
    z-index: 1;
    font-size: 30px;
    background: transparent;
    box-shadow: none;
}

.home--banner .NextArrow:before {
    content: "\\f054";
    font-family: "Font Awesome 5 Free";
}

.home--banner .PrevArrow {
    position: absolute;
    top: 50%;
    left: 0px;
    /*width: 45px;*/
    /*height: 45px;*/
    background: rgba(0, 0, 0, .50);
    border: 0 none;
    margin-top: -22.5px;
    text-align: center;
    font-family: "Font Awesome 5 Free";
    color: #FFF;
    z-index: 1;
    font-size: 30px;
    background: transparent;
    box-shadow: none;
}

.home--banner .PrevArrow:before {

    content: "\\f053";
    font-family: "Font Awesome 5 Free";
}

/*  ****************** */
.promotion--page--more {
    color: var(--color-secondary);
    font-weight: bold;
    font-size: var(--font3x);
    display: flex;
    align-items: center;
}

li.ir-sub-menu-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ir-sub-menu-dropdown:before {
    display: none;
}

.ir-sub-menu-dropdown button {
    background: none;
    box-shadow: none;
    border: 0;
    color: #fff;
    height: 60px;
}

/* table benefits page */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-scroll-behavior: smooth;
    scroll-behavior: smooth;
}

.benefit-table ol {
    padding-left: 20px;
    list-style-type: decimal;
    font-size: 14px;
    font-style: italic;
}

.benefit-table ol li {
    list-style: decimal;
    padding-left: 5px;
}

.membership_tbl {
    box-shadow: 0 0 10px 0px #ccc;
}

.benefit--tips {
    /*box-shadow: 0 0 10px 0px #ccc;*/
    font-size: var(--font4x);
    border-radius: 20px;
    padding: 40px 0;
}

.benefit--tip i {
    color: #000;
    font-size: var(--font8x);
    color: var(--color-secondary);
    border: 1px solid var(--color-secondary);
    background: #fff;
    font-size: var(--font6x);
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto;
}

.benefit--tip span {
    font-size: var(--font4x);
    color: #000;
    display: block;
    font-weight: 500;
    font-family: var(--font-title);
}

.nav-tabs .nav-link {
    font-family: var(--font-title);
    font-size: var(--font4x);
    min-width: 130px;
    text-align: center;
    background: #cccc;
    border-radius: 0px;
    margin: 0 1px;
    color: #888;
}

.benefit--tip .description {
    color: #818181;
    font-size: var(--font2x);
}

.benefit--tip {
    text-align: center;
    margin: 10px 0;
    padding: 20px 0;
    border: 1px solid #f5f5f5;
}

.panel--member--header {
    margin: 80px 0;
    box-shadow: 0 0 10px 0px #ccc;
    font-size: var(--font4x);
    border-radius: 20px;
    padding: 40px 0;
    text-align: center;

    background-position: center !important;
    /* color: #000; */
    background-size: contain !important;
}

.panel--member--header .icon {
    font-size: 50px;
    color: #a3b4b9;
}

#silver .panel--member--header .icon {
    color: silver;
}

#silver .panel--member--header h3 {
    color: #fff;
}

#gold .panel--member--header .icon {
    color: gold;
}

#platinum .panel--member--header .icon {
    color: platinum;
}

#classic .panel--member--header {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_classic_v2.jpg);
}

#silver .panel--member--header {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_silver_v2.jpg);
}

#gold .panel--member--header {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_gold_v2.jpg);
}

#platinum .panel--member--header {
    background: url(https://ireward.superghs.com/resource/dorsett_demo/page/member_card_platinum_v2.jpg);
}

/*  ______________________________________  */
/* partner page */
.partner {
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 7%);
    border-radius: 20px;
    display: flex;
    margin-bottom: 20px;
}

.partner--image {
    border-radius: 20px 0 0px 20px;
    width: 500px;
}

.partner--content {
    padding: 20px;
    background: #fff;
}

.partner--info {}

.partner--info p {
    margin: 0;
}

.partner--info .btn {
    padding: 5px 30px;
    margin-top: 10px;
    background: #fff;
    border: 1px solid #2c2762;
}

.partner--info .btn:hover {
    background: #2c2762;
    color: #fff;
}

/*  ________________________________________  */
/* contact */
.contact--faqs {
    padding: 0 120px;
}

.contact--faq {
    margin-bottom: 20px;
    border-radius: 20px;
    border: 1px solid #f5f5f5;
    box-shadow: 0 0 10px 0 #ccc;
}

.contact--faq--head {
    display: flex;
    align-items: center;
    padding: 20px 40px;
    justify-content: space-between;
    font-size: var(--font4x);
    cursor: pointer;
    /*border: 1px solid #ccc;*/
    /*border-radius: 20px;*/

}

.contact--faq--head:hover,
.contact--faq.show .contact--faq--head {
    color: #5ec1c4;
}

.contact--faq--body {
    display: none;
    /*border: 1px solid #ccc;*/
    padding: 20px 40px;
    border-top: 0;
}

.contact--faq.show {}

.contact--faq--head .fa-angle-right {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: #f5f5f5;
    font-size: var(--font3x);
    color: #5ec1c4;
}

.contact--faq--head:hover .fa-angle-right,
.contact--faq.show .fa-angle-right {
    transition: 0.3s all ease;
    transform: rotate(90deg);
    background: #5ec1c4;
    color: #fff;
}

/*  ________________________________ */
.our--hotel[data-id="3042"] {
    display: none !important;
}

.membership_card {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(51 51 51 / 72%);
    z-index: 999;
    padding: 10px;
    display: none;
}

.membership_card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.membershipcard--wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #fff;
    width: 100%;
    height: 100%;
}

.membership_card button {
    position: absolute;
    right: 5px;
    top: 5px;
}

.membership_card.active {
    display: block;
}

.ir--bc--content {
    width: 650px;
    padding: 20px;
}

.ir--bc--box {
    right: initial;
    left: 50px;
}

.ir--home--bannercenter {
    margin-top: 100px;
    /*margin-bottom: 100px;*/
}

.ir--bc--content p {
    margin: 0;
    font-size: 14px;
}

.ir--bc--content h4 {
    margin: 0;
    font-size: 18px;
}

.ir--home--bannercenter--content img {
    width: 100%;
    height: 700px;
    object-fit: cover;
}

@media screen and (max-width: 800px) {
    header.init {
        background: #ffffff;
    }

    header .hv2--trigger--menu {
        color: #000;
    }

    header .hv2--logo img {
        filter: brightness(0);
    }

    header .hv2--trigger--login {
        background: var(--color-button);
        /*border: none;*/
        box-shadow: none;
        border-color: var(--color-button);
        /*padding: 6px 20px;*/
        color: #000;
    }

    header .hv2--trigger--booknow {
        box-shadow: none;
        color: #000;
        opacity: 1;
        visibility: visible;
        border-color: #333;
        background: transparent;
    }

    .hide--mobile {
        display: none;
    }

    header .hv2--trigger--login {

        display: none;
    }

    .header--v2 {
        padding: 15px 10px;
    }

    header .hv2--trigger--booknow {
        padding: 10px;
    }

    /* header */
    header .menu__middle {
        display: none;
    }

    header .hv2--logo img {
        filter: brightness(0);
    }

    header .hv2--trigger--booknow {
        box-shadow: none;
        color: #000;
        opacity: 1;
        visibility: visible;
        border-color: #333;
        background: transparent;
        display: block;
    }

    .menu__middle {
        display: none;
    }

    /*  */
    .intro--zone--text {
        width: 100%;
    }

    .ir--bc--content {
        width: 100%;
        box-shadow: none;
    }

    .membership_tbl h3 {
        font-size: var(--font3x);
    }

    .ib--widget--zone {
        display: block;
        margin-top: initial;
        z-index: initial;
    }

    .ib-widget {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(100%);
        transition: var(--transition-main);
        padding: 40px 10px;
        z-index: 101;
        border-radius: 20px 20px 0px 0px;
    }

    .ib--widget--zone.active .ib-widget--overlay {
        display: block;
    }

    .ib--widget--zone.active .ib-widget {
        transform: translateY(0);
    }

    .trigger--ib--zone {
        border-radius: 0px;
        box-shadow: 0px 4px 10px 0 #ccc;
        font-size: var(--font3x);
        width: 100%;
        padding: 10px;
        text-transform: uppercase;

    }

    button.ib-control {

        font-size: var(--font5x) !important;
        padding: 15px;
        line-height: initial !important;
        height: initial !important;
        /*border-radius: 0px !important;*/
    }

    .footer-menus ul {
        flex-direction: column;
        align-items: baseline;
        padding-left: 0px;
        margin-top: 0px;
    }

    .footer-menu {
        margin: 10px 20px;
    }

    footer address span,
    .btw--footer--powered {
        font-size: var(--font3x);
    }

    .promotion--home--single {
        margin-bottom: 20px;
    }

    .promotion--home--single>.ir--element {
        display: block !important;
    }

    .ir--element--short--des {
        height: initial;
    }

    .i--slide--container {
        width: calc(100vw - 40px);
    }

    .uh-single-line>.col-1-2,
    .uh-single-line>.col-1-2>.uh-map-hotels {
        height: initial;
    }

    .selectize-dropdown [data-selectable] {
        font-family: var(--font-button);
        font-size: var(--font5x);
    }

    /* MENU responsive  */
    .header--nav--menu {
        display: block;
        background: transparent;
    }

    .hmenus {
        padding-left: 40px;
        overflow: auto;
        height: calc(100vh);
        padding-bottom: 200px;
    }

    .hmenu {
        width: 100%;
        flex-basis: 100%;
        font-size: var(--font3x);
    }

    .hmenu--sub a {
        font-size: var(--font3x);
    }

    .i--slide.active.extend .header--nav--menu {
        display: none;
        transition: var(--transition-main);
        /*transform: translateX(-100vw);*/
    }

    .header--nav--menu a {
        color: #fff !important;
    }

    .ir-sub-menu-dropdown {
        padding-left: 15px !important;
    }

    /*  ----------------------------------------------------- */
    /* table benefits home */
    .home--benefits {
        flex-direction: column;
        flex-wrap: wrap;
    }

    .home--benefits--nav {
        flex-direction: row;
        width: 100%;
    }

    .home--benefits--button {
        padding: 10px;
        font-size: var(--font3x);
    }

    .home--benefits--content {
        padding: 40px 10px;
    }

    /* _____________________ */
    body,
    p,
    li {
        font-size: var(--font3x);
    }

    .ib-datepicker {
        min-width: 90%;
    }

    .membership_tbl p,
    .membership_tbl li,
    .membership_tbl {
        font-size: 13px;
    }

    .ir--element--re--title {
        font-size: var(--font3x);
    }

    .ir--element--short--des {
        font-size: var(--font3x);
    }

    .footer--content {
        padding-top: 40px;
    }

    .modal--membermenu--title,
    .modal--memberinfo--title {
        font-family: var(--font-button);
        text-transform: uppercase;
    }

    .modal--mobile--content {
        transition: var(--transition-main);
    }

    .ir--menus>li {
        padding: 0;
    }

    /*page table benefits*/
    .admin-setting .nav-tabs .nav-link {
        font-size: var(--font1x);
        min-width: 50px;
        padding: 5px 10px;
    }

    .benefit--tip i {
        font-size: var(--font4x);
        width: 40px;
        height: 40px;
    }

    .benefit--tip {
        height: 100%;
        margin-bottom: 10px;
    }

    /*  ____________  */
    /* page partner  */
    .partner--page--head {
        flex-direction: column;
    }

    .partner--filter {
        margin-left: 0px !important;
    }

    .partner--page .partner {
        flex-direction: column;
    }

    .partner--image {
        width: 100%;
        border-radius: 20px;
    }

    .partners {
        margin-top: 20px;
    }

    .partner--info .btn {
        padding: 10px 30px;
        width: 100%;
        background-color: #2c2762;
        color: #fff;
    }

    /*  ____________  */
    /*  page contact */
    .contact--faqs {
        padding: 10px;
    }

    .contact--faq--head .fa-angle-right {
        flex-shrink: 0;
    }

    /* ____________________________  */
    #modalSignupBooknow .modal-footer {
        flex-direction: column;
    }

    #modalSignupBooknow .modal-footer .btn {
        margin-bottom: 10px;
        width: 100%;
    }

    .header--nav--menu {
        padding-left: 20px;
        padding-top: 0px;
        margin-top: 60px;
    }

    .ir-sub-menu-dropdown button {
        height: 60px;
        font-size: 18px;
    }

    .intro--zone {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 520px) {
    .header--nav--menu a {
        font-size: 16px;
    }

    .header--nav--menu {
        padding-left: 10px;
    }

    .ir-sub-menu-dropdown button {
        height: 50px;
        font-size: 16px;
    }

    .container {
        padding: 20px 10px;
    }

    .account__content {
        padding: 2px;
    }

    .modal--mobile.active .modal--mobile--content {
        top: 200px;
        overflow-y: scroll;
    }

    .account__content__list {
        padding: 10px;
    }

    .ir--home--bannercenter--content img {
        height: initial;
    }

    .ir--bc--box {
        left: 0px;
    }

    .header--v2 {
        padding: 5px 10px;
    }
}
.thumbnail--single{
    height: 480px;
}
#cookie_zone{
    padding: 10px !important;
        background-color: #374793e3 !important;
            /*max-width: 500px;*/
                right: 0;
}
#cookie_zone a{
    max-width: 120px;
    display: inline-block !important;
    margin: 2px;
}