@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
/*Poppins*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700;800;900&display=swap');
/*font-family: 'Poppins', sans-serif;*/
/*End Poppins*/
/*Open Sans*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
/*font-family: 'Open Sans', sans-serif;*/
/*End Lato*/
/*Open Sans*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
/*font-family: 'Lato', sans-serif;*/
/*End Lato*/
/*Oswald*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*font-family: 'Oswald', sans-serif;*/
/*End Oswald*/
/*Source Sans Pro*/
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');
/*font-family: 'Source Sans Pro', sans-serif;*/
/*End Source Sans Pro*/
/*Raleway*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*font-family: 'Raleway-serif;*/
/*End Raleway*/
/*Merriweather*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');
/*font-family: 'Merriweather', serif;*/
/*End Merriweather*/
/*Rubik*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');
/*font-family: 'Rubik', sans-serif;*/
/*End Rubik*/
@charset "UTF-8";
@charset 'iso-8859-15';

:root {
    --primary: #0072e4;
    --black: #000000;
    --white: #ffffff;
    --gray: #f2f2f2;
    --border-color: #d9d9d9;
    --light-black: #616161;
}

body, button, html, input, select, textarea, tbody, tfoot, .checkbox label, .radio label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    font-weight: 400;
    /*color: #404040;*/
    letter-spacing: 0.02em;
}

p {
    font-weight: 500;
}

.padding-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.checkbox label, .radio label {
    font-weight: 500;
}

.btn.active, .btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}

.text-white {
    font-family: 'Montserrat', sans-serif !important;
}

.radio label {
    font-family: 'Montserrat', sans-serif !important;
}

.form-control {
    color: #404040;
}

#wrapper {
    background: #edf1f5;
}

/*.container {
    background: #edf1f5;
}*/

/* margin padding and flex */
.m-b-20 {
    margin-bottom: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.d-flex {
    display: flex;
}

.d-flex-wrap {
    flex-wrap: wrap
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mb-20 {
    margin-bottom: 20px
}

.flex-align-top {
    align-items: flex-start;
}

.flex-align-center {
    align-items: center;
}

.flex-align-bottom {
    align-items: flex-end;
}

.flex-align-stretch {
    align-items: stretch;
}

.flex-justify-start {
    justify-content: flex-start;
}

.flex-justify-center {
    justify-content: center;
}

.flex-justify-end {
    justify-content: flex-end;
}

.w-100 {
    width: 100%
}
/* End margin padding and flex */

/* common colors */
.common-bg {
    background-color: var(--primary) !important;
}

/*.common-bg-font {
    color: var(--white) !important;
}*/

.common-color {
    color: var(--primary) !important;
}

.btn-common-clr {
    color: var(--white) !important;
}
/* End common colors  */

header {
    float: left;
    width: 100%;
    background: var(--primary);
    margin-bottom: 10px;
    /*padding: 5px 0;*/
}

    /*header .container {#
        background-color: #58583c !important;
    }*/

    header .headeName {
        padding-bottom: 0px;
        border: none;
        line-height: 1.1;
    }

.headeName a {
    color: #ffffff;
}

header .availability-nav a, header .property-nav a {
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 16px;
    /*color: #404040;*/
    color: #fff !important;
}

header .property-nav {
    padding-left: 30px;
}

header .rateit .rateit-range {
    left: 0;
}

header .availability-nav::after {
    content: '';
    display: inline-block;
    height: 18px;
    width: 1px;
    background-color: #404040;
    margin-left: 18px;
    position: absolute;
    bottom: 8%;
}

header .fa-map-marker {
    font-size: 1.5em;
    padding: 7px 9px;
    border-right: 1px solid #d7d7d7;
    color: #000000;
}

#headerNavBar .navbar1, .navbar-inverse1 {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
}

#headerNavBar .nav1 li {
    display: inline;
    color: white;
}

#headerNavBar .navbar-inverse1 .navbar-nav1 > li > a {
    color: #ffffff;
    font-family: Lato;
    font-size: 1.7em;
    font-weight: 300;
    padding: 30px 25px 33px 25px;
}

#headerNavBar .navbar-inverse1 .navbar-nav1 li a:hover {
    background-color: #444444;
    transition: 0.7s all linear;
    height: 100%;
}

header nav {
    display: inline-block;
    width: 100%;
}

    header nav .navbar-collapse {
        width: 100%;
        padding-top: 8px;
    }

/*#google_translate_element::before {
    content: '';
    display: inline-block;
    height: 30px;
    width: 2px;
    background-color: #d7d7d7;
    position: absolute;
    bottom: 20%;
    left: -2px;
}*/

#google_translate_element .goog-te-gadget {
    display: inline-block;
    width: 100%;
}

.availability-sec-bg {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

    .availability-sec-bg h3 {
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        font-size: 16px;
    }

    .availability-sec-bg button, .go-back-btn {
        border: 2px solid #ffffff;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600;
        font-size: 12px;
        padding: 8px 10px;
        text-shadow: none !important;
    }

        .availability-sec-bg button:hover {
            border: 2px solid #ffffff;
        }

    .availability-sec-bg .currency:after {
        content: '';
        position: absolute;
        right: 18px;
        top: 15%;
        width: 2px;
        height: 18px;
        background: #ffffff;
    }

.btnAvailability-main, .promobtn-main {
    margin-top: 25px !important;
}

    .promobtn-main .availability_btn {
        width: 21%;
    }

.availability-check-bg {
    /*background-color: #ffffff;*/
    background-color: #f6f5f5;
    padding: 20px 15px 10px 15px;
    box-shadow: 2px 9px 20px 0px #edf1f5;
    -webkit-box-shadow: 2px 9px 20px 0px #edf1f5;
    -moz-box-shadow: 2px 9px 20px 0px #edf1f5;
    z-index: 9;
}

.fixedHeaderBackground th {
    /* Vijay : This two proerty set from Supplier
        background-color: #ffffff;
    color: #030200;*/
    padding: 10px 10px 5px 10px !important;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 10px !important;
}

/*#FixHeader tbody th, #FixHeader tbody td {
    padding: 20px 10px !important;
    background: #ffffff;
}*/

#FixHeader tbody th, #FixHeader tbody td {
    padding: 20px 10px !important;
    background: #ffffff;
}

/*#FixHeader .roomfacilities-list:before {
    content: '';
    display: inline-block;
    height: 45px;
    width: 1px;
    background-color: #d7d7d7;
    position: absolute;
    bottom: 50%;
    right: 25px;
    top: 0;
}*/
#FixHeader .read-more {
    display: block;
    padding: 6px 20px;
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
    text-shadow: none;
}

#FixHeader .room-rateplanname {
    font-family: 'Montserrat', sans-serif !important;
    /*color: #404040;*/
    font-size: 14px;
    font-weight: 500;
}

#FixHeader .select-bed {
    font-family: 'Montserrat', sans-serif !important;
    /*color: #404040;*/
}

#btnReserve {
    padding: 10px 15px;
    width: auto;
    height: auto;
    font-size: 14px !important;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif !important;
    text-transform: capitalize;
    width: 80%;
    margin: 0 20px;
    display: inline-block;
}

#FixHeader .fa-minus, #FixHeader .fa-plus {
    color: #d9d9d9;
    border: 1px solid #d9d9d9;
    border-radius: 50%;
    font-size: 14px;
}

#FixHeader .fa-minus {
    padding: 7px 5px 5px 5px;
    margin-left: 10px;
}

#FixHeader .fa-plus {
    padding: 7px 6px 6px 6px;
}

    #FixHeader .fa-minus:hover, #FixHeader .fa-plus:hover {
        color: #0073e4;
        border: 1px solid #0073e4;
    }

#FixHeader .fa-minus-active, #FixHeader .fa-plus-active {
    color: #0073e4;
    border: 1px solid #0073e4;
}

.desc, .facility {
    color: #404040 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    font-weight: 500;
}

#FixHeader .roomfacilities-list, .facilities-list {
    line-height: 24px;
    font-family: 'Montserrat', sans-serif !important;
}

#FixHeader .rooms-name a {
    font-size: 20px;
    color: #404040;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
}

#FixHeader .room-para {
    font-family: 'Montserrat', sans-serif !important;
    color: #404040;
    font-size: 13px;
}

#FixHeader .room-amount {
    color: #404040;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif !important;
}

#FixHeader .rooms-total span {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 16px;
    color: #404040;
    font-weight: 500;
}

#FixHeader .rooms-total {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 0px;
}

    #FixHeader .rooms-total span {
        font-weight: 500;
        font-size: 16px;
    }
/*#FixHeader .rooms-total span {
        color: var(--primary);
    }*/
.show_promo_code {
    text-align: center;
}

    .show_promo_code a {
        color: var(--primary);
    }

.conf-reserve-rooms {
    color: var(--black);
    font-size: 14px;
    /*margin-bottom: 10px;*/
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 125px;
    text-align: center;
    margin-bottom: 5px;
    display: inline-block;
}

.conf-reserve-rooms1 {
    float: left;
    /*color: #404040;*/
    font-size: 14px;
    /*margin-bottom: 10px;*/
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 125px;
}

.seletedRateplan {
    padding-top: 5px !important;
    font-size: 14px;
}

    .seletedRateplan h5 {
        color: #404040;
        float: left;
        font-weight: 500;
        font-family: 'Montserrat', sans-serif !important;
        text-transform: capitalize;
        font-size: 15px;
        width: 78%;
        padding-bottom: 12px;
    }

    .seletedRateplan h6 {
        /*float: right;*/
        padding-bottom: 0;
        color: #3f3f3f;
        font-weight: 500;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 15px;
    }

