.main_nav-book {
    display       : inline-block;
    font-family   : "ITC New Baskerville", serif;
    font-size     : 16px;
    height        : 80px;
    width         : 120px;
    right         : 0;
    top           : 32px;
    vertical-align: middle;
    text-align    : center;

}

.ui-menu {
    z-index: 9999;
}

.ui-menu li a {
    font-size  : 10px !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#book-reservation-floating {
    right: 100px;
}

#aDate,
#fDate {
    cursor          : pointer;
    margin          : 0px !important;
    text-align      : center;
    text-transform  : uppercase;
    background-color: rgba(35, 37, 48, 0.84);
}

#aDate {
    margin-right: 3px !important;
}

#fDate {
    margin-left: 3px !important;
}

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

@media (min-width: 1800px) {
    .titleCalendar {
        font-size: 17px !important;
    }
}

#monthAperture {
    font-size: 20px !important;
}

#monthFinal {
    font-size: 20px !important;
}

#dayAperture {
    font-size: 20px;
}

@media (min-width: 576px) {
    #monthAperture {
        font-size: 20px !important;
    }

    #monthFinal {
        font-size: 20px !important;
    }

    #dayAperture {
        font-size: 20px;
    }
}

@media (min-width: 1800px) {
    #monthAperture {
        font-size: 26px !important;
    }

    #monthFinal {
        font-size: 26px !important;
    }

    #dayAperture {
        font-size   : 26px;
        margin-right: 5px;
        font-style  : italic;
    }
}

#dayFinal {
    font-size: 20px;
}

@media (min-width: 576px) {
    #dayFinal {
        font-size: 20px;
    }
}

@media (min-width: 1800px) {
    #dayFinal {
        font-size   : 26px;
        margin-right: 5px;
        font-style  : italic;
    }
}

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

.btnTypeReservation {
    margin        : 0px !important;
    cursor        : pointer;
    text-align    : center;
    font-size     : 14px !important;
    border        : 1px solid rgba(255, 255, 255, 0.3);
    transition    : all 0.5s;
    text-transform: uppercase;
    position      : relative;
}

@media(min-width: 1800px) {
    .btnTypeReservation {
        font-size: 17px !important;
    }
}

.btnTypeReservation span {
    margin-top   : auto;
    margin-bottom: auto;
    margin-left  : 15px;
}

@media(min-width: 1200px) {
    .btnTypeReservation span {
        margin-left: 10px;
        white-space: nowrap;
    }
}

.btnTypeReservationLeft {
    margin-right: 6px !important;
}

.btnTypeReservation.active {
    background: #d3b5a4;
    color     : #000 !important;
}

.btnTypeReservation.active:before {
    content     : '';
    border-top  : 15px solid #d3b5a4;
    border-left : 15px solid transparent;
    border-right: 15px solid transparent;
    bottom      : -16px;
    position    : absolute;
    left        : 45%;
}

@media(min-width: 576px) {
    .btnTypeReservation.active:before {
        left: 50%;
    }
}

.btnTypeReservation.active svg path {
    fill: #000 !important;
}

.btnTypeReservation p {
    margin-bottom: -5px;
    margin-right : 15px;
    margin-top   : auto;
    margin-bottom: auto;
}

.btnTypeReservation svg {
    width  : 70px;
    display: block;
}

@media(min-width: 576px) {
    .btnTypeReservation svg {
        display: block;
    }
}

.btnReservationHotelAir span {
    margin-left: 15px;
}

.book_inputs .btnTypeReservation:first-child svg {
    width : 24px;
    height: 40px;
}

@media(min-width: 576px) {
    .book_inputs .btnTypeReservation:first-child svg {
        width : 35px;
        height: 35px;
    }
}

#labelOccupancy {
    cursor          : pointer;
    color           : #ffffff;
    font-size       : 17px;
    line-height     : 40px;
    height          : 45px;
    width           : 100%;
    background-color: rgba(35, 37, 48, 0.84);
    padding         : 0px 15px;
    border          : 2px solid #d3b5a4;
    border-radius   : 10px;
}

#book-rooms .book_title {
    color    : #FFF;
    font-size: 20px;
}

#book-rooms .book_title_principal {
    color         : #FFF;
    font-size     : 20px;
    padding-bottom: 10px;
    text-align    : center;
}

.bookNow.active {
    display: block !important;
}

