/**** START ****      GENERAL HOTELS SECTION        *********/
.hotels-main {
    background-color: #F6F6F6;
}
.hotels-main-wrapper {
    background-color: transparent;
}

.mh-hotels-content-wrapper {
    margin: 30px 0;
    min-height: 300px;
    overflow: hidden;
}
.mh-hotels-item-wrap {
    margin: 0;
    margin-bottom: 30px;
    padding: 5px;
    overflow: hidden;
    background-color: #fff;
}
.mh-hotels-item-title {
    margin: 0 0 4px 0;
    padding: 3px 20px;
    min-height: 40px;
    font-size: 16pt;
    font-weight: 600;
}
.mh-hotels-item-title-medium {
    display: none;
}
.mh-hotels-item-left {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #eee;
}
.mh-hotels-item-right {
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}
.mh-hotels-item-img-link {
    display: inline-block;
    width: inherit;
    height: inherit;
    padding: 0;
    margin: 0;
    aspect-ratio: 5/3;
}
.mh-hotels-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mh-hotels-item-options-icons {
    margin: 5px 0 0 0;
    padding: 0;
    min-height: 30px;
    width: 100%;
    overflow: hidden;
}
.mh-hotel-page-options-icons {
    margin:  0 0 5px 0;
    padding: 10px 0 0 0;
    min-height: 30px;
    width: 100%;
    overflow: hidden;
    border-top: 2px solid #eee;
}
.mh-hotels-item-options-buttons-list {
    margin: 0;
    padding: 0;
}


.mh-hotels-item-options-buttons-list>li {
    position: relative;
    display: block;
    float: left;
    padding: 0;
    margin: 0 5px 5px 0;
}


.mh-hotels-item-options-buttons-span {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../images/options-icons-bg-small.png);
}

.mh-hotels-item-tbl {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: inherit;
}
.mh-hotels-item-tblrow {
    margin: 0 0 4px 0;
    display: flex;
    width: inherit;
    overflow: hidden;
    align-items: stretch;
}
.mh-hotels-item-tblcell-left {
    margin: 0 4px 0 0;
    padding: 3px 10px;
    display: none;
    width: 200px;
    font-size: 11pt;
    text-align: right;
}
.mh-hotels-item-tblcell-right {
    padding: 3px 10px;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    border-bottom: 4px solid #eee;
}
.mh-hotels-item-links {
    margin: 0 0 10px 0;
    padding: 3px 0;
    text-align: center;
}
.mh-hotels-item-links a {
    margin: 0 5px;
    font-weight: 600;
}
.mh-hotels-item-links a:hover {
    color: #02daab;;
}

.mh-hotels-item-links a::before:hover {
    background-color: #02daab;;
}

.mh-hotels-item-links a::before {
    font: normal 20px/1 dashicons;
    speak: never;
    display: inline-block;
    padding: 0 10px 0 0;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    vertical-align: top;
}
.mh-hotels-item-links-variants::before {
    content: "\f512";
	top: -2px;
}
.mh-hotels-item-links-gallery::before {
    content: "\f161";
	top: -2px;
}
.mh-hotels-item-links-services::before {
    content: "\f526";
	top: -2px;
}
.mh-hotels-item-links-offers::before {
    content: "\f524";
	top: -2px;
}
.mh-hotel-page-top {
    margin: 0 0 10px 0;
    padding: 20px 0 10px 0;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    overflow: hidden;
}
.mh-hotel-page-top p {
    margin-top: 0;
}
.mh-hotel-page-top img {
    width: 100%;
}

.mh-hotel-page-contacts {
    overflow: hidden;
    margin-bottom: 50px;
}