.currency-dropdown {
    font-size: 14px;
    padding-top: 0;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
    /*background: transparent;*/
}

/*.currency-dropdown > option {
        color: #404040 !important;
    }*/

.availability-sec-bg .currency {
    font-size: 14px;
    padding-top: 0;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif !important;
}

.currency-dropdown {
    width: 15em;
}

.availability-check-bg .form-control, .promot-arrival-date .form-control {
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    font-weight: 500;
}

.availability-check-bg label {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #404040;
}

/*.availability-check-bg .input-group-btn:last-child > .btn, .promot-arrival-date .input-group-btn:last-child > .btn {
    border-radius: 0px;
    background: #ffffff;
    color: #404040;
    padding: 0.2em 0.8em;
    border: 1px solid #d7d7d7;
}*/

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    visibility: visible !important;
}
/*added new CSS : Raj 26-12-2019*/

.fixed-top {
    position: fixed;
    width: 100%;
    top: 0;
    /*background: White;*/
    /*background: #58583c;*/
    z-index: 999;
    padding: 0 0 5px;
    left: 0;
    float: left;
}

.pointer {
    cursor: pointer;
}

.goog-te-combo {
    height: 30px;
    width: 99%;
    border: 1px solid #d7d7d7;
    margin: 0 !important;
}

.selectpicker {
    height: 25px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
}

#VoucherName {
    background: transparent;
    border: none;
    border-bottom: 1px solid #404040;
    border-radius: 0px;
    box-shadow: none;
}

.desc, .facility {
    color: black !important;
    padding: 0 0 0px !important;
}

.currency-dropdown {
    /*border: 0px;
    font-size: 16px;*/
    padding: 3px;
    width: 17em;
    line-height: 1;
}

.Promotion-button {
    border-radius: 20px;
}

.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
}

.setradius {
    border-radius: 14px 14px 0px 0px !important;
}

.setarticle-radius {
    border-radius: 0px 0px 0px 0px !important;
}

#btnAvailability {
    width: 90%;
    text-shadow: none;
}

.availability_btn {
    background-color: #0172E4;
    text-align: center;
}

#Property, #property_facility, #property_things {
    display: none;
}


#Property, #room_desc, #room_facility {
    display: none;
}

.hideTab {
    display: none;
}

Property ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    Property ul li {
        display: block;
        float: left;
        margin: 0;
        width: 100%;
    }


.lightSlider img {
    height: 500px !important;
}

.property_header_bg {
    margin-top: -19px;
    background-color: rgb(54, 90, 62); /*Table_BackgroundColor*/
}

.property_header_text_color {
    color: #ffffff; /*Table_FontColor*/
    margin: 0px;
    padding: 10px;
    font-size: 18px;
}

.tab_border {
    border-right: 1px solid white;
    text-align: center;
    cursor: pointer;
}

.active-select {
    color: #faa12b !important;
}

/*.active-select-tab {
    color: #faa12b !important;
    border-bottom: 2px #faa12b solid;
}*/

.active-tab {
    color: #faa12b !important;
    /*border-bottom:1px solid #E6A843;*/
}

.availability-nav .active-tab:after, .property-nav .active-tab:after {
    content: '';
    display: inline-block;
    height: 2px;
    width: 90px;
    background-color: #faa12b;
    position: absolute;
    bottom: 50%;
}

.availability-nav .active-tab:after {
    right: 9px;
    bottom: -6px;
}

.property-nav .active-tab:after {
    left: 55px;
    bottom: -6px;
}

.about_bg {
    background-color: white;
    padding-top: 15px;
}

.icon-size {
    font-size: 35px;
}

.facility_border {
    border: 1px solid lightgray;
    padding: 10px;
    margin-bottom: 15px;
}

.setBottomRadius {
    border-radius: 0px 0px 15px 15px;
}

.booking-img-responsive {
    display: block;
    max-width: 100%;
    min-width: 100%;
    height: auto;
    border-radius: 10px 10px 0px 0px;
}

/*.booking_bg {
    background-color: white;
}*/

#changeDate {
    padding: 4px 5px;
    font-size: 13px !important;
    font-weight: 500;
}

.textbox_border {
    border: 1px solid lightgrey !important;
    border-radius: 0px;
    height: 35px;
    width: 100%;
}

.has-error .form-control {
    border-color: #fb9678 !important;
}

/*#modal-RoomDetail, #DealModalId, #modal-Map, #responsive_modal {
    padding-top: 5%;
}*/

.contents {
    margin: 0px !important;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    color: #7BA2BD;
    background: #7BA2BD;
}

.property_header_bg h3 b {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.about-heading, #property_facility .facilities-heading, #property_things .heading {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 22px;
}

.about_bg .fa-map-marker {
    font-size: 40px;
    line-height: 0;
}

.about_bg label b {
    font-family: 'Montserrat', sans-serif;
    color: #404040;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
}

.about_bg label:last-child {
    font-family: 'Montserrat', sans-serif;
    color: #404040;
    font-size: 12px;
    font-weight: 500;
}

.about_bg hr {
    margin-top: 10px;
}

.about_bg .SetPropertytag {
    color: #404040 !important;
    font-size: 14px;
}

.about_bg .check-in-out {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-bottom: none;
    font-size: 18px;
}

.about_bg .check-in-out-time {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #404040;
    font-weight: 600;
}

.list-triangle li::before {
    content: "\2BC8";
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: -5px;
    font-size: 12px;
    border-top: none;
    border-bottom: none;
    border-left: none;
    color: #959595;
}

#property_facility {
    float: left;
    width: 100%;
}

    #property_facility .facility_border {
        border: 1px solid #d7d7d7;
    }

.facility_border ul li, .facility_border ul li h4 {
    font-family: 'Montserrat', sans-serif;
    color: #404040;
}

    .facility_border ul li h4 {
        font-size: 16px;
        font-weight: 500;
    }

.facility_border ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: unset;
}

#property_facility .setBottomRadius {
    padding: 15px 30px;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
}

/*footer .container {
        background: #ffffff;
    }*/
/*.availability_bg {
    margin-top: -19px;
    background-color: @Table_BackgroundColor;
    color: @Table_FontColor;
}*/
.Sethrstyle {
    border-color: #e6e6e6 !important;
}

.book-resrve-page .booking-detail-date label {
    font-family: 'Montserrat', sans-serif;
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

    .book-resrve-page .booking-detail-date label b {
        font-weight: 600;
        /*color: #404040*/
    }

.book-resrve-page .panel-body label, .book-resrve-page .panel-body text h4 {
    font-family: 'Montserrat', sans-serif;
    /*color: #404040;*/
    font-weight: 500;
}

.SetLabel {
    font-weight: 500;
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px;
}

.room_n_ft {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif !important;
    /*color: #404040;*/
}

.fa-times-circle-o:before {
    content: "\00d7";
    border: 1px solid #ccc;
    border-radius: 100%;
    padding: 0 2px;
    font-size: 16px;
}

#DealTitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-bottom: none;
    padding-left: 12px;
}

.booking-extras {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-bottom: none;
}

/*.form-horizontal .control-label {
    font-family: 'Montserrat', sans-serif;
}*/

.checkbox-success input[type="checkbox"]:checked + label::after {
    margin-top: 0 !important;
    /*color: #404040;
    background: #d7d7d7;*/
}

/*.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #d7d7d7;
    border-color: #d7d7d7;
}*/

.booking-extras-main h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.book-page-details h2 {
    font-weight: 300;
    font-size: 18px;
    font-weight: 500;
}

.radio-info input[type="radio"]:checked + label::before {
    border: 1px solid #3e3c3c;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #0580fb;
}

.radio label::before {
    border: 1px solid #3e3c3c !important;
}

.radio label::after {
    background-color: #0580fb !important;
}

.book-page-pay-meth, .book-page-det-panel {
    padding-left: 30px !important;
}

    .book-page-pay-meth .panel-body {
        padding: 10px 10px 10px 5px !important;
    }

.book-promostion-form .control-label {
    text-align: left;
    padding-left: 0px;
    font-size: 15px;
    /*color: #404040;*/
    font-weight: 500;
}

.book-promostion-form.radio-info {
    width: 2%;
    padding-left: 32px;
}

.book-page-pay-meth button, .book-page-det-panel button {
    border-radius: 0;
    font-weight: 500;
    padding-top: 8px;
}

#modal-booking-summary {
    left: -45%;
    font-family: 'Montserrat', sans-serif;
}

    #modal-booking-summary .panel {
        border-radius: 22px;
        overflow: hidden;
        font-family: 'Montserrat', sans-serif;
    }

        #modal-booking-summary .panel .panel-heading {
            border-radius: 22px 22px 0 0;
            padding: 15px 15px 8px 15px !important;
            font-family: 'Montserrat', sans-serif;
        }

    #modal-booking-summary .modal-body {
        padding: 15px 0 0 0;
        font-family: 'Montserrat', sans-serif;
    }

    #modal-booking-summary .SetContent {
        border: none;
        /*background: #e4a100;*/
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        font-size: 16px;
        padding: 0;
    }

    #modal-booking-summary .panel .panel-heading {
        background: #0072e4;
    }

    #modal-booking-summary h4, #modal-booking-summary .font-bold, .pay-promotion-table {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400;
    }

.book-summary-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 0;
}

#modal-booking-summary .close {
    position: absolute;
    right: 10px;
}

    #modal-booking-summary .close span {
        color: #ffffff;
        font-weight: 500;
        border-radius: 50%;
        padding: 0 6px !important;
    }