.main_nav-book>a {
    background-color  : #5aa09a;
    position          : relative;
    top               : 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition   : opacity 0.2s ease-in-out;
    -ms-transition    : opacity 0.2s ease-in-out;
    -o-transition     : opacity 0.2s ease-in-out;
    transition        : opacity 0.2s ease-in-out;
    font-size         : 16px;
    line-height       : 70px;
    text-transform    : uppercase;
    height            : calc(100% - 5px);
    text-decoration   : none;
    font-family       : "ITC New Baskerville", sans-serif;
    text-align        : center;
    padding-top       : 5px;
    display           : block;
    color             : #fff;
    width             : 100%;

}

.main_nav-book>a:hover {
    text-decoration: none;
}

.main_nav-book>a::after {
    content     : "";
    border-color: #5aa09a transparent transparent transparent;
    border-width: 20px 60px 0 60px;
    border-style: solid;
    position    : absolute;
    height      : 0;
    width       : 0;
    bottom      : -20px;
    left        : 0;
    opacity     : 1;
}

.main_nav-book:hover>a {
    text-decoration: none;
    background     : #5aa09a;
}

.main_nav-book:hover>a::after {
    border-top-color: #5aa09a;
}

.hidden {
    display    : none;
    font-size  : 14px;
    line-height: 18px;
}

#book-reservation-floating {
    font-family   : "ITC New Baskerville", sans-serif;
    background    : #000000;
    height        : auto;
    width         : 270px;
    overflow      : initial;
    top           : 65px;
    right         : 0px;
    letter-spacing: 0;
    position      : fixed;
    text-align    : left;
    z-index       : 99;
    display       : none;
}

#book-reservation-floating::after {
    content: none;
}

#book-reservation-floating.more-options-selected {
    max-height: auto;
}

/*#book-reservation-floating form {
    padding: 10px 15px;
    border-top: 1px solid #333333;
}*/
.content-icon-close {
    position: absolute;
    cursor  : pointer;
    right   : 10px;
    top     : 10px;
}

.content-icon-close svg path {
    fill: #FFF;
}

@media(max-width: 991px) {
    #book-reservation-floating {
        display: none;
    }
}

@media(min-width: 992px) {
    #book-reservation-floating {
        display: none;
    }

    .content-icon-close {
        display: block;
    }
}

#book-reservation-floating form#formReservhotel {
    padding   : 20px 20px 10px;
    border-top: 1px solid #333333;
}

@media(min-width: 576px) {
    #book-reservation-floating form#formReservhotel {
        padding: 20px 25px 10px;
    }
}

@media(min-width: 992px) {}

@media(min-width: 1280px) {
    #book-reservation-floating form#formReservhotel {
        padding: 20px 30px 10px;
    }
}

@media(min-width: 1800px) {
    #book-reservation-floating form#formReservhotel {
        padding: 20px 50px 10px;
    }
}

#book-reservation-floating .book_title {
    color     : #fff;
    font-size : 17px;
    margin-top: 6px;
}

#book-reservation-floating .book_title_principal {
    color         : #fff;
    font-size     : 17px;
    padding-bottom: 10px;
    text-align    : center;
    text-transform: uppercase;
    font-weight   : 400;
}

#book-reservation-floating form input {
    color           : #ffffff;
    font-size       : 17px;
    line-height     : 17px;
    height          : 45px;
    width           : 100%;
    background-color: rgba(35, 37, 48, 0.84);
    padding         : 0px 15px;
    border          : 2px solid #d3b5a4;
    border-radius   : 10px;
}

#book-reservation-floating form input::placeholder {
    color    : #ffffff;
    font-size: 17px;
}

#book-reservation-floating form input.new-airport-input {
    margin-top: 0 !important;
}

#book-reservation-floating form .book_inputs {
    margin-bottom: 0px;
    margin-left  : -20px;
    clear        : both;
    display      : flex;
}

#book-reservation-floating form .book_inputs.adults_kids {
    margin-bottom: 50px;
}

#book-reservation-floating form .book_inputs .book_select_box {
    float       : left;
    position    : relative;
    padding-left: 20px;
}

#book-reservation-floating form .book_inputs .book_select_box.half_width {
    width: 49%
}

#book-reservation-floating form .book_inputs .book_select_box.half_width#rate_filter {
    width: 49%
}

#book-reservation-floating form .book_inputs .book_select_box.quarter_width {
    width: 14%
}

#book-reservation-floating form .book_inputs .book_select_box.third_width {
    width: 33%
}

#book-reservation-floating form .book_inputs .book_input_box {
    float        : left;
    position     : relative;
    padding-left : 0px;
    margin-top   : 5px !important;
    margin-bottom: 5px !important;
}

#book-reservation-floating form .book_inputs .book_input_box.half_width {
    width: 50%
}