.mh-hotel-page-variants-wrap {
    margin: 0 0 10px 0;
    padding: 5px 0;
    overflow: hidden;
    border-bottom: 2px solid #eee;
}
.mh-hotel-page-variants-title {
    font-size: 16pt;
    font-weight: 500;
}
.mh-hotel-page-variants-items-wrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}
.mh-hotel-page-variants-item {
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    width: 100%;
    overflow: hidden;
}
.mh-hotel-page-variants-item-title {
    margin: 0 0 4px 0;
    padding: 10px 10px;
    min-height: 40px;
    background-color: #999;
}
.mh-hotel-page-variants-item-title a {
    font-size: 12pt;
    font-weight: 600;
    color: #fff;
}
.mh-hotel-page-variants-item-title a:visited {
    color: #fff;
}
.mh-hotel-page-variants-img-link {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: inherit;
    height: calc(100% - 40px);
}
.mh-hotel-page-variants-img-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mh-hotel-page-albums-wrap {
    margin: 0 0 10px 0;
    padding: 5px 0;
    overflow: hidden;
    border-bottom: 2px solid #eee;
}
.mh-hotel-page-albums-title {
    font-size: 16pt;
    font-weight: 500;
}
.mh-hotel-page-albums-items-wrap {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
}
.mh-hotel-page-albums-item {
    margin: 0 auto 20px auto;
    padding: 10px;
    display: block;
    width: 98%;
    text-align: center;
    background-color: #fff;
    box-shadow: 1px 1px 5px #bdbdbd;
}
.mh-hotel-page-albums-item-title {
    margin: 0 0 4px 0;
    padding: 10px 10px;
    min-height: 40px;
}
.mh-hotel-page-albums-item-title a {
    font-size: 12pt;
    font-weight: 600;
    color: #777;
    font-style: italic;
}
.mh-hotel-page-albums-item-title a:visited {
    color: #777;
}
.mh-hotel-page-albums-img-link {
    display: inline-block;
    margin: 0;
    padding: 0;
    aspect-ratio: 4/3;
    width: 100%;
}
.mh-hotel-page-albums-img-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.mh-all-price-table-over {
    overflow-x: auto;
}
.mh-all-price-table {
    border-left: 2px solid;
    border-top: 2px solid;
    border-color: #999;
    border-spacing: 0;
}
.mh-all-price-table th {
    background-color: #dfdfdf;
    border-right: 2px solid;
    border-bottom: 2px solid;
    padding: 4px;
    border-color: #999;
}
.mh-all-price-table td {
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: #999;
    padding: 4px;
}
.mh-all-price-table-td-div {
    text-align: center;
    padding: 4px 0;
}
.mh-all-price-table-td-div-top {
    border-bottom: 1px solid;
    border-color: #999;
}
.mh-all-price-table-td-var-title {
    font-weight: 600;
}

@media screen and (min-width: 28em) {
    .mh-hotels-item-wrap {
        width: 99%;
        padding-bottom: 4px;
        box-shadow: 2px 2px 5px rgb(196, 196, 196);
        margin-bottom: 20px;

    }
    .mh-hotels-item-title-sm {
        display: none;
    }
        .mh-hotels-item-title-medium {
        display: block;
    }
    
    .mh-hotels-item-links {
        display: flex;
        width: 100%;
        justify-content: center;
        float: left;
        margin: 10px 0 0 0;
    }
    .mh-hotels-item-left {
        width: 350px;
        height: 350px;
        float: left;
    }
    .mh-hotels-item-right {
        margin: 0 0 0 4px;
        height: 350px;
        padding: 0;
        overflow: hidden;
        width: calc(100% - 354px);
        float: left;
        border-bottom: none;
    }
    .mh-hotels-item-tblrow-desc {
        height: inherit;
    }
    .mh-hotels-item-tblcell-right {
        background-color: #eee;
        border-bottom: none;
        overflow: auto;
    }
    .mh-hotel-page-top img {
        width: 200px;
        margin: 0 20px 10px 0;
        float: left;
    }
}



@media screen and (min-width: 38em) {
    .mh-hotel-page-top img {
        width: 300px;
        margin: 0 20px 10px 0;
        float: left;
    }
    .mh-hotel-page-variants-items-wrap,
    .mh-hotel-page-albums-items-wrap {
        display: flex;
        flex-wrap: wrap;
    }
    .mh-hotel-page-variants-item {
        margin: 8px;
        display: inline-block;
        width: 200px;
        height: 200px;
    }
    .mh-hotel-page-albums-item {
        margin: 8px;
        display: inline-block;
        padding: 8px;
        width: 200px;
        height: 200px;
    }
    .mh-hotel-page-variants-title,
    .mh-hotel-page-albums-title {
        font-size: 18pt;
    }
    .mh-hotel-page-variants-wrap,
    .mh-hotel-page-albums-wrap {
        padding: 5px 0 20px 0;
    }
}
@media screen and (min-width: 48em) {
    .mh-hotels-item-tblcell-left {
        display: inline-block;
    }
    .mh-hotels-item-tblcell-right {
        width: calc(100% - 150px);
    }
    .mh-hotel-page-top img {
        width: 500px;
        margin: 0 20px 10px 0;
        float: left;
    }
    .mh-hotel-page-options-icons .mh-hotels-item-options-buttons-span {
        margin: 5px;
        outline: 5px solid;
    }
    .mh-hotel-page-variants-item {
        width: 250px;
        height: 250px;
    }
    .mh-hotel-page-albums-item {
        padding: 10px;
        width: 250px;
        height: 250px;
    }
}