#modal-booking-summary .font-bold, #modal-booking-summary label {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

#modal-booking-summary .body-title {
    font-size: 14px;
    font-weight: 600;
}

.imagePadding {
    padding: 1% 0%;
    background-color: white;
}

    .imagePadding iframe {
        height: 55px;
        width: 80px;
    }

.imageBorder {
    border: 1px solid #d3d3d3;
}

.tab-content article {
    font-family: 'Montserrat', sans-serif;
}

.property_about, .about_bg {
    float: left;
    width: 100%;
}

.property_header_bg {
    float: left;
    width: 100%;
    margin-top: 0;
}

#property_facility .facility_border {
    display: inline-block;
    width: 100%;
}

.SetPropertytag p {
    word-break: break-word;
    font-weight: 500;
}

.w8qArf a, .LrzXr {
    font-family: 'Montserrat', sans-serif;
}

header .navbar-toggle {
    background: #ffffff;
    padding: 8px !important;
    margin: 8px;
    border: 1px solid #edf1f5;
    border-radius: 1px;
    webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    box-shadow: inset 0 0 1px rgba(0,0,0,0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
    /*header .navbar-toggle .icon-bar{
    background: #404040;
}*/
    header .navbar-toggle .icon-bar {
        width: 15px;
    }

        header .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 2px;
        }

.ZionBookNowheaderimage {
    float: left;
    width: 100%;
}

.bookinfo-roomform .form-horizontal .form-group {
    margin-bottom: 0;
}

.bookinfo-roomform .panel {
    box-shadow: none;
    margin-bottom: 0;
    border: 1px solid;
}

.bookinfo-roomform .info-room-form {
    margin-bottom: 0;
}

.bookinfo-roomform .section_bg {
    padding: 0;
}

footer .check-summary a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #404040;
    text-decoration: underline;
}

#DealModalId, #modal-Map, #modal-RoomDetail, #CancellationPolicyModal, #TermsAndConditionModal, #PrivacyPolicy, #VideoModal, #SelectedRooms {
    z-index: 9999;
    font-family: 'Montserrat', sans-serif;
}

    #DealModalId .modal-header, #modal-Map .modal-header, #modal-RoomDetail .modal-header, #responsive_modal .modal-header, #CancellationPolicyModal .modal-header, #TermsAndConditionModal .modal-header, #PrivacyPolicy .modal-header, #VideoModal .modal-header {
        background: #0073e4;
    }

        #DealModalId .modal-header .modal-title, #DealModalId tbody td label, #modal-Map .modal-header .modal-title, #modal-RoomDetail .modal-header .modal-title, #responsive_modal .modal-header .modal-title, #CancellationPolicyModal .modal-header .modal-title, #TermsAndConditionModal .modal-header .modal-title, #PrivacyPolicy .modal-header .modal-title, #VideoModal .modal-header .modal-title, #SelectedRooms .modal-header .modal-title {
            font-family: 'Montserrat', sans-serif;
        }

        #DealModalId .modal-header .close span, #modal-Map .modal-header .close span, #modal-RoomDetail .modal-header .close span, #responsive_modal .modal-header .close span, #CancellationPolicyModal .modal-header .close, #TermsAndConditionModal .modal-header .close, #PrivacyPolicy .modal-header .close, #VideoModal .modal-header .close, #SelectedRooms .modal-header .close, #DisplayNoticeModal .modal-header .close {
            /*color: #ffffff !important;*/
            font-weight: 500;
            font-size: 18px;
            border: 2px solid #fff;
            border-radius: 50%;
            padding: 2px 6px !important;
            transition: all ease-in-out 0.5s;
            -webkit-transition: all ease-in-out 0.5s;
        }

.modal-header .close {
    margin-top: 0 !important;
    text-shadow: none !important;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    background: transparent !important;
    padding: 4px 0 4px 0;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

#TermsAndConditionModal .modal-header .close {
    padding: 2px 6px;
}

    #DealModalId .modal-header .close:hover, #modal-Map .modal-header .close:hover, #modal-RoomDetail .modal-header .close:hover, #responsive_modal .modal-header .close:hover, #CancellationPolicyModal .modal-header .close:hover, #TermsAndConditionModal .modal-header .close:hover, #PrivacyPolicy .modal-header .close:hover, #VideoModal .modal-header .close:hover {
        opacity: 1;
        /*background: transparent;*/
        transition: all ease-in-out 0.5s;
        -webkit-transition: all ease-in-out 0.5s;
        /*background: transparent !important;*/
    }
/*#DealModalId .modal-body .row {
    overflow: auto;
}*/
#DealModalId .modal-body .font-bold {
    font-weight: 500;
    /*color: #404040;*/
    letter-spacing: 0.02em;
    margin-bottom: 7px;
}

#DealModalId .modal-footer button, #modal-RoomDetail .modal-footer button, #responsive_modal .modal-footer button, #CancellationPolicyModal .modal-footer button, #TermsAndConditionModal .modal-footer button, #PrivacyPolicy .modal-footer button, #VideoModal .modal-footer button {
    border-radius: 0;
    font-weight: 500;
}

#modal-RoomDetail .modal-body h4, #modal-RoomDetail .modal-body p, #CancellationPolicyModal .modal-body p, #PrivacyPolicy .modal-body p {
    font-family: 'Montserrat', sans-serif;
}

#modal-RoomDetail .modal-body h4 {
    font-weight: 600;
}

#modal-RoomDetail .modal-body p {
    font-weight: 400;
}

#responsive_modal .modal-body label {
    font-family: 'Montserrat', sans-serif;
}

    #responsive_modal .modal-body label button {
        /*background: #0073e4;*/
        border-radius: 0;
    }

#responsive_modal .panel .panel-heading {
    padding: 10px 20px 10px !important;
}

#TermsAndConditionModal ul li span {
    font-family: 'Montserrat', sans-serif;
}

.book-page-foot {
    margin-top: 5px;
    margin-bottom: 0;
}

#CancellationPolicyModal .modal-body h3 {
    padding-bottom: 0;
}

.book-page-foot .white-box {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#VoucherName {
    padding-left: 0;
    font-weight: bold;
    font-size: 15px;
}

.section-gapping {
    float: left;
    width: 100%;
    padding: 15px;
    background: #ffffff;
}

.invoice-bg {
    padding: 0 25px 15px 25px;
    float: left;
    width: 100%;
}

    .invoice-bg .headerBooking b, .invoice-bg .headerBooking span {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500;
    }

    .invoice-bg .headerBooking span {
        color: #404040;
    }

    .invoice-bg .text-muted span, .invoice-bg address {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 14px;
        color: #404040;
        font-weight: 300;
    }

        .invoice-bg address b, .invoice-bg address .h4 {
            color: #404040;
        }

        .invoice-bg address .h4 {
            font-size: 16px;
        }

        .invoice-bg address h3 {
            padding: 8px 0 10px 0;
            font-size: 16px;
        }

    .invoice-bg .headerBooking {
        font-family: 'Montserrat', sans-serif !important;
        font-size: 16px;
        color: #404040;
        font-weight: 500;
        border: none;
    }

.invoice-main-heading {
    /*background: #404040;*/
    padding: 5px 34px !important;
    font-size: 16px;
}

    .invoice-main-heading b, .invoice-main-heading span {
        /*color: #ffffff;*/
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 500;
    }

.invoice-bg table th, .invoice-bg table td {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.invoice-bg table th {
    border-color: #d7d7d7 !important;
}

.invoice-bg table td {
    border: 1px solid #d7d7d7 !important;
}

.invoice-bg table td, .invoice-bg table span {
    color: #404040;
}

.invoice-bg table {
    margin-bottom: 20px;
}

#PrintButtonId, #BookMOreButtonId {
    border-radius: 0;
    /*background: #0073e4;*/
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
}

.invoice-bg label {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
    font-size: 14px;
    color: #404040;
    letter-spacing: 0.02em;
    text-align: justify;
}

header nav .navbar-collapse .closebtn {
    display: none;
}

#responsive_modal {
    z-index: 9999;
}

footer .fa-shopping-cart {
    color: #0073e4;
    font-size: 18px;
}

.header-img-bg {
    margin-bottom: 20px;
}

.hotel-details {
    background: #ffffff;
}

.tab-content article, .copy-right {
    background: #ffffff;
}

#Property .copy-right {
    margin-top: 10px;
}

.copy-right {
    float: left;
    width: 100%;
}

#FixHeader.fixed {
    top: 60px;
}

#FixHeader .fixed-button {
    top: 125px;
    position: sticky !important;
}

.fixedHeaderBackground tr th:nth-child(1) {
    width: 40%
}

.fixedHeaderBackground tr th:nth-child(2) {
    width: 11%
}

.fixedHeaderBackground tr th:nth-child(3) {
    width: 12%
}

.fixedHeaderBackground tr th:nth-child(4) {
    width: 30%
}

#FixHeader .tablerow-fixed .fix label {
    text-align: left;
    width: 100%;
}

#FixHeader .tablerow-fixed .fix .text-left {
    text-align: center;
}

.rooms-desc {
    font-family: 'Montserrat', sans-serif !important;
    color: #404040;
}

#modal-booking-summary .modal-body {
    max-height: 300px;
    float: left;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

#modal-booking-summary .modal-footer {
    padding: 0;
    text-align: right;
    float: left;
    width: 100%;
}

#modal-booking-summary {
    top: auto;
    bottom: 20px;
    left: -60%;
}

.modal-backdrop {
    background-color: #fff !important;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
}

.imagePadding {
    padding: 1% 0%;
    background-color: white;
    float: left;
}

    .imagePadding iframe {
        height: 55px;
        width: 80px;
    }