#book-reservation-floating form .book_inputs .icon-calendar {
    color         : #878888;
    font-size     : 20px;
    position      : absolute;
    bottom        : 6px;
    right         : 15px;
    line-height   : 45px;
    pointer-events: none;
}

#book-reservation-floating form .book_inputs label {
    color         : #ffffff;
    position      : relative;
    overflow      : hidden;
    margin        : 10px 0 0 0;
    font-size     : 13px;
    text-transform: none;
    margin-right  : 5px;
}

#book-reservation-floating form .book_inputs label.rate_code {
    margin-top    : 0;
    line-height   : 20px;
    font-weight   : 400;
    font-style    : italic;
    font-weight   : normal;
    font-size     : 13px;
    text-transform: none;
}

#book-reservation-floating form .book_inputs select {
    color             : #ffffff;
    font-size         : 18px;
    line-height       : 1.6em;
    height            : 45px;
    width             : 100%;
    background-color  : rgba(35, 37, 48, 0);
    border            : 2px solid #FFF;
    padding           : 0 5px;
    margin            : 5px 0;
    border-radius     : 0;
    -webkit-appearance: none;
    padding-left      : 20px;
}

#book-reservation-floating form .book_inputs select option {
    background-color: #000 !important;
    font-size       : 16px !important;
    padding         : 0 4px 2px !important;
    border          : 0;
}

#book-reservation-floating form .book_inputs .fa-angle-down {
    color         : #878888;
    font-size     : 20px;
    position      : absolute;
    top           : 36px;
    right         : 15px;
    line-height   : 45px;
    pointer-events: none;
}

#book-reservation-floating #more-options {
    display: none;
    clear  : both;
}

#book-reservation-floating #more-options.active {
    display: block;
}

#book-reservation-floating ul {
    clear       : both;
    margin-top  : 20px;
    width       : 50%;
    float       : left;
    padding-left: 0;
    list-style  : none;
}

#book-reservation-floating ul li a {
    color         : #73757c;
    text-transform: uppercase;
    font-size     : 12px;
    font-weight   : 400;
    letter-spacing: 0.05em;
    line-height   : 15px;
    margin-bottom : 12px;
}

#book-reservation-floating ul li a:hover {
    color          : #cecece;
    text-decoration: none;
}

#book-reservation-floating ul li a#maximize-options span {
    text-transform: none;
}

#book-reservation-floating .btn_container {
    text-align   : center;
    margin-top   : 8px;
    margin-bottom: 0px;
    width        : 100%;
    float        : left;
    color        : #ffffff;
}

#book-reservation-floating .btn_container_disclaimer {
    text-align: center;
    margin    : 15px 5px;
    width     : 100%;
    float     : left;
    color     : #ffffff;
}

#book-reservation-floating .btn_container_disclaimer a {
    color     : #BA7850;
    transition: all 0.5s;
}

#book-reservation-floating .btn_container_disclaimer a:hover {
    color: #FFF;
}

#book-reservation-floating .btn_container .btn.book-now {
    font-size    : 18px;
    padding      : 12px 20px;
    font-family  : "ITC New Baskerville", sans-serif;
    width        : auto;
    background   : #d3b5a4;
    border       : none;
    border-radius: 10px;
    color        : #000;
    cursor       : pointer;
    margin-bottom: 10px;
}

@media (min-width: 576px) {
    #book-reservation-floating .btn_container .btn.book-now {
        margin-bottom: 8px;
    }
}

@media (min-width: 992px) {
    #book-reservation-floating .btn_container .btn.book-now {
        margin-bottom: 20px;
    }
}

#book-reservation-floating .btn_container .best_rate {
    font-size  : 12px;
    font-weight: 400;
    margin-top : 6px;
    display    : none;
}

#book-reservation-floating .btn_container .best_rate a {
    color        : #ffffff;
    border-bottom: 1px solid #31A7E6;
    font-weight  : 600;
}

#book-reservation-floating .btn_container .best_rate a:hover {
    text-decoration: none;
    border-bottom  : 0;
}

#ui-datepicker-div {
    z-index: 2003 !important;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    font-family : inherit;
    font-size   : inherit;
    border-color: #c8c8c8;
    border-style: solid none none solid;
    border-width: 2px 0 0 2px;
    padding     : 3px;
    margin      : 5px 0;
    border      : 1px solid #8d8d8d;
}

textarea {
    font-family: inherit;
    display    : block;
    width      : 50%;
    min-height : 60px;
    padding    : 5px;
}

.require-sign {
    margin: 0;
}