@media screen and (min-width: 68em) {
}

/**** END ****   END OF   GENERAL HOTELS SECTION        *********/

/**** START ****      VARIANTS SECTION        *********/
.mh-variants-head {
    margin: 0;
    padding: 5px 0;
    font-size: 1.6rem;
}

.mh-variants-subhead {
    margin: 0;
    padding: 0;
    font-size: 12pt;
}

.mh-variant-info-wrapp {
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top: 1px solid #c7d8d8;
}

.mh-variant-imgs-wrapp {
    margin: 0px 0 10px 0;
    padding: 0;
}
.mh-variants-item-title {
    margin: 0 0 20px 0;
    color: #999;
    padding: 5px;
    font-size: 15pt;
}
.mh-variants-item-title a {
    color: #ffffff;
    text-decoration: none;
}
.mh-variants-item-title a:hover {
    color: #a6ffff;
    text-decoration: underline;
}

.mh-variants-item-more-link-wrapp {
    text-align: right;
}

.mh-variants-item img {
    width: 100%;
}

.mh-variant-info-options-wrapp {
    margin: 10px 0;
    overflow: hidden;
}

.options-buttons-list-big,
.options-buttons-list-small,
.options-buttons-list-small-pre {
    margin: 0;
    padding: 0;
}
.options-buttons-list-big {
    display: none;
}
.options-buttons-list-small {
    display: block;
}

.options-buttons-list-big>li,
.options-buttons-list-small>li,
.options-buttons-list-small-pre>li{
    position: relative;
    display: block;
    float: left;
    padding: 0 5px 5px 0;
}

.options-buttons-span,
.options-buttons-span-pre {
    width: 32px;
    height: 32px;
    display: block;
    background-image: url(../images/options-icons-bg-small.png);
    border-radius: 2px;
}
.mh-variant-info-description-wrapp {
    padding: 0;
    margin: 0 0 10px 0;
    overflow: hidden;
    border-bottom: 1px solid #c7d8d8;
    font-size: 14pt;
}
.mh-variant-info-roomnum-wrapp,
.mh-variant-info-type-wrapp {
    border-bottom: 1px solid #c7d8d8;
    padding: 10px 0;
    margin: 0;
    font-size: 14pt;
}

.variant-option-lable-over {
    margin: 0;
    padding: 0;
}
.variant-option-lable {
    font-size: 11pt;
    color: #528888;
}

.variant-price-table-lable {
    padding: 5px;
    margin: 30px 0 0 0;
    text-align: center;
    font-size: 14pt;
    color: #528888;
}
.pricetbl-wrapp {
    margin: 0 auto 50px auto;
    padding: 0;
    overflow: hidden;
}
.mh-variants-item-title {
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    display: block;
    text-align: center;
}

.mh-variants-item-info-over {
    padding: 0;
    padding-bottom: 4px;
    display: block;
    border-bottom: 2px solid;
}

.mh-variants-item-img-block,
.mh-variants-item-txt-block {
    min-height: 100px;
    display: flex;
    justify-content: center;
}
.mh-variants-item-txt-block {
    flex-direction: column;
}
.mh-variants-item-txt-block-options {
    overflow: hidden;
    margin-top: 5px;
}