.imageBorder {
    border: 1px solid #d3d3d3;
}

#player {
    pointer-events: none !important;
}

header .contents {
    border-bottom: 0px !important;
}

#lightSlider {
    display: flex !important;
    float: left !important;
}

    #lightSlider iframe {
        height: 100% !important;
        width: 100% !important;
    }

#roomThumb iframe {
    height: 10% !important;
    width: 10% !important;
}

#carousel iframe {
    height: 75px;
    width: 100%;
}

#carousel img {
    height: 72px !important;
}

.lSSlideOuter {
    margin: 0px;
}

#FixHeader .fa-minus-active, #FixHeader .fa-plus-active {
    color: #0073e4;
    border: 1px solid #0073e4;
}

.flexslider {
    float: left;
    width: 100% !important;
}

#slider {
    max-height: 500px;
    float: left;
    width: 100%;
}

.flexslider .slides img {
    max-height: 450px !important;
}

.thumb-video {
    /*padding: 36%;*/
    /*padding: 36px;
    float: left;*/
    /*width: 100%;
    background-color: #909090;*/
}

    .thumb-video i {
        margin: -15px 0 0 -20px !important;
        color: #ffffff !important;
    }

/*.btn {
    border-radius: 0px;
}*/

.SumoGallery {
    z-index: 999;
}

md-content > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper {
    width: 100% !important;
}

#rateMenuTable .popover-content {
    padding: 2px !important;
    margin-bottom: -10px !important;
}

#rateMenuModal table > thead > tr > th, #SelectedRooms table > thead > tr > th {
    padding: 8px 5px !important;
    border-collapse: collapse;
    box-shadow: inset 7px 11px 50px -19px var(--primary);
    text-align: center;
    background: var(--primary);
    color: var(--white);
    font-size: 14px;
    border: 2px solid var(--border-color) !important;
}

#rateMenuModal table > thead > tr {
    box-shadow: 10px 0px 10px -5px black, -10px 0px 10px -5px black;
}

#rateMenuModal table > tbody > tr > td {
    padding: 10px 8px !important;
    font-size: 12px;
    color: var(--black);
    font-weight: 500;
    border: 2px solid var(--border-color) !important;
    text-align: center;
}

.help-block {
    color: red !important;
}

#modal-Map .modal-header .close span, #DealModalId .modal-header .close span, #responsive_modal .modal-header .close span, #modal-RoomDetail .modal-header .close span {
    padding: 0px 6px !important;
}

.map-btn button {
    padding: 0;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    margin: 5px 5px 0 0;
    font-weight: 600;
    background: #ffffff !important;
}

    .map-btn button:hover {
        background: #ffffff;
        text-shadow: none;
    }

.map-btn span {
    margin: 0;
    padding: 0.36em 0.8em;
    float: right;
}

.item {
    position: relative;
    /*padding-top: 20px;*/
    display: inline-block;
}

.notify-badge {
    background: #ff4949;
    text-align: center;
    /*border-radius: 30px 30px 30px 30px;*/
    border-radius: 20px 20px 20px 20px;
    color: white;
    /*padding: 5px 10px;
    font-size: 16px;*/
    padding: 5px 5px;
    font-size: 12px;
}

.selectedRoom {
    float: left;
    width: 100%;
}

.smallControl {
    width: 35px !important;
    height: 23px !important;
    padding: 2px 6px !important;
}

.promoCodeSuccess {
    color: #3c763d !important;
    font-size: 12px !important;
}

.promoCodeError {
    color: #9D240C !important;
    font-size: 12px !important;
}

@-moz-document url-prefix() {
    #rateMenuTable {
        border-bottom: none !important;
    }
}

.changedate {
    padding: 6px 12px !important;
}

.flexslider .slides img {
    width: auto !important;
}

.fullImage {
    display: flex !important;
    justify-content: center !important;
}

.set-space {
    padding: 3px;
}

.scrollbox {
    max-height: calc(75vh);
    overflow-y: auto;
}

.read {
    padding-top: 10px !important;
    padding-left: 0 !important;
}

.reserve-btn {
    padding: 12px !important;
}

.selectedRoom {
    padding-top: 5px;
    padding-bottom: 0px;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background-color: #fff !important;
}

.datepicker table tr td.day {
    padding: 10px !important;
    background-color: #edf1f5;
}

    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
        background-color: #c0e4ff;
    }

.datepicker .datepicker-switch {
    background-color: #ffffff;
    color: #404040;
    border-radius: 0px !important;
    border-bottom: 1px solid #d7d7d7 !important;
}

th.next, th.prev {
    background-color: #1f7ac3 !important;
    color: #fff !important;
}

@media print {
    .table-heading th {
        background-color: grey !important;
        -webkit-print-color-adjust: exact;
        width: 100% !important;
    }
}

/*Header css*/
header .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

header .logo-main {
    padding-left: 130px;
}

header.fixed-top .logo-main {
    padding-left: 0;
}

header .logo-main .headeName a {
    font-weight: 500;
    font-size: 26px;
}

header .nav-selectors select {
    width: 100% !important;
    border: none;
    overflow: hidden;
    border-radius: 0;
    font-size: 13px;
}

header .nav-lang select {
    border-radius: 5px !important;
}

header .nav-currency select {
    border-radius: 5px !important;
}

header .nav-bar-main {
    padding-right: 60px;
    position: relative;
    z-index: 99;
}
/*End header css*/
/*Start Availability section*/
#Availability .availability-main {
    margin-bottom: 20px;
}

#Availability .avaibility-thumb-gal {
    display: flex;
    align-items: flex-end;
    margin-top: -50px;
}

.avaibility-thumb-gal .gal-item {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: 0 5px;
    position: relative;
}

#Availability .avaibility-thumb-gal .gal-active {
    width: 120px;
    height: 120px;
    border: 3px solid var(--white);
}

#Availability .avaibility-thumb-gal .gal-item img {
    background: #e5e5e5;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

#Availability .avaibility-thumb-gal .more-light-box {
    background: #e5e5e5;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #Availability .avaibility-thumb-gal .more-light-box p {
        font-size: 13px;
        color: var(--black);
        font-weight: normal;
    }

#Availability .availability-main .availability-check-date {
    justify-content: space-around;
    position: relative;
}

    #Availability .availability-main .availability-check-date:before {
        content: '';
        position: absolute;
        left: 0;
        top: -8px;
        height: calc(100% + 21px);
        width: 1px;
        background: var(--border-color);
    }

    #Availability .availability-main .availability-check-date .form-group {
        /*flex: 1;*/
        margin-bottom: 0;
    }

    #Availability .availability-main .availability-check-date input, #Availability .availability-main .availability-check-date .input-group-btn button {
        height: 35px;
        padding: 5px 8px;
    }

#Availability .availability-main .availability-check-btn button {
    flex: auto;
    width: auto;
    font-size: 12px;
    font-weight: normal;
    text-transform: capitalize;
    border-radius: 5px;
}

#Availability .availability-main .availability-check-date button .fa-calendar {
    font-size: 20px;
}
/*End Availability section*/

/*Availability table*/
.availab-room-table #theader th, .availab-room-table tbody th {
    border: 5px solid var(--gray) !important;
    background: var(--white);
}

.availab-room-table .room-types .room-imgs {
    width: 90%;
    padding-top: 90%;
    position: relative;
    overflow: hidden;
}

    .availab-room-table .room-types .room-imgs img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /*height: 100%;*/
        background: var(--gray);
        object-fit: cover;
    }

.availab-room-table .room-types .rooms-name {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 10px;
    line-height: 20px;
}

.availab-room-table .avail-name-capa .capacity i {
    font-size: 20px;
    position: relative;
}

    .availab-room-table .avail-name-capa .capacity i span {
        position: absolute;
        background: var(--primary);
        top: 0;
        font-size: 11px;
        padding: 2px 6px;
        color: #ffffff;
        border-radius: 50%;
        top: -85%;
        left: 55%;
        font-weight: 600;
    }

.availab-room-table .room-capa-rate .rates .price-lable {
    position: static;
    padding: 0;
    color: #919191;
    font-weight: normal;
}