.error {
    display    : none;
    color      : firebrick;
    font-weight: 400;
    text-align : left;
}

input.error,
textarea.error {
    border : 2px solid firebrick;
    display: block;
}

.error-bucket {
    display         : none;
    color           : #a94442;
    background-color: #f2dede;
    border-color    : #ebccd1;
    padding         : 1em;
}

.error-bucket a {
    color: #000;
}

ul.error-list li {
    display: none;
}

.visual-error {
    color  : firebrick;
    display: none;
}

label {
    display       : block;
    margin        : 10px 0;
    color         : #15151a;
    text-transform: uppercase;
    font-size     : 14px;
    font-weight   : 600;
    letter-spacing: 0.025px;
    line-height   : 1.3;
}

label input[type="text"],
label input[type="email"],
label input[type="tel"],
label textarea {
    margin: 0 10px;
}

label span {
    width       : 105px;
    text-align  : right;
    margin-right: 10px;
    display     : inline-block;
}

label select {
    margin-left: 10px;
}

label p.info {
    margin     : 0;
    font-style : italic;
    font-weight: 400;
}

ul.radios {
    list-style: none;
    margin    : 0 0 32px;
}

ul.radios li {
    margin : 0 10px 0 0;
    display: inline-block;
}

#ui-datepicker-div {
    display: none;
}

#ui-datepicker-div,
.ui-datepicker-inline {
    background : #FFF;
    border     : 0 !important;
    font-family: "ITC New Baskerville", sans-serif !important;
    padding    : 15px;
}

.ui-datepicker-title {
    text-align: center;
}

#ui-datepicker-div .ui-widget-header,
.ui-datepicker-inline .ui-widget-header {
    border        : 0;
    background    : #FFF;
    text-transform: uppercase;
    font-size     : 12px;
    font-weight   : 400;
    color         : #aaa;
}

#ui-datepicker-div .ui-widget-header a,
.ui-datepicker-inline .ui-widget-header a {
    color: #aaa;
}

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-prev,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-next {
    font-size: 20px;
}

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev span,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next span,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-prev span,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-next span {
    background : none;
    text-indent: 0;
    top        : 0;
    margin-top : -4px;
    overflow   : visible;
    cursor     : pointer;
}

#ui-datepicker-div .ui-widget-header .ui-datepicker-prev.ui-state-hover,
#ui-datepicker-div .ui-widget-header .ui-datepicker-next.ui-state-hover,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker-inline .ui-widget-header .ui-datepicker-next.ui-state-hover {
    background: transparent;
    border    : 0;
}

#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
    float: right !important;
}

#ui-datepicker-div th,
.ui-datepicker-inline th {
    font-size     : 12px;
    color         : #aaa;
    text-transform: uppercase;
    font-weight   : 400;
}

#ui-datepicker-div .ui-state-default,
.ui-datepicker-inline .ui-state-default {
    border         : 0;
    background     : transparent;
    color          : #343434;
    text-align     : center;
    font-size      : 14px;
    padding        : 5px;
    text-decoration: none;
}

#ui-datepicker-div .ui-state-default.ui-state-highlight,
.ui-datepicker-inline .ui-state-default.ui-state-highlight {
    border: 1px solid #fff;
}

#ui-datepicker-div .ui-state-active,
.ui-datepicker-inline .ui-state-active {
    background: #704938;
    color     : #FFF;
}

#datepicker-popup {
    background        : #000;
    margin            : 20px auto;
    padding           : 40px 50px 90px 50px;
    color             : #fff;
    max-width         : 605px;
    min-width         : 320px;
    position          : relative;
    width             : 100%;
    font-family       : "ITC New Baskerville", sans-serif;
    visibility        : hidden;
    transition        : 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition   : 0.5s all;
    -o-transition     : 0.5s all;
    -ms-transition    : 0.5s all;
}

.mfp-wrap #datepicker-popup {
    visibility: visible;
}

#datepicker-popup form::after {
    content: "";
    display: block;
    clear  : both;
}

#datepicker-popup h2 {
    font-size     : 30px;
    line-height   : 46px;
    letter-spacing: 0.005em;
    margin-bottom : 20px;
}

#datepicker-popup input {
    color           : #ffffff;
    font-size       : 17px;
    background-color: #000;
    border          : 0;
    border-bottom   : 1px solid #595B61;
    margin-bottom   : 3px;
    outline         : medium none;
    padding         : 0 4px 5px;
}

#datepicker-popup .arrive_calendar,
#datepicker-popup .depart_calendar {
    float           : left;
    background-color: #000;
    width           : 50%;
    z-index         : 100;
    margin-top      : 20px;
}