.mh-variant-info-price-table {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.mh-variant-info-price-table th,
.mh-variant-info-price-table td {
    width: 50%;
    padding: 3px;
    margin: 0 2px 2px 0;
    text-align: center;
    vertical-align: middle;
    font-size: 11pt;
}


.mh-variant-info-price-table td {
    background-color: #ffffff;
}

.span-hide,
.price-col-hide {
    display: none;
}

.price-tbl-note {
    margin: 0 2px 20px 2px;
    padding: 20px 10px;
    background-color: #f4f7f7;
}

.price-tbl-note span {
    font-weight: bold;
    color: #688181;
}

.variant-occupancy-title {
    padding: 5px;
    margin: 20px 0 10px 0;
    text-align: center;
    font-size: 14pt;
    color: #528888;
}
.variant-single-wrapper {
    padding: 5px;
    margin: 30px 0;
    min-height: 300px;
    border: 4px solid;
    overflow: hidden;
}

@media screen and (min-width: 48em) {
    .variant-occupancy-title {
        padding: 5px;
        margin: 40px 0 20px 0;
    }
    .variant-single-wrapper {
      padding: 20px 50px;
      border-radius: 20px;
    }
    .mh-variant-info-wrapp,
    .mh-variant-imgs-wrapp {
        padding: 10px;
    }
    .mh-variant-imgs-wrapp {
        max-width: 600px;
        margin: 0 auto 40px auto;
        border-radius: 44px;
        padding: 34px;
    }

    .mh-variant-imgs-wrapp .glide__track {
        background-color: transparent;
    }
    .mh-variant-imgs-wrapp .glide__slide img {
        border-radius: 14px;
    }
    .options-buttons-span {
        width: 45px;
        height: 45px;
        background-image: url(../images/options-icons-bg.png);
    }
    .options-buttons-list-big {
        display: block;
    }
    .options-buttons-list-small {
        display: none;
    }
    .mh-variants-item-info-over {
        margin: 0;
        display: flex;
        justify-content: flex-start;
        border-bottom: 4px solid;
    }
    .mh-variants-item-img-block,
    .mh-variants-item-txt-block {
        max-width: 100%;
        display: inline-block;
    }
    .mh-variants-item-img-block {
        margin-right: 20px;
        width: 300px;
        height: 300px;
        flex: none;
    }
    .mh-hotels-item-img-link {
        aspect-ratio: inherit;
    }
    .mh-variants-item-txt-block {
        flex: auto;
    }
    .mh-variants-item-title {
        text-align: left;
        font-size: 20pt;
        padding: 5px 20px;
    }
    .mh-variant-info-price-table th,
    .mh-variant-info-price-table td {
        width: 25%;
        padding: 10px;
    }
    .price-col-hide {
        display:table-cell;
    }
    .span-hide {
        display: inline;
    }
    .mh-variants-item-txt-block-options {
        margin-top: 0;
    }
}



/********************************  SERVICES SECTION ***************************/
.mh-hotel-service-type-title {
    font-size: 1.1em;
}

.mh-hotel-service-item-over {
    padding: 0;
    margin: 20px 0 0 0;
    overflow: hidden;
    width: 100%;
}

.mh-hotel-service-item-title-img-over {
    width: 150px;
    height: 150px;
    background-color: #999;
}

.mh-hotel-service-item-title-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mh-hotel-service-item-txt-over {
    padding: 0;
    margin: 0;
}

.mh-hotel-service-item-title {
    margin: 0 0 10px 0;
    color: #999;
    padding: 0 5px 0 0;
    font-size: 15pt;
}
.mh-hotel-service-item-title a {
    color: #427f7f;
    text-decoration: none;
}
.mh-hotel-service-item-title a:hover {
    color: #059e9e;
    text-decoration: underline;
}

.mh-hotel-service-item-desc {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 5px;
    width: 100%;
}

.mh-hotel-service-item-price {
    padding: 5px;
    width: 100%;
}

.mh-hotel-service-desc-title,
.mh-hotel-service-photos-title,
.mh-hotel-service-small-txt {
    font-size: 10pt;
}

.mh-hotel-service-time,
.mh-hotel-service-price {
    padding: 2px 0;
    margin: 0 0 5px 0;
}

.mh-hotel-service-desc-content,
.mh-hotel-service-photos-content {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 5px;
    margin: 0 0 10px 0;
}

.mh-hotel-service-photos-list {
    margin: 10px auto;
    list-style: none;
    padding: 0;
}

.mh-hotel-service-photos-list div {
    width: 150px;
    height: 150px;
    background-color: #999;
}

.mh-hotel-service-photos-list li {
    display: inline-block;
    flex: 1 1 calc(33.33% - 30px);
    margin: 5px;
    box-sizing: border-box;
}

.mh-hotel-service-photos-list img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;
}

@media screen and (min-width: 48em) {
    .mh-hotel-service-item-over {
        border-right: 4px solid;
        width: 99%;
    }
    .mh-hotel-service-type-title {
        font-size: 1.4em;
    }
    .mh-hotel-service-item-txt-over {
        width: calc(100% - 160px);
        float: left;
        padding: 0 10px 5px 40px; 
    }
    .mh-hotel-service-item-title-img-over {
        float: left;
    }
    .mh-hotel-service-item-desc,
    .mh-hotel-service-item-price {
        padding: 8px 5px;
    }
    .mh-hotel-service-desc-title,
    .mh-hotel-service-photos-title {
        margin: 10px 0 3px 0;
    }
    .mh-hotel-service-desc-content,
    .mh-hotel-service-photos-content {
        padding: 8px;
        margin: 0 0 20px 0;
    }
    .mh-hotel-service-time,
    .mh-hotel-service-price {
        padding: 5px 0;
        margin: 0 0 10px 0;
    }

}