.availab-room-table .room-capa-rate .rates .digits {
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.availab-room-table .adult-clidroom-selector .selectors {
    flex: 1;
    padding: 0 4px
}

.availab-room-table .adult-clidroom-selector select {
    width: 100%;
    height: 30px !important;
    padding: 2px 5px;
    border-radius: 5px !important;
    border-color: var(--primary);
}

.availab-room-table .see-more {
    justify-content: flex-end;
    align-content: center;
}

.availab-room-table .see-more .ribbon {
    width: fit-content;
    background: var(--primary);
    color: var(--white);
    border-radius: 30px 0 0 30px;
    /*padding: 5px 5px 5px 10px; Vijay : we have moved room dropdown below deal section*/
    /*padding: 0px 0px 0px 10px;*/
    padding: 0px 4px 0px 10px;
    text-align: right;
    font-size: 12px;
    margin-right: -8px;
    margin-left: auto;
    position: absolute;
    /*top: -20px;*/
    top: -35px;
    right:5px;
}

.availab-room-table .see-more .see-detail-btn {
    display: flex;
    text-align: center;
    margin-top: 20px;
    position: relative;
    justify-content: flex-end;
    align-items: center;
}

.availab-room-table .see-more .see-detail-btn a {
    margin-right: 10px;
    font-weight: 500;
    font-size: 14px
}

.availab-room-table .see-more .see-detail-btn i {
    background: var(--primary);
    border-radius: 50%;
    /*padding: 2px 5px;*/
    color: #ffffff;
    /*width: 18px;
    height: 18px;*/
    width: 12px;
    height: 10px;
    position: relative;
}

.availab-room-table .see-more .see-detail-btn i:before {
    font-size: 12px !important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#FixHeader .fixed-button {
    width: 100%;
}

.availab-room-table .avail-name-capa {
    /*margin-bottom: 10px;*/
}

.availab-room-table .aval-det-rate .rooms-selection .rates h3 {
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 500;
}

    .availab-room-table .aval-det-rate .rooms-selection .rates h3 b {
        font-weight: 500
    }

.availab-room-table .aval-det-rate .rooms-selection {
    margin-bottom: 10px
}

.popover-content {
    padding: 9px 14px 0;
}

.rooms-selection-btns {
    position: relative;
    display: flex;
    align-items: center;
}

    .rooms-selection-btns input[type=radio] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .rooms-selection-btns .room-rateplanname {
        display: flex;
        align-items: center;
        transition: 0.25s ease;
        cursor: pointer;
        margin-bottom: 0;
        margin-right: 5px;
    }

        .rooms-selection-btns .room-rateplanname:before {
            display: flex;
            flex-shrink: 0;
            content: "";
            background-color: #fff;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            margin-right: 10px;
            transition: 0.25s ease;
            border: 1px solid var(--primary);
        }

    .rooms-selection-btns input:checked + .room-rateplanname:before {
        box-shadow: inset 0 0 0 0.25em var(--primary);
    }

/*End Availability table*/
.prop-contact-info {
    position: relative;
    z-index: 10;
    margin: 0 -2px 5px;
}

.check-inout-policy b {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.avaibility-copyright {
    margin: 0 -2px;
}

.prop-contact-info .box-title {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--black);
    margin-bottom: 30px;
}
/*Start Booking Detail Form*/
#bookingDetailForm .form-control {
    border-radius: 0px;
    border: 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 14px;
    padding-left: 0;
}

#bookingDetailForm .form-control-main {
    margin-bottom: 30px;
}
/*End Booking Detail Form*/
/*Book reseve page*/
.book-resrve-page .box-title {
    /*font-size: 22px;*/
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.book-resrve-page .booking-extras-main {
    display: inline-block;
    width: 100%;
}

    .book-resrve-page .booking-extras-main, .book-resrve-page .booking-extras-main .ckecklist {
        display: inline-block;
        width: 100%;
    }

        .book-resrve-page .booking-extras-main .ckecklist:not(:last-child) {
            margin-bottom: 20px
        }

        .book-resrve-page .booking-extras-main .checkbox label {
            font-size: 15px;
            line-height: 16px;
            font-weight: 600;
        }

        .book-resrve-page .booking-extras-main .checkbox .currency h5 {
            font-weight: 600 !important;
        }

.payment-methods .select-payment {
    margin-bottom: 30px;
}

    .payment-methods .select-payment h5 {
        font-size: 18px;
        font-weight: 500;
        padding-bottom: 10px;
    }

.payment-methods .input-group {
    width: 100%;
}

.booking-details label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.booking-details .billing-details label {
    font-size: 14px !important;
}
/*End Book reseve page*/
/*Start Invoice page*/
.invoice-thank-you, .inv-prop-info {
    margin-bottom: 5px
}

    .invoice-thank-you .box-title {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 18px;
    }

    .inv-reser-detail .box-title, .inv-summary .box-title, .inv-prop-info .box-title, .cm-terms .box-title {
        font-size: 22px;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 25px;
    }

.inv-reser-detail h3.section-title {
    font-size: 18px;
    font-weight: 500;
}

    .inv-reser-detail h3.section-title label {
        width: 100%;
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin-top: 5px;
        /*color: var(--light-black) !important;*/
    }

.inv-reser-detail .inv-reserv-table .table-heading th {
    /*background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--black) !important;*/
    font-size: 14px;
    font-weight: 500;
    padding: 10px 5px !important;
}

.inv-reser-detail .inv-reserv-table tbody td {
    /*border: none !important;
    border-bottom: 1px solid var(--border-color) !important;*/
    padding: 10px 5px !important;
}

    .inv-reser-detail .inv-reserv-table tbody td span {
        /*color: var(--light-black) !important;*/
        font-size: 14px;
    }

    .inv-reser-detail .inv-reserv-table tbody td:last-child span {
        /*color: var(--primary) !important;*/
        font-weight: 600 !important;
    }

.inv-reser-detail .book-pay-extra-sec .box-title {
    margin-bottom: 10px !important;
}

.inv-reser-detail .white-box {
    margin-bottom: 5px;
}

.inv-summary label {
    font-size: 14px;
    font-weight: 500;
}

    .inv-summary label.amt-label {
        color: var(--primary) !important;
    }

.invbk-btns button, .reserve-back-btn button {
    font-size: 14px;
    padding: 9px 14px;
    border-radius: 5px !important;
    margin: 0 5px;
    text-transform: capitalize;
    font-weight: 500;
    background: var(--primary) !important;
}

    .reserve-back-btn button:first-child {
        margin-left: 0;
    }

.cm-terms label {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: justify;
}

.inv-hotel-policy {
    margin-top: 30px;
    padding: 0
}

    .inv-hotel-policy h2 em {
        font-style: normal;
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 600;
    }

    .inv-hotel-policy h2 {
        padding-bottom: 0;
    }

.cm-terms {
    margin-bottom: 0;
}
/*End Invoice page*/
/*Start Deal Modal*/
#DealModalId .modal-header, #modal-RoomDetail .modal-header {
    padding: 10px 35px 10px 15px;
}

    #DealModalId .modal-header .close, #modal-RoomDetail .modal-header .close {
        position: absolute;
        right: 0;
        top: 0;
        border: 0 !important;
        width: auto;
        height: auto;
    }

        #DealModalId .modal-header .close span, #modal-RoomDetail .modal-header .close span {
            border: none;
            font-size: 28px !important;
            font-weight: 300;
        }

#DealModalId .modal-body, #modal-RoomDetail .modal-body {
    padding: 0;
}

    #DealModalId .modal-body > .row, #modal-RoomDetail .modal-body > .row {
        padding: 10px 7px;
        margin: 0;
        border-bottom: 1px solid var(--border-color);
    }

    #modal-RoomDetail .modal-body > .row {
        padding: 10px 15px;
    }

#DealModalId .modal-footer, #modal-RoomDetail .modal-footer {
    border-top: 1px solid var(--border-color);
}

    #DealModalId .modal-footer .btn, #modal-RoomDetail .modal-footer .btn {
        background: var(--primary);
        color: var(--white);
        border-radius: 6px;
    }

#modal-RoomDetail .modal-body h4 {
    padding-bottom: 10px;
}

#modal-RoomDetail .modal-body p {
    font-size: 14px
}

#modal-RoomDetail .modal-body li {
    margin-bottom: 5px
}

.rooms-det-heading {
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    /*padding: 18px 0 !important;*/
    padding: 5px 0 !important;
}

    .rooms-det-heading .tab_border {
        font-size: 15px;/*18px;*/
        color: var(--black);
        font-weight: 500;
        text-transform: uppercase;
    }

.room-description {
    padding: 25px 15px;
}

.rooms-det-heading .active-select-tab {
    border-bottom: 2px solid var(--primary)
}

.room-sacility .facility {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

#FixHeader .roomfacilities-list, .facilities-list {
    font-size: 15px;
    margin-bottom: 10px
}

    #FixHeader .roomfacilities-list .fa, .facilities-list .fa {
        font-size: 10px;
        color: var(--primary);
        margin-right: 5px;
    }
/*End Deal Modal*/
.bookinfo-roomform .fa-times-circle-o {
    border-radius: 50%;
    padding: 2px 1px;
    font-size: 16px;
}

    .bookinfo-roomform .fa-times-circle-o:before {
        border: none;
    }

.btn-hov {
    transition: 0.3s ease all !important;
}

    .btn-hov:hover, buttonbtn-hov:focus {
        transform: translateY(-5px);
        background: var(--primary) !important;
    }

/* Promotion page */
.promot-add-box .box-title {
    font-size: 22px;
    font-weight: 600;
}

.promot-add-box .HotelAddress {
    font-size: 16px;
}

.promot-room-box {
    padding: 20px;
}

    .promot-room-box .section-title {
        font-size: 18px;
    }

    .promot-room-box .content-box, .promot-room-box .form-group label {
        font-size: 16px;
    }

        .promot-room-box .content-box .room-description {
            padding: 0;
            font-size: 15px;
        }
/* End Promotion pange */
/*media-query-start*/
@media (max-width: 1366px) {
    /*#FixHeader .fixed-button {
width: 14%;
}*/
}

@media (min-width: 1199px) {
    #slider iframe {
        height: 37em;
        width: 100%;
    }
}