#datepicker-popup .book_input_box {
    float        : left;
    margin-bottom: 30px;
}

#datepicker-popup .book_input_box.half_width {
    /*  width: 270px;*/
    width: 44%;
}

#datepicker-popup .book_input_box.half_width input {
    width: 120px;
}

#datepicker-popup .book_input_box.half_width:first-child {
    margin-right: 60px;
}

#datepicker-popup label {
    color    : #ffffff;
    position : relative;
    overflow : hidden;
    margin   : 0;
    font-size: 16px;
}

#datepicker-popup .right {
    text-align: right;
}

#datepicker-popup .ui-widget-content {
    font-family: "ITC New Baskerville", sans-serif !important;
}

#datepicker-popup .ui-datepicker {
    width: 250px;
}

#datepicker-popup .ui-datepicker td {
    line-height: 28px;
    font-size  : 16px;
}

#datepicker-popup .btn {
    width          : 260px;
    font-size      : 16px;
    height         : 54px;
    padding        : 20px 60px 20px 60px;
    font-family    : "ITC New Baskerville", sans-serif;
    background     : #5aa09a;
    border         : none;
    color          : #FFF;
    text-decoration: none;
}

#datepicker-popup .btn:hover {
    text-decoration: none;
}

#datepicker-popup .mfp-close {
    position  : absolute;
    right     : 0;
    top       : 0;
    background: transparent;
    box-shadow: none;
    border    : none;
    cursor    : pointer;
}

#datepicker-popup .mfp-close span {
    color: #fff;
}

#best-rates-popup {
    background-size: cover;
    margin         : 20px auto;
    padding        : 100px;
    color          : #fff;
    max-width      : 680px;
    position       : relative;
    width          : auto;
    font-family    : "ITC New Baskerville", sans-serif;
    display        : none;
}

#best-rates-popup a {
    color: #fff;
}

#best-rates-popup a:hover {
    border-bottom: 1px solid #fff;
}

#best-rates-popup h2 {
    font-size    : 32px;
    line-height  : 40px;
    margin-bottom: 30px;
}

#best-rates-popup p {
    font-size    : 16px;
    line-height  : 25px;
    margin-bottom: 25px;
}

#best-rates-popup ul {
    margin-bottom: 40px;
    padding-left : 16px;
}

#best-rates-popup ul li {
    font-size  : 16px;
    line-height: 25px;
    list-style : disc;
}

#best-rates-popup .mfp-close {
    color: #fff;
}

.mfp-preloader {
    display: none;
}

#best-rates-popup .iconsets {
    text-align: justify;
}

#best-rates-popup .iconsets [class^="icon-"],
#best-rates-popup .iconsets [class*=" icon-"] {
    display  : inline-block;
    font-size: 60px;
}

#best-rates-popup .iconsets:after {
    content: "";
    width  : 100%;
    display: inline-block;
}

.container-widget {
    position: relative;
}

.mfp-ready {
    width   : 100%;
    overflow: hidden;
    z-index : 9;
}

.mfp-wrap {
    position          : fixed !important;
    width             : 100%;
    z-index           : 9999;
    background        : rgba(0, 0, 0, .70);
    height            : 100% !important;
    transition        : 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition   : 0.5s all;
    -o-transition     : 0.5s all;
    -ms-transition    : 0.5s all;
    top               : 0 !important;
}

.mfp-container {
    height: 100%;
}

.mfp-content {
    display           : flex;
    align-items       : center;
    justify-content   : center;
    height            : 100%;
    position          : relative;
    transition        : 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition   : 0.5s all;
    -o-transition     : 0.5s all;
    -ms-transition    : 0.5s all;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-calendar {
    width: 100%;
}

.book-now span,
.popup-reservation-link span {
    margin-right: 12px;
}

.content-form-reservation {
    position: fixed !important;
    top     : 0;
    z-index : 99;
    width   : 100% !important;
    left    : 0;
    right   : 0;
}

@media (min-width: 200px) and (max-width: 550px) {
    #book-reservation-floating form {
        overflow: hidden;
    }
}

@media (min-width: 200px) and (max-width: 812px) and (orientation : landscape) {
    #book-reservation-floating form {
        overflow: hidden;
    }
}

@media (min-width: 412px) and (max-width: 992px) {
    .content-form-reservation #book-reservation-floating {
        top: 90px;
    }
}