/***************************  SPECIAL OFFERS SECTION *************************/
.mh-hotel-offer-item-over {
    padding: 0;
    margin: 20px 0 0 0;
    overflow: hidden;
    width: 100%;
}

.mh-hotel-offer-item-title-img-over {
    width: 250px;
    height: 250px;
    background-color: #999;
}

.mh-hotel-offer-item-title-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mh-hotel-offer-item-txt-over {
    padding: 0;
    margin: 0;
}

.mh-hotel-offer-item-title {
    margin: 0 0 10px 0;
    color: #999;
    padding: 0 5px 0 0;
    font-size: 15pt;
}
.mh-hotel-offer-item-title a {
    color: #427f7f;
    text-decoration: none;
}
.mh-hotel-offer-item-title a:hover {
    color: #059e9e;
    text-decoration: underline;
}

.mh-hotel-offer-item-desc {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 5px;
    width: 100%;
}

.mh-hotel-offer-item-price {
    padding: 5px;
    width: 100%;
}

.mh-hotel-offer-desc-title,
.mh-hotel-offer-photos-title,
.mh-hotel-offer-small-txt {
    font-size: 10pt;
}

.mh-hotel-offer-time,
.mh-hotel-offer-price {
    padding: 2px 0;
    margin: 0 0 5px 0;
}

.mh-hotel-offer-desc-content,
.mh-hotel-offer-photos-content {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding: 5px;
    margin: 0 0 10px 0;
}

.mh-hotel-offer-photos-list {
    margin: 10px auto;
    list-style: none;
    padding: 0;
}

.mh-hotel-offer-photos-list div {
    width: 150px;
    height: 150px;
    background-color: #999;
}

.mh-hotel-offer-photos-list li {
    display: inline-block;
    flex: 1 1 calc(33.33% - 30px);
    margin: 5px;
    box-sizing: border-box;
}

.mh-hotel-offer-photos-list img {
    width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;
}

.mh-room-occupansy-item-over {
    margin: 0 auto 30px auto;
    padding: 0;
}
.mh-room-occupansy-item-title {
    margin: 0;
    width: 100%;
    padding: 5px;
    background-color: #6e7e7e;
    font-weight: 600;
    color: #ffffff;
}

@media screen and (min-width:550px){
    .mh-room-occupansy-item-over {
        margin: 0 auto 40px auto;
        width: 450px;
    }
}
@media screen and (min-width:650px){
    .mh-room-occupansy-item-over {
        margin: 0 auto 50px auto;
        width: 550px;
    }
}
@media screen and (min-width:800px){
    .mh-room-occupansy-item-over {
        margin: 0 auto 60px auto;
        width: 100%;
    }
}
@media screen and (min-width:1100px){
    .mh-room-occupansy-item-over {
        width: 100%;
    }
}


@media screen and (min-width: 48em) {
    .mh-variants-head {
        margin: 0 0 10px 0;
        padding: 10px 0;
    }
    h1.mh-variants-head {
        font-size: 2rem;
    }
    h2.mh-variants-head {
        font-size: 1.5rem;
    }
    h3.mh-variants-head {
        font-size: 1rem;
        margin: 0;
        padding: 0;
    }
    .mh-variants-subhead {
        margin-top: -20px;
        font-size: 16pt;
    }

    .mh-hotel-offer-item-over {
        width: 99%;
    }
    .mh-hotel-offer-type-title {
        font-size: 1.4em;
    }
    .mh-hotel-offer-item-txt-over {
        width: calc(100% - 260px);
        float: left;
        padding: 0 10px 5px 40px; 
    }
    .mh-hotel-offer-item-title-img-over {
        float: left;
    }
    .mh-hotel-offer-item-desc,
    .mh-hotel-offer-item-price {
        padding: 8px 5px;
    }
    .mh-hotel-offer-item-desc {
        margin-bottom: 20px;
    }
    .mh-hotel-offer-desc-title,
    .mh-hotel-offer-photos-title {
        margin: 10px 0 3px 0;
    }
    .mh-hotel-offer-desc-content,
    .mh-hotel-offer-photos-content {
        padding: 8px;
        margin: 0 0 20px 0;
    }
    .mh-hotel-offer-time,
    .mh-hotel-offer-price {
        padding: 5px 0;
        margin: 0 0 10px 0;
    }

}