@media (max-width: 1199px) {
    .availability-nav .active-tab:after {
        right: 10px;
    }

    .property_header_bg h3 b {
        font-size: 16px;
    }

    .about-heading, #property_facility .facilities-heading, #property_things .heading {
        font-size: 20px;
    }

    .about_bg .fa-map-marker {
        font-size: 34px;
    }

    .about_bg .check-in-out {
        font-size: 16px;
    }

    .about_bg .check-in-out-time {
        font-size: 16px;
    }

    .book-resrve-page .booking-detail-date label {
        font-size: 13px;
    }

    #FixHeader .fa-minus {
        margin-left: 0;
    }
    /*#FixHeader {
        top: 60px;
    }*/
    .map-btn span {
        padding: 0.36em 0.5em;
    }

    header .property-nav {
        padding-left: 27px;
    }

    .property-nav .active-tab:after {
        left: 45px;
    }

    .SumoGallery .Sarrow.l {
        left: 0px !important;
    }

    .SumoGallery .Sarrow.r {
        right: 0px !important;
    }

    .SumoGallery .Sarrow {
        font-size: 70px !important;
    }
    /*#FixHeader .fixed-button {
        top: 135px;
    }*/
    #Availability .avaibility-thumb-gal {
        width: 45%;
    }

    #Availability .availability-main .availability-check-date {
        width: 55%;
    }

    #Availability .availability-main .availability-check-btn button {
        flex: none;
    }

    #Availability .availability-main .availability-check-date:before {
        left: -14px;
    }

    #Availability .availability-check-btn {
        width: 100%;
        justify-content: center;
    }

    header .logo-main .headeName a {
        font-size: 24px;
    }

    #FixHeader .rooms-name a {
        font-size: 18px;
    }

    .availab-room-table .see-more .see-detail-btn a {
        margin-right: 5px;
    }

    .availab-room-table .aval-det-rate .rooms-selection .rates h3 {
        font-size: 15px;
    }
}

@media (max-width: 1024px) {
}

@media (max-width: 991px ) {
    .availability-nav h3, .property-nav h3 {
        font-size: 16px;
    }

    header .fa-map-marker {
        font-size: 18px;
    }

    .availability-sec-bg h3 {
        font-size: 15px;
    }

    .availability-sec-bg .currency:after {
        right: 6px;
    }

    .currency-dropdown {
        font-size: 15px;
    }

    .availability-sec-bg button {
        font-size: 12px;
    }

    .availability-check-bg label {
        font-size: 14px;
    }

    #FixHeader .rooms-name a {
        font-size: 16px;
    }

    #FixHeader .fa-user {
        font-size: 18px;
    }

    .desc, .facility {
        display: inline-block;
        font-size: 14px;
    }

    #FixHeader .fa-user span {
        font-size: 12px;
    }

    .tab-content article {
        font-size: 12px;
    }

    #FixHeader .room-amount {
        font-size: 14px;
    }

    #FixHeader .fa-minus {
        margin-left: 3px;
    }

    #FixHeader .fa-minus, #FixHeader .fa-plus {
        font-size: 12px;
        margin-top: 8px;
    }

    #FixHeader .fa-plus {
        padding: 7px 6px 5px 6px;
    }

    header .property-nav a {
        padding-left: 0px;
    }

    header .availability-nav::after {
        margin-left: 24px;
    }

    #google_translate_element::before {
        bottom: 22%;
    }

    #FixHeader .rooms-total span {
        font-size: 14px;
    }

    .conf-reserve-rooms, .conf-reserve-rooms1 {
        font-size: 14px;
    }

    .seletedRateplan h5 {
        font-size: 12px;
    }

    .about-heading, #property_facility .facilities-heading, #property_things .heading {
        font-size: 18px;
    }

    #modal-booking-summary {
        left: -50%;
    }

    .add-remove-rooms {
        text-align: left !important;
    }

    /*#FixHeader .fixed-button {
        width: 12%;
    }*/

    #btnReserve {
        font-size: 12px !important;
        /*padding: 6px 16px !important;*/
    }
    /*#FixHeader {
        top: 95px;
    }*/
    .rooms-total, rooms-total1 {
        font-size: 15px;
    }

    .map-btn span {
        padding: 0.38em 0.5em;
    }

    #FixHeader.fixed {
        top: 0;
    }

    #slider.flexslider .slides > li {
        height: 300px;
    }

    #slider.flexslider .slides img {
        max-height: 280px !important;
    }

    header .nav-bar-main {
        padding-left: 125px;
    }

    #Availability .avaibility-thumb-gal, #Availability .availability-main .availability-check-date {
        width: 50%;
    }

        #Availability .availability-main .availability-check-date:before {
            left: -3px;
        }

    .availab-room-table .table-container {
        overflow: auto;
    }

    .container-Fixe-header {
        width: 800px;
    }

    .availab-room-table .see-more .see-detail-btn {
        margin-top: 20px;
    }

    header .row {
        flex-direction: column-reverse;
    }

    .book-resrve-page .box-title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    header .rateit .rateit-range {
        left: 5%;
    }

    header .property-nav {
        padding-left: 40px;
    }

    .availability-sec-bg h3 {
        font-size: 14px;
    }

    #btnAvailability {
        width: 45%;
    }

    #FixHeader .read-more {
        float: left;
        width: 55%;
    }

    .promobtn-main .availability_btn {
        width: 10%;
    }

    .currency-dropdown {
        font-size: 14px;
        width: 15em;
        line-height: 1 !important;
    }

    #google_translate_element::before {
        left: -2px;
    }

    header .property-nav a {
        padding-left: 0;
    }

    .availability-nav .active-tab:after {
        right: -2px;
    }

    .property_header_bg h3 b {
        font-size: 14px;
    }

    .navbar-toggle {
        display: none;
    }

    header nav .navbar-collapse {
        display: block;
    }

    .booking-detail-date .col-xs-6 {
        text-align: center !important;
        margin-bottom: 10px;
    }

    .bookinfo-roomform, .bookinfo-roomform .info-room-form {
        text-align: left;
    }

    .book-page-pay-meth button, .book-page-det-panel button {
        color: #ffffff !important;
        padding: 10px 20px !important;
    }

    #modal-booking-summary .modal-sm .modal-content {
        width: 300px;
    }

    #modal-booking-summary {
        left: 3%;
    }

    #FixHeader .fa-minus, #FixHeader .fa-plus {
        font-size: 10px;
    }

    #FixHeader .fa-plus, #FixHeader .fa-minus {
        padding: 6px 5px 5px 5px;
    }

    .deal-info-icon img {
        width: 14%;
    }

    .header .contents {
        text-align: center;
    }
    /*#FixHeader {
        top: 100px;
    }*/
    .book-promostion-form .control-label {
        font-size: 14px;
    }

    .book-page-foot {
        margin-bottom: 120px;
    }

    .viewall {
        height: auto;
        padding: 6px !important;
    }

    header .availability-nav a, header .property-nav a {
        font-size: 13px;
    }

    header .availability-nav::after {
        margin-left: 32px;
    }

    .SumoGallery .Sarrow.l {
        left: 0px !important;
    }

    .SumoGallery .Sarrow.r {
        right: 0px !important;
    }

    .SumoGallery .Sarrow {
        font-size: 40px !important;
    }

    .notify-badge {
        padding: 5px 5px;
        font-size: 12px;
    }

    #rateMenuTable {
        border-bottom: none;
    }

    .table-bordered {
        border: 1px solid #e4e7ea;
        display: block;
    }

    footer .reservation .text-left {
        width: 70%;
        float: left;
    }

    footer .reservation .text-center {
        width: 30%;
        float: right;
        border-radius: 5px;
        padding: 10px !important
    }

    .footer-reservation .selectedRoom {
        padding-top: 1px;
    }

    footer.sticky-reserv-sec .reserve-btn #btnReserve {
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .footer-reservation p {
        text-decoration: underline;
    }

    .footer-reservation h5, .footer-reservation p {
        font-size: 16px !important;
        text-transform: capitalize !important;
    }

    .fixed-button {
        top: 105px;
    }

    .leftLine {
        height: 300px;
        border-bottom: none !important;
    }

    #Availability .avaibility-thumb-gal, #Availability .availability-main .availability-check-date {
        width: 100%;
    }
    #Availability .availability-main .availability-check-date {
        margin-left: 5px;
    }
    .availab-room-table .adult-clidroom-selector .selectors{flex:none;}
    #Availability .availability-main .availability-check-date .form-group:last-child {
        margin-right: 10px;
    }
    #Availability .avaibility-thumb-gal {
        margin-bottom: 10px;
    }
    /*.row {
        margin: 0 !important;
    }*/
    header .logo-main, header .nav-bar-main {
        padding-left: 135px;
    }

    header.fixed-top .logo-main, header.fixed-top .nav-bar-main {
        padding-left: 10px;
    }

    #Availability .availability-main {
        margin-bottom: 20px !important;
    }

    .stepwizard .btn-circle {
        font-size: 11px
    }

    header .logo-main .headeName a {
        font-size: 20px;
    }

    .fixedHeaderBackground th {
        font-size: 17px;
    }

    .white-box.prop-contact-info {
        padding: 15px;
    }

    #map {
        height: 400px !important;
    }

    .avaibility-copyright {
        margin: 5px -2px 100px !important;
    }

    footer.sticky-reserv-sec {
        box-shadow: 2px 0px 10px rgb(0 0 0 / 50%);
        z-index: 91;
    }

    .check-inout-policy b {
        font-size: 18px;
    }

    .check-inout-policy {
        margin-bottom: 15px;
        text-align: center;
    }

    .check-inout-policy-time {
        justify-content: center !important;
    }

    .rooms-det-heading .tab_border {
        font-size: 16px;
    }

    .rooms-det-heading {
        padding: 10px 0 !important;
    }

    .room-description {
        padding: 0px;
    }

    .room-sacility.white-box {
        padding: 0
    }

    .book-resrve-page .box-title {
        margin-bottom: 20px
    }

    .payment-methods .form-control-main > .col-md-6 .form-group {
        margin-bottom: 20px;
    }

    .payment-methods .form-control-main .card-expiry {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mob-sec-padding {
        padding: 15px 10px;
    }

    .promot-room-box .content-box {
        margin-top: 10px;
    }
}

@media (max-width: 640px) {
    .availability-nav .active-tab:after {
        right: -14px;
    }
}