@media(max-width: 992px) {

    #book-reservation-floating form .book_inputs .fa-angle-down {
        display: none;
    }

    #datepicker-popup .arrive_calendar,
    #datepicker-popup .depart_calendar {
        width: 100%;
    }

    #datepicker-popup .ui-datepicker {
        width: auto;
    }

    .mfp-content {
        padding: 30px;
    }

    #datepicker-popup .right {
        text-align: center;
    }

    /* date reservation header*/
    /*  #book-reservation-floating form{
          padding: 13px 10px 10px;
      }*/
    #book-reservation-floating form .book_inputs .book_input_box.half_width {
        width: 50%;
    }

    .main_nav-book {
        position  : relative;
        top       : 0;
        height    : 50px;
        flex-basis: 60px;
    }

    .main_nav-book>a {
        line-height: 40px;
    }

    .main_nav-book a::after {
        content: none;
    }

    #book-reservation-floating form .book_inputs {
        /*-ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;*/
    }

    #book-reservation-floating form .book_inputs .book_input_box,
    #book-reservation-floating form .book_inputs .book_select_box {
        padding: 0 20px;
    }

    #book-reservation-floating form .book_inputs .book_select_box.half_width#rate_filter,
    #book-reservation-floating ul,
    #book-reservation-floating .btn_container {
        width: 100%;
    }

    #book-reservation-floating form .book_inputs .book_select_box.quarter_width {
        width: 100%;
    }

    #book-reservation-floating form .book_inputs .book_select_box.third_width {
        width: 33%;
    }

    #book-reservation-floating form .book_inputs .book_select_box.third_width#number_room {
        width: 33%;
    }

    #book-reservation-floating form .book_inputs .book_select_box.quarter_width#number_room {
        width: 100%;
    }

    /* date reservation header*/
}

@media (max-width: 801px) {
    .mfp-wrap {
        overflow: hidden auto;
    }

    .main_nav-book {
        width: 65px;
    }

    .main_nav-book a {
        line-height: 20px;
    }
}

@media (min-width: 595px) and (max-width: 659px) {
    #datepicker-popup {
        padding: 20px;
    }

    #datepicker-popup .book_input_box.half_width:first-child {
        margin-right: 39px;
    }
}

@media (min-width: 500px) and (max-width: 594px) {
    #datepicker-popup {
        padding: 15px;
    }

    #datepicker-popup .book_input_box.half_width {
        width: 44%;
    }

    #datepicker-popup .book_input_box.half_width:first-child {
        margin-right: 35px;
    }

    .mfp-container {
        height: 100%;
    }

    #datepicker-popup input {
        margin: 0;
    }
}

@media (min-width: 200px) and (max-width: 499px) {
    #datepicker-popup {
        padding  : 15px;
        max-width: 100%;
        min-width: 100%;
    }

    #datepicker-popup .book_input_box.half_width {
        width: 100%;
    }

    #datepicker-popup .book_input_box.half_width:first-child {
        margin: 0 auto;
    }

    .mfp-container {
        height: auto;
    }

    #datepicker-popup input {
        margin: 0;
    }
}

/*EXTRA*/

.elementor-section-wrap {
    /*position: fixed !important;
    width: 100% !important;
    background-color: #FFF !important;
    z-index: 999 !important;*/
}

/*@media (min-width: 756px) and (max-width: 759px){
	#datepicker-popup .book_input_box.half_width {
        width: 268px;
}
}
@media (min-width: 670px) and (max-width: 679px){
	#datepicker-popup .book_input_box.half_width {
    width: 225px;
}
}
@media (min-width: 660px) and (max-width: 669px){
	#datepicker-popup {
    padding: 25px;
}
	#datepicker-popup .book_input_box.half_width {
    width: 235px;
}
}*/

/*   #datepicker-popup{
       padding: 15px;
       max-width: 100%;
       min-width: 100%;
   }
    #datepicker-popup .book_input_box.half_width{
       width: 100%;
   }
   #datepicker-popup .book_input_box.half_width:first-child{
       margin: 0 auto;
   }
      .mfp-container{
       height: auto;
   }*/
.ui-datepicker-calendar td {
    padding   : 4px;
    text-align: center;
}

.ui-datepicker-calendar th {
    padding: 4px;
}

.btnReserve {
    cursor: pointer;
}

.btn-close {
    position: absolute;
    right   : 10px;
    top     : 10px;
    cursor  : pointer;
}

.btn-close svg {
    width: 20px;
}

#book-reservation-floating {
    top      : 69px;
    z-index  : 1000;
    max-width: 370px;
    width    : 100%;
}

@media(min-width: 576px) {
    #book-reservation-floating {
        max-width: 500px;
        width    : 100%;
        top      : 96px;
        z-index  : 1000;
    }
}