/***************************  OCCUPANCY SECTION *************************/


.variant-occupancy-check-section-title {
    margin: 20px auto 2px auto;
    padding: 10px 10px;
    font-weight: bold;
    text-align: center;
    background-color: #d9e6e6;
}

.variant-occupancy-check-section-wrap {
    margin: 0 auto 20px auto;
    padding: 20px 10px;
    background-color: #999;
}
.variant-occupancy-check-form-wrap {
    margin: 10px auto;
    max-width: 400px;
}
.mh-check-in-date-wrapper,
.mh-check-out-date-note{
    margin: 0 0 1.75em;
}
.mh-check-out-date-note{
   font-size: 9pt;
}
.mh-check-out-date-wrapper{
    margin: 0;
}
.mh-occupancy-btn:active {
    background-color: #d9e6e6;
}
.mh-tobooking-btn {
    background-color: #d9e6e6 !important;
}
.mh-tobooking-btn:active {
    background-color: #ccffcc !important;
}
.mh-occupancy-error-wrapper {
    display: none;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid red;
    border-radius: 8px;
}
.mh-occupancy-response-wrapper {
    display: none;
}
.mh-occupancy-preloader {
    display: none;
    background-image: url(../images/preloader.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 32px;
    height: 32px;
    position: absolute;
    margin: 0 0 0 10px
}

.mh-occupancy-response {
    margin: 5px 0;
    padding: 10px;
}

.occupancy-red {
    border-left: 8px solid #edc7c7;
    border-right: 2px solid #edc7c7;
}

.occupancy-green {
    border-left: 8px solid #b9e1d7;
    border-right: 2px solid #b9e1d7;
}
.mh-reserve-btn-wrapper {
    text-align: right;
    padding: 0;
    margin: 15px 0 0 0;
}

input[type="checkbox"].mh-bform {
    opacity: 0;
    position: relative;
    top: 20px;
    left: 5px;
}

.agreement-checkbox-label {
    border: none;
    padding: 0;
    color: #747474;
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
}
.agreement-checkbox-label::before {
    content: "";
    position: absolute;
    left: 0px;
    width: 25px;
    height: 25px;
    border: 4px solid #c7c7c7;
    background-color: #ffffff;
    border-radius: 2px;
}
input[type="checkbox"].mh-bform:checked + label:before {
    border-color: #777 !important;
}
.agreement-checkbox-label::after {
    left: 4px;
    top: -3px;
    width: 30px;
    height: 15px;
    border-radius: 1px;
    border-left: 5px solid;
    border-bottom: 5px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
}
input[type="checkbox"].mh-bform:checked + label::after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="text"].mh-bform,
input[type="tel"].mh-bform,
input[type="number"].mh-bform,
input[type="email"].mh-bform {
    padding: 8px;
    border: 4px solid #c7c7c7;
    border-radius: 0;
}
input[type="text"].mh-bform,
input[type="tel"].mh-bform,
input[type="email"].mh-bform {
    width: 100%;
    max-width: 350px;
}
textarea.mh-bform {
    padding: 8px;
    width: 100%;
    border: 4px solid #c7c7c7;
    border-radius: 0;
}
input.mh-bform:focus-visible,
textarea.mh-bform:focus-visible {
    border: 4px solid #777;
    outline: 0;
}
p.mh-bform label {
    font-size: 11pt;
}

.mh-bform-title {
    max-width: 800px;
    padding: 0;
    margin: 60px auto 0 auto;
    color: rgb(59, 120, 128);
    font-size: 20pt;
    
}
.mh-bform-wrapp {
    max-width: 800px;
    padding: 10px;
    border: 1px solid;
    margin: 30px auto;
}
.mh-bform-wrapp label {
    display: block;
    font-size: 9pt;
    color: #9e9e9e;
}

.mh-booking-variant-left-block,
.mh-booking-variant-right-block {
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: inline-block;
}

.mh-booking-variant-right-block {
    padding-left: 10px;
    max-width: 450px;
}

.mh-variant-title {
    display: inline-block;
    font-size: 16pt;
    padding: 0;
    margin: 0 0 10px 0;
    color: #777;
}

@media screen and (min-width: 485px) {
    .mh-bform-wrapp {
        padding: 20px;
    }
}