@media (min-width: 576px) {
    header nav .navbar-collapse {
        width: 100% !important;
        height: auto !important;
    }
}

@media (max-width: 575px) {
    .availability-sec-bg .mw-100 {
        width: 100%;
        text-align: center !important;
    }

    .currency-dropdown {
        width: 15em;
    }

    #btnAvailability {
        width: 100%;
        border-radius: 0;
    }

    .promobtn-main .availability_btn {
        width: 20%;
    }

    .promo-input-main {
        width: 75%;
    }

    #FixHeader {
        z-index: 98;
    }

        #FixHeader .read-more {
            width: 100%;
            border-radius: 0;
        }

    #btnReserve {
        border-radius: 0;
    }

    #FixHeader .roomfacilities-list {
        width: 50%;
    }

    .user-w100 {
        width: 100%;
    }

    #FixHeader .rooms-total {
        font-size: 14px;
    }

    .tab_border {
        /*width: 100%;*/
        border-right: none;
        border-bottom: 1px solid #fff;
    }

    .check-inout-main {
        width: 100%;
    }

    .about_bg .SetPropertytag {
        padding: 0 10px;
    }

    .about_bg .check-in-out, .about_bg .check-in-out-time {
        font-size: 14px;
    }

    #property_things .text-padding {
        padding-left: 0;
    }

    .navbar-toggle {
        display: block;
    }

    header nav .navbar-collapse {
        height: 90px !important;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #ffffff;
        overflow-x: hidden;
        color: #ffffff;
        transition: 0.5s !important;
        padding: 0 !important;
    }

        header nav .navbar-collapse .closebtn {
            position: absolute;
            top: -10px;
            right: 15px;
            font-size: 36px;
            margin-left: 10px;
            color: #404040;
            z-index: 9999;
            display: block;
            transition: 0.3s !important;
        }

    header nav .navbar-collapse {
        text-decoration: none;
        font-size: 25px;
        color: #ffffff;
        display: block;
        transition: 0.3s !important;
        z-index: 9999;
    }

    header .nav-bar-main {
        /*width: 20%;*/
        text-align: right;
    }

    header .google-translate-main {
        width: 100%;
    }

    header .navbar-toggle {
        margin-right: 8px;
        z-index: 999;
    }

    header .availability-nav, header .property-nav {
        width: 45%;
    }

    header .container {
        align-items: unset;
    }

    header .property-nav {
        padding-left: 10px;
        text-align: left;
        padding-top: 0;
    }

    header .availability-nav::after {
        margin-left: 9px;
        bottom: 16%;
    }

    header .navbar-collapse.in {
        padding: 10px 0 0 0;
    }

    header .availability-nav a, header .property-nav a {
        font-size: 15px;
        margin-bottom: 6px;
        color: #404040;
    }

    .availability-nav .active-tab:after, .property-nav .active-tab:after {
        display: none;
    }

    #btnReserve {
        font-size: 12px !important;
        /*padding: 8px 18px !important;*/
    }

    #FixHeader .read-more {
        font-size: 12px;
    }

    .book-page-pay-meth, .book-page-det-panel {
        padding-left: 10px !important;
    }

    #modal-booking-summary {
        left: 0%;
        z-index: 9999;
    }

    .availability-sec-bg {
        padding: 13px 5px 10px !important;
    }

        .availability-sec-bg h3 {
            text-align: left;
        }

    .invoice-main-heading {
        padding: 0px 34px !important;
        font-size: 14px;
    }

    .invoice-bg .text-muted span, .invoice-bg address {
        font-size: 12px;
    }

    .invoice-bg address {
        margin-bottom: 20px;
    }

    .invoice-bg .headerBooking {
        font-size: 15px;
    }

    .invoice-bg table th, .invoice-bg table td {
        font-size: 12px;
    }

    .invoice-bg label {
        font-size: 12px;
    }

    header .navbar-static-top {
        position: fixed;
        top: 0;
        right: 10px;
    }

    #FixHeader .rooms-name a {
        font-size: 14px;
        float: left;
        margin-top: 10px;
    }

    #FixHeader .user-icon {
        text-align: left !important;
        margin-top: 10px;
        float: left;
    }

    .desc, .facility {
        line-height: 1.2;
    }

    #FixHeader .fa-user span {
        padding: 1px 5px;
        font-size: 10px;
    }

    #FixHeader .fa-user {
        font-size: 16px;
    }

    .promo-btn {
        width: 25%;
    }
    /*#FixHeader {
        top: 0;
        position:static;
    }*/
    .logo-main h2 {
        text-align: left;
    }

    #FixHeader .fixed-button {
        position: static;
        width: 100%;
    }

    .availability-sec-bg button {
        padding: 4px 10px !important;
        float: left;
        width: 100%;
        height: auto;
        margin-top: 10px;
    }

    footer .check-summary .text-left {
        width: 70%;
        float: left;
    }

    footer .check-summary .text-right {
        width: 30%;
        float: right;
    }

    footer .check-summary {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    footer .check-summary .footer-title h4{
        padding-bottom: 0;
    }

        .book-page-foot .text-left {
            width: 100%;
            text-align: center;
        }

    md-content > md-tabs > md-tabs-wrapper > md-tabs-canvas > md-pagination-wrapper {
        width: 395px !important;
    }

    header .map-btn {
        width: 40%;
    }

    .logo-main h2 {
        font-size: 18px;
        /*width: 75%;*/
        /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;*/
        display: block;
    }

    .sweet-alert {
        top: 35%;
    }

    .notify-badge {
        padding: 5px 8px;
        font-size: 10px;
    }

    .navbar-nav1 {
        width: 100%;
    }

    .goog-te-gadget .goog-te-combo {
        margin-bottom: 0;
        margin-top: 7px;
    }

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

    .footer-reservation .p-t-10 {
        padding: 5px 0 0 0 !important;
    }

    .footer-reservation h5 {
        font-size: 11px;
        margin-bottom: 4px;
    }

    .footer-reservation p {
        font-size: 12px;
    }

    .footer-reservation .rooms-total1 {
        font-size: 12px;
        padding-bottom: 0;
        line-height: 1.5;
    }

    footer .reservation .text-left {
        padding-bottom: 5px;
    }

    .conf-reserve-rooms1 {
        font-size: 11px;
        padding-top: 3px;
    }

    footer .reservation .text-center {
        display: flex;
        display: -webkit-flex;
        display: -ms-flexbox;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        padding: 0 !important;
    }

    .leftLine {
        height: 300px;
        border-bottom: none !important;
    }

    #Availability .avaibility-thumb-gal .gal-active {
        height: 90px;
        width:90px;
    }

    .avaibility-thumb-gal .gal-item {
        height: 45px;
    }

    header .logo-main, header .nav-bar-main {
        padding-left: 100px;
        padding-right: 10px !important;
    }

    #map {
        height: 300px !important;
    }

    footer.sticky-reserv-sec {
        padding: 10px !important;
    }

    footer .reservation .text-left {
        width: 100%;
    }

    footer .reservation .text-center {
        width: 60%;
        margin: 0 auto;
    }

    .footer-reservation h5, .footer-reservation p {
        font-size: 14px !important;
    }

    footer.sticky-reserv-sec .reserve-btn #btnReserve {
        font-size: 14px !important;
        padding: 10px !important;
    }

    .avaibility-copyright {
        margin: 5px -2px 120px !important;
        padding: 10px !important;
    }

    .promot-add-box .box-title {
        font-size: 20px;
    }

    .promot-add-box .HotelAddress {
        font-size: 15px;
    }

    .promot-room-box .section-title {
        font-size: 17px;
    }

    .promot-room-box .content-box, .promot-room-box .form-group label {
        font-size: 15px;
    }
    .gradient-button, button, input[type="button"], input[type="reset"], input[type="submit"] {
        padding: 3px 3px !important;
    }
    .d-flex.visible-xs {
        display: flex !important;
    }
    #Availability.container.setradius, .bookinfo-pg-container.container.setradius {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .input-group .form-control, .input-group-addon, .input-group-btn{display:table-cell;}
}

@media (max-width: 480px) {
    .map-btn button {
        border-radius: 0;
        padding: 0 !important;
    }

        .map-btn button span {
            padding: 0 0.4em;
            font-size: 10px;
            height: 30px;
        }

    header .fa-map-marker {
        font-size: 16px;
        padding: 7px 7px;
    }

    .leftLine {
        height: 300px;
        border-bottom: none !important;
    }
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    display: none !important;
}

.goog-te-gadget {
    color: transparent !important;
    font-size: 0 !important;
}

.rateit-selected {
    background: url(/Content/star.gif) left 16px !important;
}
/*Top bar with Globe and Currency*/


#lang_currency_switchers {
    float: right;
    margin-right: 14px;
    top: 0;
    border-radius: 0 0 5px 5px;
    background: #f6f4f5;
    font-size: 13px;
    font-family: 'Roboto',sans-serif;
    color: #000;
    flex-shrink: 0;
    width: 126px;
}

    #lang_currency_switchers > div.first {
        border-radius: 0 0 0 5px;
        height: 28px;
        width: 36px;
        background: #787878 url("https://static3.cloudbeds.com/CF-ORIGIN/assets/booking/images/earth-cbv-1.png") no-repeat scroll 5px 50%;
    }

    #lang_currency_switchers > div, #lang_currency_switchers > a.dropdown {
        display: block;
        *display: inline;
        zoom: 1;
        width: 30px;
        position: relative;
        margin: 0;
        padding: 5px 6px;
        float: left;
    }

    #lang_currency_switchers > a.dropdown {
        display: block;
        *display: inline;
        zoom: 1;
        width: 36px;
        position: relative;
        margin: 0;
        margin-left: 0px;
        padding: 5px 6px;
        float: left;
    }

    #lang_currency_switchers > a.dropdown {
        cursor: pointer;
    }