@media(min-width: 992px) {
    #book-reservation-floating {
        top    : 96px !important;
        z-index: 1000;
    }
}

@media(min-width: 1025px) {
    #book-reservation-floating {
        top    : 110px;
        z-index: 1000;
    }
}

@media(min-width: 1200px) {
    #book-reservation-floating {
        width  : 100%;
        top    : 110px;
        z-index: 1000;
    }
}

@media(min-width: 1280px) {
    #book-reservation-floating {
        max-width: 560px;
        width    : 100%;
        top      : 110px !important;
        z-index  : 1000;
        right    : 31px;
    }
}

@media(min-width: 1800px) {
    #book-reservation-floating {
        max-width: 640px;
        right    : 61px;
    }
}

@media(max-width: 575px) {
    .lightpick {
        left: 15px !important;
    }
}


.lightpick {
    color           : #FFFFFF !important;
    background-color: #232530 !important;
}

.lightpick__month,
.lightpick__months,
.lightpick {
    background: #232530 !important;
}

.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
    background-color: #cab7a6 !important;
}

.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
    background-color: #cab7a6 !important;
}

.lightpick__month-title>.lightpick__select-months {
    font-weight   : bold;
    font-size     : 1em;
    margin-right  : 0.5em;
    color         : #FFF !important;
    text-transform: capitalize;
}

.lightpick__month-title>.lightpick__select {
    color: #FFF !important;
}

.lightpick__toolbar button {
    background-color: #FFFFFF !important;
    transition      : all 0.5s;
}

.lightpick__toolbar button:hover {
    background-color: #cab7a6 !important;
}

#book-rooms {
    display         : none;
    width           : 225px;
    top             : 410px !important;
    right           : 15px;
    position        : fixed;
    background-color: rgba(35, 37, 48, 1);
    padding         : 0px;
    z-index         : 9999;
}

@media (min-width: 576px) {
    #book-rooms {
        top             : 115px !important;
        right           : 505px;
        background-color: rgba(35, 37, 48, 1);
    }
}

@media (min-width: 992px) {
    #book-rooms {
        top  : 190px !important;
        right: 610px;
    }
}

@media (min-width: 1800px) {
    #book-rooms {
        right: 720px;
    }
}

#book-rooms .bm-pu__room-count-text {
    font-family: "ITC New Baskerville", sans-serif;
    font-size  : 15px;
}

#book-rooms .book_title {
    padding       : 10px 15px;
    align-items   : center;
    text-transform: uppercase;
    padding-bottom: 2rem;
    flex-wrap     : wrap;
}

#book-rooms .content-button {
    justify-content: end;
    float          : right;
}

#book-rooms .bm-pu__room-options .book_inputs {
    display  : flex;
    flex-wrap: wrap;
}

#book-rooms .bm-pu__room-options .book_inputs .half_width {
    flex : 0 0 auto;
    width: 50%;
}

#book-rooms .bm-pu__room-options .book_inputs label {
    font-family: "ITC New Baskerville", sans-serif;
    color      : #FFFFFF;
    font-weight: 100;
    font-size  : 12px;
}

#book-rooms .bm-pu__room-options .book_inputs select {
    color      : #ffffff;
    font-size  : 12px;
    line-height: 1.6em;
    height     : 35px;
    width      : 100%;
    background : rgba(35, 37, 48, 0.84);
    border     : 2px solid #FFF;
    padding    : 0px 15px;
}

#book-rooms .bm-pu__room-options .book_inputs .half_width:first-child {
    padding-right: 3px;
}

#book-rooms .bm-pu__room-options .book_inputs .half_width:last-child {
    padding-left: 3px;
}

#book-rooms .column-room-description {
    border-top: 1px solid #FFF;
    padding   : 20px 15px;
    position  : relative;
}

#book-rooms .column-room-description .js-room-number {
    font-family: "ITC New Baskerville", sans-serif;
    color      : #FFFFFF;
}

#book-rooms .content-button .room-btn {
    background: #FFFFFF;
    border    : 1px solid #FFF;
    padding   : 2px 10px;
    color     : #000;
    transition: all 0.5s;
}

#book-rooms .content-button .room-btn:hover {
    background: #cab7a6 !important;
    border    : 1px solid #cab7a6 !important;
}

#book-rooms .rooms-container {
    max-height                : 145px;
    padding-right             : 5px;
    overflow-y                : scroll;
    -webkit-overflow-scrolling: touch;
    white-space               : nowrap;
}