.flag {
    padding: 0 !important;
    margin: 0 5px 0 0;
    margin-left: 0px;
    width: 16px;
    height: 11px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(https://static3.cloudbeds.com/CF-ORIGIN/assets/booking/images/flagssprite_small-cbv-1.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
}

#lang_currency_switchers > a.middle > div {
    right: -50px;
}

#lang_currency_switchers > a.dropdown > div {
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    border: 1px solid #cbcbcb;
    background: #f0f0f0;
    border-radius: 5px;
    width: 200px;
    z-index: 1000;
}

#currency-selector, #lang-selector {
    padding-left: 0;
    margin-bottom: 0;
}

#lang_currency_switchers > a.dropdown > div ul > li.selected {
    background: url(https://static3.cloudbeds.com/CF-ORIGIN/assets/booking/images/selected-cbv-1.png) no-repeat 8px 50%;
}

#lang_currency_switchers > a.dropdown > div ul > li {
    padding: 5px 13px 5px 28px;
    cursor: pointer;
    font-size: 13px;
}

#currency-selector li, #lang-selector li, .amenities_tab ul li {
    list-style-type: none;
}

#lang_currency_switchers > a.dropdown > span {
    white-space: nowrap;
    overflow: hidden;
}

#lang_currency_switchers > a.dropdown > div {
    display: none;
    position: absolute;
    top: 28px;
    right: 0;
    border: 1px solid #cbcbcb;
    background: #f0f0f0;
    border-radius: 5px;
    width: 200px;
    z-index: 1000;
}

#lang_currency_switchers > a.dropdown {
    cursor: pointer;
}

a {
    text-shadow: none;
    color: #444;
}

#lang_currency_switchers > a.dropdown .slimScrollDiv {
    background: transparent !important;
    border: none !important;
}

#lang_currency_switchers > a.dropdown {
    cursor: pointer;
}

#currency-selector, #lang-selector {
    padding-left: 0;
    margin-bottom: 0;
}

#lang_currency_switchers > a.dropdown > div ul > li {
    padding: 5px 13px 5px 28px;
    cursor: pointer;
    font-size: 13px;
}

#currency-selector li, #lang-selector li, .amenities_tab ul li {
    list-style-type: none;
}


#lang_currency_switchers > a.dropdown .slimScrollDiv ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}


#lang_currency_switchers > a.dropdown {
    width: 55px;
    background: #f6f4f5;
    margin-left: -5px;
    background: url(https://static3.cloudbeds.com/CF-ORIGIN/assets/booking/images/arr-cbv-1.png) no-repeat 33px 50% #f6f4f5;
    cursor: pointer;
}

#lang_currency_switchers > div, #lang_currency_switchers > a.dropdown {
    display: block;
    display: inline;
    width: 53px;
    width: 40px;
    position: relative;
    margin: 0;
    margin-left: 0px;
    padding: 3px 3px;
    float: left;
}


/*

.ct-topbar__list {
    margin-bottom: 0px;
}

.ct-language__dropdown {
    padding-top: 8px;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 110%;
    left: -3px;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 100px;
    text-align: center;
    padding-top: 0;
    z-index: 200;
}

    .ct-language__dropdown li {
        background: #222;
        padding: 5px;
    }

        .ct-language__dropdown li a {
            display: block;
        }

        .ct-language__dropdown li:first-child {
            padding-top: 10px;
            border-radius: 3px 3px 0 0;
        }

        .ct-language__dropdown li:last-child {
            padding-bottom: 10px;
            border-radius: 0 0 3px 3px;
        }

        .ct-language__dropdown li:hover {
            background: #444;
        }

    .ct-language__dropdown:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 8px;
        height: 0;
        border: 0 solid transparent;
        border-right-width: 8px;
        border-left-width: 8px;
        border-bottom: 8px solid #222;
    }

.ct-language {
    position: relative;
    background: #00aced;
    color: #fff;
    padding: 10px 0;
}

    .ct-language:hover .ct-language__dropdown {
        max-height: 200px;
        padding-top: 8px;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}*/




.btn_availability, button {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    transition: box-shadow .28s cubic-bezier(0.4,0,0.2,1);
    border-radius: 2px;
    border-width: 0 !important;
    overflow: hidden;
    position: relative;
    padding: 9px 14px 8px 14px;
    background-color: #ff5722;
}


.last_img_count {
    position: absolute;
    top: 23px;
    margin: 4px 41px;
    font-weight: bold;
    font-size: initial;
}

.flexslider {
    /*margin: 0 0 -13px !important;*/
    margin: -10px 0 5px 0px !important;
    background: #f6f5f5 !important;
}

.choose_room, .page-bar {
    background-color: #f6f5f5;
}

.page-bar {
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

    .page-bar .page-breadcrumb {
        float: none;
        display: block;
        width: 100%;
    }

    .page-bar .page-breadcrumb {
        /*padding: 5px 0;*/
    }

    .page-bar .page-breadcrumb {
        display: inline-block;
        float: left;
        /*padding: 8px;*/
        margin: 0;
        list-style: none;
    }

        .page-bar .page-breadcrumb > li {
            display: inline-block;
        }

.page-breadcrumb li {
    float: left;
    padding: 0;
}

    .page-breadcrumb li.active > span {
        background-color: #58583c;
    }

    .page-breadcrumb li:first-child > span {
        padding-left: 10px;
    }

.page-bar .page-breadcrumb > li > span {
    color: #fff;
    text-transform: uppercase;
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none;
}

.page-breadcrumb li > span {
    color: white;
    text-decoration: none;
    padding: 10px 0 10px 55px;
    padding-left: 55px;
    background: #e3e3e3;
    background-color: rgb(227, 227, 227);
    position: relative;
    display: block;
    float: left;
    width: 100%;
    line-height: 40px;
    text-align: center;
    cursor: default;
}

.page-bar .page-breadcrumb {
    list-style: none;
}

.page-breadcrumb li > span::before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    /*border-left: 30px solid white;*/
    border-left: 30px solid #58583c;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

.page-bar .page-breadcrumb li.active > span::after {
    border-left: 30px solid #58583c;
}

.page-bar .page-breadcrumb li > span::after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #404040;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 100%;
    z-index: 2;
}

.page-bar .page-breadcrumb > li > span {
    color: #fff;
    text-transform: uppercase;
}

/*.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none;
}*/

.page-breadcrumb li > span {
    color: white;
    line-height: 40px;
    text-align: center;
    cursor: default;
}

.page-bar .page-breadcrumb > li > span .numberCircle {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    padding: 4px 9px;
    background: #fff;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border: 2px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    color: #e3e3e3;
    text-align: center;
    margin-right: 10px;
}

.page-breadcrumb .checkLabel {
    display: none;
}

/*.bg-green-jungle {
    border-color: #26c281 !important;
    background-image: none !important;
    background-color: #26c281 !important;
    color: #fff !important;
}*/
.page-bar .page-breadcrumb > li.active > span .numberCircle {
    color: #12234e;
}

.page-bar .page-breadcrumb > li > span .numberCircle {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    /*padding: 4px 9px;*/
    background: #fff;
    border: 2px solid transparent;
    color: #e3e3e3;
    text-align: center;
    margin-right: 10px;
}

.page-breadcrumb .numberLabel {
    display: inline;
}

.page-bar .page-breadcrumb > li > span {
    color: #fff;
    text-transform: uppercase;
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span {
    color: #888;
    font-size: 14px;
    text-shadow: none;
}

.page-breadcrumb li > span {
    color: white;
    line-height: 40px;
    text-align: center;
    cursor: default;
}

.page-bar .page-breadcrumb {
    list-style: none;
}

.number-notification {
    position: relative;
    padding: 2px 5px;
    background-color: #2a97d7;
    color: white;
    /*font-family: Verdana;*/
    font-weight: bold;
    font-size: 10px;
    border-radius: 50%;
    box-shadow: 1px 1px 1px silver;
}

.fa .number-notification {
    /*top: -1rem;*/
    /*right: 1rem;*/
    top: -17px;
    right: 4px;
}

.setStar {
    font-size: 12px !important;
}

.white-box .box-title {
    padding: 0px;
    margin-bottom:5px;
}

/*#modal-booking-summary .modal-footer .SetContent {
    color: #000;
}*/



.stepwizard-step p {
    margin-top: 0px;
    color: #666;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

    .stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
        opacity: 1 !important;
        color: #bbb;
    }

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 10px;
    background-color: var(--primary);
    z-index: 0;
    border-radius: 5px;
    opacity: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.stepwizard .btn-success {
    background-color: var(--primary);
    position: relative;
}
.stepwizard .btn-success:after {
    content: '\f0d7';
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    text-align: center;
    color: var(--primary);
    font-size: 28px;
    font-family: 'FontAwesome';
}

.btn-circle {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 0;
    text-transform: capitalize;
    font-weight: normal;
}

.btn.btn-circle.not-active {
    background: linear-gradient(to bottom, #fff 0%,#fff 100%) !important;
    color: var(--black);
    border: 1px solid var(--primary);
}

/*Vijay:2022-02-09*/

/*.stepwizard-step.active::after {
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 10px #0072e4;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}*/
.SetCssForHtmlText p{
    font-weight:normal;
}
.input-group .form-control{z-index:0;}
.pay-later-header {
    font-weight: initial !important;
}