@media (min-width: 576px) {
    #book-rooms .rooms-container {
        max-height: 286px;
    }
}

#book-rooms .js-room-number span {
    position: absolute;
    right   : 0;
    z-index : 9;
    cursor  : pointer;
}

#book-rooms .js-room-number span svg path {
    fill: #FFF;
}

.elementor-nav-menu li.menu-option-modal-reservation {
    background: #cab7a6;
    cursor    : pointer;
    display   : none;
}

.menu-option-modal-reservation a:hover {
    color: #FFFFFF !important;
}

.show-modal-fixed {
    position: fixed !important;
    display : block !important;
}

.book-reservation-fixed {
    top: 77px !important;
}

@media(min-width: 992px) {
    #HeaderReserved {
        display: block;
        width  : 150px;
        float  : right;
    }

    .book-reservation-fixed {
        top: 113px !important;
    }
}

@media (min-width: 992px) {
    .header--top--desktop {
        height: 108px;
    }
}

.not-scroll {
    overflow: hidden !important;
}

.ui-autocomplete {
    background: rgba(35, 37, 48, 1) !important;
    z-index   : 99999 !important;
}

.ui-widget-content a {
    color: #FFF !important;
}

.lightpick__tooltip {
    color: #000 !important;
}

@media(max-width: 991px) {
    .btnReserve {
        margin-bottom: 0 !important;
    }
}

.collapse {
    display: none !important;
}

.btnTypeReservation {
    display        : flex;
    padding        : 14px;
    padding-left   : 15px !important;
    justify-content: center;
    border         : 2px solid #d3b5a4;
}

.btnTypeReservation:nth-child(1) {
    border-top-left-radius   : 8px;
    border-bottom-left-radius: 8px;
}

.btnTypeReservation:nth-child(2) {
    border-top-right-radius   : 8px;
    border-bottom-right-radius: 8px;
}

.content-block-box-check {
    display        : flex;
    justify-content: center;
}

.box-inputs-check {
    margin               : 15px 0 !important;
    display              : grid;
    grid-template-columns: repeat(2, 1fr);
    gap                  : 4px;
}

@media(min-width: 576px) {
    .box-inputs-check {
        gap: 25px;
    }
}

.box-inputs-check .book_input_box {
    border       : 2px solid #d3b5a4;
    padding      : 15px 0;
    border-radius: 13px;
    background   : transparent !important;
}

.option-copy-error {
    font-size : 13px;
    margin-top: 5px;
}

.input-promoCode {
    margin-top: 8px;
}

#book-rooms .content-icon-close {
    display: none;
}

#book-rooms.roomBlockBottom .content-icon-close {
    display: block;

    background   : #44443d;
    border-radius: 40px;
    padding      : 0px;
    width        : 35px;
    height       : 35px;
    top          : -18px;
    right        : -19px;
}

#book-rooms.roomBlockBottom .content-icon-close svg {
    width   : 13px;
    height  : 13px;
    position: relative;
    left    : 11px;
    top     : 6px;
}

#book-rooms.roomBlockBottom {
    background-color: rgb(230 232 228) !important;
    top             : auto !important;
    bottom          : 287px;
    left            : 25%;
    border          : 1px solid #44443D;
    margin-right    : -50%;
    transform       : translate(15%, 0%);
}

#book-rooms.roomBlockBottom .book_title {
    color: #44443d;
}

#book-rooms.roomBlockBottom .column-room-description .js-room-number {
    color: #44443d;
}

#book-rooms.roomBlockBottom .bm-pu__room-options .book_inputs label {
    color: #44443d;
}

#book-rooms.roomBlockBottom .bm-pu__room-options .book_inputs select {
    background-color: rgb(230 232 228) !important;
    border          : 2px solid #FFF;
    color           : #44443d;
}

#book-rooms.roomBlockBottom .js-room-number span svg path {
    fill: #44443d;
}

@media(min-width: 576px) {
    #book-rooms.roomBlockBottom {
        left: 67%;
    }
}

@media(min-width: 1025px) {
    #book-rooms.roomBlockBottom {
        left  : 62%;
        bottom: 155px;
    }
}

#ui-datepicker-div {
    border: 1px solid #c5c5c5 !important;
}

#ui-datepicker-div .ui-widget-header {
    color: #000 !important;
}

.ui-widget-content a {
    color: #333333 !important;
}

#ui-datepicker-div .ui-state-active {
    color: #FFF !important;
}

#ui-id-1 {
    color: #FFF !important;
    width: 300px !important;
}

#ui-id-1 a {
    color: #FFF !important;
}