/* STAY */

@import url("https://use.typekit.net/ovb4bcx.css");


body { font-size: 20px; line-height: 1.4; background-color: #fff; }

    body.accessabilityMainPage #GridPromo { display: none; }
    body.modal-open { overflow: hidden; padding-right: 0 !important; }
h1, h2 { font-family: 'mikhmoret-aaa-700', sans-serif; font-size: inherit; }
a:hover, a:focus { color: #070707; }


.grid-text p { margin-top: 0; }
.grid-text-section .section-title { margin-bottom: 0; }
.gray-bg { background-color: #f2f2f2; }
.cookies-disclaimer.active { z-index: 10; }
.cookies-disclaimer button { margin: 10px 0 0; }
.cookies-disclaimer:not(.active) { display: none !important; }
.stickyButton { right: 15px; bottom: 40px; left: auto; }
.stickyButton img { max-width: 58px; }
.stickyButton span { display: none; }
/* Header */
/* HEADER DEFAULT RESET*/
#header2 ul.menu li.active { color: inherit; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li:hover { color: inherit; }
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none; }
#header2 .header-top-right a.lang:focus { border-bottom: none; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
/* END RESET */

#header2 { background: #fff; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1); padding: 0; }
    #header2 .max-width { width: 100%; max-width: 100%; padding: 0 25px; }
    #header2 #header-container { display: flex; position: relative; }

    #header2.detailsInRow .header-right-section { display: flex; direction: rtl; flex-direction: row-reverse; align-items: center; height: 70px; width: 100%; position: static; background-color: inherit; padding: 0; }
    #header2 .header-right-section .phone-icon { display: block; position: static; }
    #header2 .header-right-section .phone-icon a, #header2 .header-top-right a.lang { color: #070707; font-size: 14px; }
    #header2 .header-right-section .menu-nav { display: none !important; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-top { flex: 1; padding: 0; }
        /*#header2 .header-top .address { display: none; }*/
    #header2 .header-top-right { float: none; display: flex; }
        #header2 .header-top-right .languages { display: block; position: static; border-right: none; }

    #header2 .header-top-left { margin-right: auto; display: flex; }
        #header2 .header-top-left svg { fill: #070707; height: 14px; width: auto; }
        #header2 .header-top-left a, #header2 .header-top-right a.lang, #header2 .header-right-section .phone-icon a { line-height: 1; background-color: #c894c2; border-radius: 100px; width: 31px; height: 31px; display: flex; align-items: center; justify-content: center; }

    #header2 #header-left { display: block; position: absolute; top: 12px; left: 50%; transform: translateX(-50%); width: auto; height: auto; margin: 0; }

@media(max-width: 767px) {
    #header2 .header-top-left { display: none; }
    #header2 #header-left { top: 50%; left: 0; transform: translateY(-50%); z-index: 15; max-width: 55px; }
    #header2 .max-width { padding-right: 15px; padding-left: 15px; }
    /* header kdm*/
    #header2 .mobile-middle-kdm { display: block; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; margin: 0; }
     #header2 .mobile-middle-kdm a { border: none; border-radius: 0; background: #eee; padding: 5px 10px; color: #000; pointer-events: none; margin-right: 0; }
    body:not(.home-page) .mobile-middle-kdm { display: none !important; }

}

/* Home Gallery */
    #home-gallery { overflow: visible; }
    #home-gallery .scroll-down { display: none; }
    #home-gallery .IframeFeatureContainer { max-width: 1170px; left: 50%; transform: translateX(-50%); bottom: 90px; }
#home-gallery .iconsBoxLeft { left: 15px;  }
#home-gallery .iconsBoxRight { right: 15px;  }

#home-gallery .iconsBoxLeft, #home-gallery .iconsBoxRight { position: fixed; bottom: 40px; z-index: 100; }
    #home-gallery .iconBox img { max-width: 58px; }
    #home-gallery div#sb-container { padding: 5px 15px; background-color: #fff; }
    #home-gallery .slides { overflow: hidden; }
    #home-gallery .gallery-caption .gallery-text { direction: rtl; font-size: 500%; }
    #home-gallery .opacity-layer-slide { height: 100%; width: 100%; background: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 0.2; }
    #home-gallery .slider-bg.stellar-bg { height: 100% !important; min-height: 100%; background-attachment: scroll; }


    #home-gallery .flex-direction-nav a { font-size: 0; margin: 0; }
    #home-gallery .flex-direction-nav .flex-prev { left: 10%; height: auto; }
    #home-gallery .flex-direction-nav a.flex-next { right: 10%; height: auto; }


    #home-gallery .flex-direction-nav a.flex-prev:before { background-image: url('/warehouse/temp/stay/hero-l-arrow.svg'); }
    #home-gallery .flex-direction-nav a.flex-next:before { background-image: url(/warehouse/temp/stay/hero-r-arrow.svg); }
    #home-gallery .flex-direction-nav a.flex-next:before, #home-gallery .flex-direction-nav a.flex-prev:before { background-size: 100%; background-repeat: no-repeat; width: 38px; height: 13px; }
    #home-gallery .flex-direction-nav { top: 47%; }
#home-gallery::after { content: ''; position: absolute; right: 80px; width: 160px; height: 160px; background: url(/warehouse/temp/stay/stamp.svg) no-repeat; background-size: 100%; animation: rotation 15s infinite linear; z-index: 2; bottom: -100px; }



/*Layout*/
.section { padding: 0; margin: 0; }

/*layouts spaces - ! need to fix*/
.hotels-group-head { padding-top: 74px; padding-bottom: 90px; }

.hotel-row:last-of-type { padding-bottom: 120px; }
.newsletter-banner.grid-text-section { padding-bottom: 0; }

/*Buttons*/

/*buttons - common*/
.grid-text .sec-button, a.sec-button, .grid-rows .grid-row-text a.grid-row-button, #DynamicFormObject input[type=submit] { border: none; border-radius: 0; padding: 0; line-height: 1; }
.grid-text .sec-button { margin-top: 30px; }

.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover { background-color: #fff; color: #070707; }



/*buttons*/
.grid-rows .grid-row-text a.grid-row-button { position: relative; padding: 13px 15px; padding-left: 75px; min-width: 195px; background-color: #fff; color: #070707; height: 50px; text-align: center; }
    .grid-rows .grid-row-text a.grid-row-button::after { content: ''; height: 100%; width: 60px; display: block; background: url(/warehouse/temp/stay/arr-left-black-btn.svg); background-size: 8.5px 15px; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0; transition: 0.5s; }
    .grid-rows .grid-row-text a.grid-row-button::before { content: ''; height: 100%; width: 60px; background-color: rgb(200 148 194 / 0.31); position: absolute; left: 0; top: 0; transition: 0.5s; }
    .grid-rows .grid-row-text a.grid-row-button:hover::before { width: 100%; transition: 0.9s; }

.grid-text .sec-button, a.sec-button { display: inline-block; color: #fff; position: relative; background-color: rgb(239, 64, 91); min-width: 205px; box-shadow: rgba(141, 50, 64, 0.3) 0px 3px 30px 0px; height: 60px; text-align: center; padding: 20px 15px 20px calc(4% + 15px); transition: all 0.35s ease-in-out 0s; z-index: 0; padding-left: 75px; font-size: 100%; }
    .grid-text .sec-button::after, a.sec-button::after { content: ""; height: 100%; width: 30%; display: block; position: absolute; left: 0px; top: 0px; bottom: 0px; background: url(/warehouse/temp/stay/arr-left-white-btn.svg) center center / 8.5px 15px no-repeat; background-position: center center; background-repeat: no-repeat; transition: all 1s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; z-index: 0; }
    .grid-text .sec-button:hover, a.sec-button:hover { color: rgb(255, 255, 255); transition: all 1s ease-out 0s; background-position: 15px; }

    .grid-text .sec-button::before, a.sec-button::before { content: ''; height: 100%; width: 30%; background-color: rgba(7, 7, 7, 0.12); z-index: -1; position: absolute; top: 0; left: 0; transition: 0.5s; }

    .grid-text .sec-button:hover::before, a.sec-button:hover::before { width: 100%; transition: 0.9s; }

@media(max-width: 767px) {
    .grid-text .sec-button, a.sec-button { height: 50px; padding: 15px 15px 15px calc(20% + 15px); }
}


/*popup modal*/
.modal.textInPop { padding-right: 0 !important; }
#multi-content-modal.textInPop #PopUpData { font-family: 'mikhmoret-aaa-400', sans-serif; overflow-y: auto; }



/* CORONA SECTION */
.corona-sec.grid-row-section { max-width: 1000px; margin: 0 auto; padding: 85px 15px 60px; }
    .corona-sec.grid-row-section .grid-row li.slider-item { padding-bottom: 120%; }
    .corona-sec.grid-row-section .grid-rows .grid-row { direction: ltr !important; }
    .corona-sec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { background-color: #c894c2; position: absolute; left: 70%; top: 45%; transform: translate(-50%, -50%); height: auto; padding: 55px 65px; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text h2 { font-size: 400%; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text h3 { font-size: 150%; margin-bottom: 15px; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text p { font-size: 95%; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text { width: 100%; margin-top: 0; }


/* hotels group */
.hotels-group { position:relative; background-color: #f2f2f2; }
.hotels-group::before { content: ''; position: absolute; top: 20px; right: 80px; width: 200px; height: 200px; background: url(/warehouse/temp/stay/stamp.svg) no-repeat; background-size: 100%; animation: rotation 15s infinite linear; z-index: 1; }


/* HOTELS GROUP HEAD*/
.hotels-group-head .section-title h2 { font-family: "futura-pt-bold", sans-serif; font-size: 85%; text-transform: uppercase; color: #4da7a7; }
.hotels-group-head .grid-text h2 { font-size: 400%; }
.hotels-group-head .grid-text-content { width: 100%; }
.hotels-group-head .grid-text p { font-size: 150%; }
.hotels-group-head.grid-text-section::after { content: ''; display: inline-block; background-image: url(/warehouse/temp/stay/arrow-down-yellow.svg); background-repeat: no-repeat; background-size: 100%; width: 30px; height: 50px; margin: 0 auto; margin-top: 30px; }
/* Half Half Columes layouts */
.hotel-row { display: flex; flex-flow: row wrap; max-width: 1220px; margin: 0 auto; padding-bottom: 140px; }

@media(max-width: 767px) {
    .hotel-row .hotel-img-col { max-width: 100%; flex-basis: 100%; }
    .hotel-row .hotel-img-col { display: none; }
}

.hotel-img-col.grid-gallery-section .gallery-container { max-width: 486px; margin-right: auto; }
.hotels-group .hotel-row:nth-child(even) { flex-direction: row-reverse; }
/*
.hotel-row:nth-child(even) .grid-gallery-section .gallery-container { margin-left: auto; }
.hotel-row > section { width: 50%; flex: 0 0 50%; }
    */
.hotel-row .hotel-txt-col { flex: 1; text-align: right; }
.hotel-row .hotel-img-col { flex: 1; max-width: 486px; }
    .hotel-row .hotel-img-col::after { content: ''; position: absolute; top: 0; right: 0; z-index: 3; font-family: 'futura-pt', sans-serif; font-weight: 500; font-size: 450%; max-width: 70%; line-height: 1; transform: translateX(16%); text-align: right; }

/*hotel gallery column*/


.hotel-img-col .owl-carousel .owl-item .item, .hotel-mobile-img-col .owl-carousel .owl-item .item { padding: 0; }
.hotels-group .hotel-row:nth-child(1) .hotel-img-col::after { content: 'STAY AMAZED'; }
.hotels-group .hotel-row:nth-child(2) .hotel-img-col::after { content: 'FUN STAY'; }
.hotels-group .hotel-row:nth-child(3) .hotel-img-col::after { content: 'STAY LOVED'; }

.hotels-group .hotel-row:nth-child(even) .hotel-img-col::after { text-align: left; right: auto; left: 0; transform: translateX(-16%); }


/*.hotel-img-col .owl-carousel .owl-item .item .plus-sign { display: none;}
.hotel-img-col .owl-carousel .owl-dots { z-index: 1; }
.hotel-img-col .owl-carousel .owl-dot { width: 10px; height: 10px; background-color: #070707; }
.hotel-img-col .owl-carousel .owl-dot.active { background-color: transparent; border: 2px solid #070707; }
    */
/*hotel-mobile gallery */
.hotel-mobile-img-col { display: none; }

/*hotel - mobile / desktop - common */
.owl-carousel .owl-dots { z-index: 1; }
.owl-carousel .owl-item .item .plus-sign { display: none; }
.owl-carousel .owl-dot.active { background-color: #070707; }
.owl-carousel .owl-dot { width: 10px; height: 10px; background-color: transparent; border: 2px solid #070707; }
/*hotel text column*/
.hotel-txt-col .section-title h2 { font-family: "futura-pt-bold", sans-serif; font-size: 250%; color: #ef405b; margin-bottom: 6px; }
.hotel-txt-col .grid-text h2 { font-size: 150%; }
.hotel-txt-col .grid-text .gridText1 p:first-child { margin-bottom: 20px; }

.hotel-txt-col .grid-text .grid-text-content { width: 100%; padding: 0; }
    .hotel-txt-col .grid-text .grid-text-content .gridText1 { font-size: 95%; padding-left: 0; max-width: 500px; margin-bottom: 30px; }
.hotel-txt-col .gridText1 img { height: 30px; width: auto; }

.hotel-txt-col .grid-text .grid-text-content .gridText2 { background-color: #fff; max-width: 734px; width: calc(100% + 70px); padding-right: 0; margin-right: -70px; display: flex; flex-wrap: wrap; padding: 20px; position: relative; z-index: 1; }
    .hotel-txt-col .grid-text .grid-text-content .gridText2 p { display: block; flex: 0 0 25%; width: 25%; text-align: center; padding-top: 10px; padding-bottom: 10px; }
        .hotel-txt-col .grid-text .grid-text-content .gridText2 p img { max-width: 60px; width: 100%; height: auto; margin-bottom: 8px; }
        .hotel-txt-col .grid-text .grid-text-content .gridText2 p strong { font-size: 75%; font-weight: normal; display: inline-block; line-height: 1.2; max-width: 85%; }


.hotel-txt-col .grid-text h2 { font-family: 'mikhmoret-aaa-400', sans-serif; font-size: 150%; text-align: right; line-height: 1.2; margin-bottom: 15px; }

.grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { display: block; width: 100%; margin-right: 0; }

@media(min-width: 992px) {
    .hotel-row:nth-child(1n) .hotel-txt-col { padding-right: 70px; }
    .hotel-row:nth-child(even) .hotel-txt-col .grid-text-content .gridText2 { margin-right: -70px; }
}



.group-row { position: relative; max-width: 1330px; margin: 0 auto; background-color: #fff; }
    .group-row::before { content: ''; position: absolute; top: -35px; left: 80px; width: 200px; height: 200px; background: url(/warehouse/temp/stay/stamp.svg) no-repeat; background-size: 100%; animation: rotation 15s infinite linear; }

@keyframes rotation {
    from { transform: rotate(0deg); }
    to { transform: rotate(359deg); }
}


/* dark banner*/
.banner.grid-text-section .grid-text { max-width: 1220px; margin: 0 auto; }
.banner.grid-text-section .gridTextImgContainer { position: relative; }
    .banner.grid-text-section .gridTextImgContainer::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5 }
.banner.grid-text-section .gridTextWithImg { color: #fff; }
.banner .grid-text-content h2 { font-family: 'futura-pt', sans-serif; font-weight: normal; font-size: 200%; }

/*newsletter banner section */
.newsletter-banner .grid-text h2 { font-family: 'futura-pt-bold', sans-serif; font-size: 200%; margin-bottom: 10px; }
.newsletter-banner .grid-text h3 { font-size: 150%; margin-top: 0; margin-bottom: 0; }
.newsletter-banner.grid-text-section .gridTextWithImg { color: #fff; }

/*newsletter form sec*/
.newsletter-form.grid-form-section { display: block; width: 100%; margin: 0 auto; transform: translateY(-50px); background-color: #fff; }
    .newsletter-form.grid-form-section .normal-form input { background-color: #efefef; color: #070707; margin-bottom: 0; }
        .newsletter-form.grid-form-section .normal-form input::placeholder { color: #070707; }

    .newsletter-form.grid-form-section #DynamicFormObject .dynamicFormObjectField .must::before { color: #070707; }
    .newsletter-form.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .newsletter-form.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }

.newsletter-form .dynamicFormObjectFields { width: 100%; }
.newsletter-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.newsletter-form form fieldset { display: flex; flex-wrap: wrap; }
.newsletter-form form .top-form { display: none; }
.newsletter-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.newsletter-form .form-container-wide #DynamicFormObject .dynamicFormObjectField, .newsletter-form .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { flex: 1 0 20%; width: 20%; margin-bottom: 0; line-height: 1; }
.newsletter-form #DynamicFormObject input[type=submit] { background-color: #ef405b; color: #fff; font-size: 100% !important; }
    .newsletter-form #DynamicFormObject input[type=submit]:hover, .newsletter-form #DynamicFormObject input[type=submit]:focus { background-color: #d33951; border-color: transparent; }
.checkboxField label.error, .checkboxField span.error { bottom: 0; top: auto; }
@media(max-width: 991px) {
    .newsletter-form form fieldset { flex-direction: column; }
    .newsletter-form .form-container-wide #DynamicFormObject .dynamicFormObjectField, .newsletter-form .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { flex: 1 0 100%; width: 100%; margin-bottom: 15px; }
}

@media(max-width: 767px) {
    .newsletter-form.grid-form-section { max-width: 90%; }
    .newsletter-banner .grid-text.gridTextWithImg .grid-text-content { top: calc(50% - 25px); }
    .checkboxField label.error, .checkboxField span.error { bottom: 0px; top: auto; right: auto; left: -10px; font-size: 70%; }
}


/*about us section */
.about-section.grid-text-section { padding-top: 120px; padding-bottom: 60px; }
    .about-section.grid-text-section .section-title h2 { font-family: 'futura-pt-bold', sans-serif; font-size: 85%; color: #4da7a7; }
    .about-section.grid-text-section .grid-text h2 { font-size: 400%; }
    .about-section.grid-text-section .grid-text .grid-text-content { width: 100%; text-align: center; }
    .about-section.grid-text-section .grid-text p { display: inline-block; max-width: 450px; font-size: 90%; }

/* thanks section*/
.thanks-section.grid-text-section { background-color: #fff; max-width: 1120px; margin: 0 auto; padding: 0 15px; padding-bottom: 190px; }
    .thanks-section.grid-text-section .gridTextImgContainer { max-width: 80%; padding-bottom: 70px; }
    .thanks-section.grid-text-section .grid-text.gridTextWithImg .grid-text-content { background-color: #f1d219; max-width: 658px; left: 0; bottom: 0; top: auto; transform: none; text-align: right; padding: 60px 50px; }
    .thanks-section.grid-text-section .grid-text h2 { font-family: 'mikhmoret-aaa-400', sans-serif; font-size: 150%; line-height: 1; margin-bottom: 10px; }
    .thanks-section.grid-text-section .grid-text p { font-size: 90%; }


/*preorder promotoion section */
.preorder-sec.grid-text-section { padding-top: 80px; }
    .preorder-sec.grid-text-section .section-title h2 { font-family: 'futura-pt-bold', sans-serif; font-size: 85%; color: #4da7a7; }
    .preorder-sec.grid-text-section .grid-text h2 { font-size: 400%; }
    .preorder-sec.grid-text-section .grid-text p { font-size: 150%; }

/*cards-grid*/
.cards-grid.grid-content-section { max-width: 1080px; margin: 0 auto; }
    .cards-grid.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 137%; overflow: visible; }
.cards-grid .grid-box-opacity-layer { background: linear-gradient(to bottom, rgba(7, 7, 7, 0), #000000); opacity: 0.8; height: 40%; top: auto; }
.cards-grid.grid-content-section .grid-boxes .grid-box-image::after { content: ''; display: block; background-image: url(/warehouse/temp/stay/plus.svg); background-repeat: no-repeat; background-size: 100%; height: 50px; width: 50px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); z-index: 2; }
.cards-grid.grid-content-section .grid-boxes .grid-box-image-container { overflow: hidden; }
.cards-grid.grid-content-section .grid-box-image-text { top: auto; bottom: 55px; transform: translateX(-50%); font-size: 200%; line-height: 1.1; width: 72%; }
.cards-grid .grid-box-title, .cards-grid .grid-box-subtitle { display: none; }

@media(max-width: 767px) {
    .cards-grid .grid-boxes .grid-box { margin-bottom: 30px; margin-right: 0; }
    .cards-grid.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 51%; }
    .cards-grid.grid-content-section .grid-box-image-text { font-size: 150%; width: 95%; bottom: 40px; }
    .cards-grid .grid-box-opacity-layer { height: 55%; }
}

/*specials section*/
.specials-sec.grid-text-section .section-title h2 { font-family: 'futura-pt-bold', sans-serif; font-size: 85%; color: #4da7a7; }
.specials-sec.grid-text-section .grid-text h2 { font-size: 400%; }
.specials-sec.grid-text-section .grid-text p { font-size: 150%; }

/*offers section */
.offers-sec { background-color: #fff; padding-top: 140px; }
    .offers-sec.grid-text-section .section-title h2 { font-family: 'futura-pt-bold', sans-serif; font-size: 85%; color: #4da7a7; }
    .offers-sec.grid-text-section .grid-text h2 { font-size: 400%; }
    .offers-sec.grid-text-section .grid-text p { font-size: 150%; }


.group-row { max-width: 1330px; margin: 0 auto; background-color: #f2f2f2; padding-top: 75px; padding-bottom: 95px; }


/*packages section*/
.packages-sec.grid-text-section .section-title h2 { font-family: 'futura-pt-bold', sans-serif; font-size: 85%; color: #4da7a7; }
.packages-sec.grid-text-section .grid-text h2 { font-size: 400%; }
.packages-sec.grid-text-section .grid-text p { font-size: 150%; }


/*packages grid*/
.packages-grid.grid-content-section { max-width: 1080px; }

    .packages-grid.grid-content-section .grid-box-image-text { font-family: 'futura-pt', 'mikhmoret-aaa-400', sans-serif; }

/*banner link*/
.banner-link.grid-text-section { padding: 0 15px; max-width: 1080px; margin: 0 auto; }
    .banner-link.grid-text-section .grid-text .sec-button { margin-top: 10px; height: 50px; padding-top: 15px; padding-bottom: 15px; min-width: 190px; }

/*offers grid*/

.offers-grid.grid-content-section { max-width: 100%; background-color: #fff; padding-bottom: 110px; }
    .offers-grid.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 30%; }
    .offers-grid.grid-content-section a.box-image-animation { display: inline-block; }
    .offers-grid.grid-content-section .grid-boxes img { max-width: 65px; }
    .offers-grid.grid-content-section .grid-boxes .box-image-animation:hover img { transform: none; }
.offers-grid .grid-boxes .grid-box-title h3 { font-size: 120%; margin-bottom: 0; }
.offers-grid.grid-content-section .grid-boxes .grid-box-title h3 a { color: inherit; }
.offers-grid.grid-content-section .grid-boxes .grid-box:not(.lastItem) { border-left: 1px solid #e8e8e8; }
.offers-grid.grid-content-section .grid-boxes { max-width: 1000px; margin: 0 auto; }
.offers-grid.grid-content-section .content-section-Btn { margin-top: 60px; }

@media(max-width: 767px) {
    .offers-grid.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 40%; }
    .offers-grid .grid-boxes .grid-box-title h3 { font-size: 90%; }
    .offers-grid.grid-content-section .grid-boxes .grid-box { margin-bottom: 40px; }
        .offers-grid.grid-content-section .grid-boxes .grid-box:nth-child(even) { border-left: none; }
    .offers-grid.grid-content-section .content-section-Btn { margin-top: 10px; }
}

/*contact section*/

.contact-form .form-container-wide { display: flex; align-items: center; justify-content: center; height: 100%; }
    .contact-form .form-container-wide #DynamicFormObject { width: 100%; }


.contact-row { display: flex; flex-direction: row-reverse; }
    .contact-row .grid-form-section { display: block; width: 50%; background-color: #c894c2; }
    .contact-row .grid-image-section { width: 50%; height: auto; }
        .contact-row .grid-image-section .image-section-data { height: auto; }

.normal-form input, .normal-form textarea { border: none; border-radius: 0; box-shadow: none; background-color: #8a6786; color: #fff; width: 100%; line-height: 1.4; font-size: 80%; padding: 10px 15px; }
    .normal-form input::placeholder, .normal-form textarea::placeholder { color: #fff; }

#DynamicFormObject { border: none; display: block; }
    #DynamicFormObject:after { content: none; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'futura-pt-bold', sans-serif; font-size: 85%; margin-bottom: 0; }
    #DynamicFormObject .dynamicFormObjectField .must { position: relative; }
        #DynamicFormObject .dynamicFormObjectField .must::before { top: 8px; right: 5px; font-size: 85%; color: #fff; }
    #DynamicFormObject .checkboxField label { font-size: 80%; }

    #DynamicFormObject input[type=submit] { width: 100%; border-radius: 0; max-width: 170px; background-color: #fff; color: #070707; font-size: 100% !important; }
        #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #8a6786; border-color: #5a3d57; color: #fff; transition: 0.35s; }

.form-container-wide #DynamicFormObject { display: block; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-family: 'mikhmoret-aaa-700', sans-serif; font-size: 350%; line-height: 1; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; font-size: 100%; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 50%; margin: 0 auto; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; float: none; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { clear: both; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { text-align: right; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { content: none; }


@media(max-width: 767px) {
    .contact-form #DynamicFormObject.normal-form .dynamicFormObjectFields .dynamicFormObjectField input { margin-bottom: 10px; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
        .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 230%; margin-bottom: 10px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 70%; }
}


/*Inner Pages*/
.MainContent { max-width: 700px; margin: 0 auto; }
.internalPage #text2 { max-width: 700px; width: 90%; margin: 0 auto; }


.gallery-cubes { max-width: 1170px; margin: 0 auto; }
    .gallery-cubes > div { padding: 15px; }
    .gallery-cubes .image-link-container { display: none; }

.internalPage .form-container-wide #DynamicFormObject { background-color: #c894c2; padding-top: 50px; padding-bottom: 50px; }
.internalPage #DynamicFormObject .dynamicFormEndText { margin-top: 10px; }
.internalPage .MainContent #headline { font-size: 100%; text-transform: uppercase; color: #c894c2; margin-bottom: 0; }
.internalPage .MainContent #headline h1 { font-family: "futura-pt-bold", sans-serif; }
.internalPage #subheadline h2 { font-size: 400%; }
.internalPage #text1 { max-width: 100%; }
.internalPage #text2 { max-width: 700px;}
.internalPage #text1, .internalPage #text2 { text-align: right; font-size: 100%; }
#videoContainer iframe { max-width: 100%; }

#text1 ul li, #text2 ul li { list-style: none; padding-right: 1em; text-indent: -1em; }
#text1 ul li:before, #text2 ul li:before { content: ""; border: 2px solid #c894c2; border-radius: 50%; width: 4px; height: 4px; vertical-align: middle; display: inline-block; margin-left: 10px; }
#text1 ul, #text2 ul { padding: 0; }

/*innerpages - gridpromo- contact*/
.internalPage #SiteGrid.layout-bottom #GridPromo { max-width: 900px; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; float: right; padding-right: 5px; padding-left: 5px; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { clear: both; display: block; width: 100%; text-align: right; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField input, #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField textarea { margin-bottom: 15px; }
#GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 220%; font-family: 'mikhmoret-aaa-700'; }

@media(max-width: 767px) {
    #text1 { font-size: 90%; }
    .internalPage .MainContent #headline { font-size: 70%; }
    .internalPage #subheadline h2 { font-size: 230%; }

    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 10px; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 160%; }
}


/* Footer */
/* Remove padding top */
/* Remove float & padding */
#SiteFooter { float: none; padding-bottom: 0; }
footer { padding-top: 0; }
.footer-text-divided { max-width: 1170px; margin: 0 auto; }
 .footer-text-divided > div { vertical-align: middle; }
 .footer-text-divided > div.footer-text-left a { display: block; margin-bottom: 10px; }
.footer-text-right ul { list-style: none; padding: 0; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
    #SiteFooter .site-credit.alternative a { position: static; transform: none; margin-bottom: 0; float: right; direction: rtl; font-size: 75%; color: #fff; }
    #SiteFooter .site-credit.alternative p { float: left; }


@media(max-width: 1440px) {
    .hotel-row .hotel-img-col::after { content: none !important; }
}


@media(min-width: 1025px) and (max-width: 1400px) {
    div#home-gallery::after { bottom: -17%;}
}


@media(min-width: 1025px) {
    .footer-text-divided > div { width: 20%; }
        .footer-text-divided > div.footer-text-middle { width: 60%; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    /*corona-section*/
    .corona-sec .box-image-animation img { width: 100%; }
    .corona-sec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { padding: 35px 40px; }
    .corona-sec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { top: 40%; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text h2 { font-size: 290%; line-height: 0.9; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text h3 { font-size: 105%; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text p { font-size: 85%; }
}


@media(max-width: 991px) {
    .hotel-txt-col .section-title h2 { font-size: 185%; max-width: 100%; }
    .hotel-txt-col .grid-text .grid-text-content { text-align: center }
    .hotel-txt-col .grid-text h2 { font-size: 110%; }
    .hotel-txt-col .grid-text .grid-text-content .gridText1 { font-size: 90%; }
    .hotel-txt-col .grid-text .grid-text-content .gridText2 { width: 100%; margin-right: 0; }
        .hotel-txt-col .grid-text .grid-text-content .gridText2 p { flex: 0 0 50%; width: 50%; text-align: center; }

    .hotel-row { padding-right: 15px; padding-left: 15px; padding-bottom: 70px; }
        .hotel-row:last-of-type { padding-bottom: 70px; }
        .hotel-row .hotel-img-col { display: none; }
        .hotel-row .hotel-mobile-img-col { display: block; width: 100%; margin-bottom: 10px; }
            .hotel-row .hotel-mobile-img-col .gallery-container { width: 100vw; }
}



@media(max-width: 767px) {

    #home-gallery .IframeFeatureContainer { max-width: 100%; padding: 0 15px; bottom: 0; transform: translateY(50%); left: 0; }
    #home-gallery .gallery-caption .gallery-text { font-size: 250%; }
    #home-gallery .flex-direction-nav .flex-prev { left: 15px;  }
    #home-gallery .flex-direction-nav a.flex-next { right: 15px;  }
    #home-gallery .flex-direction-nav { top: 44%; }
    div#home-gallery::after { content: none; }
    /*buttons*/
    .grid-rows .grid-row-text a.grid-row-button { font-size: 100%; }

    /*modal popup*/
    #multi-content-modal.textInPop #PopUpData::after { content: ''; position: absolute; bottom: 0; left: 0; height: 50%; width: 100%; background: #ffffff; background: -webkit-linear-gradient(to top, #ffffff, rgb(255 255 255 / 0%)); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to top, #ffffff, rgb(255 255 255 / 0%)); pointer-events: none; }
    #multi-content-modal.textInPop #PopUpData { min-height: 50vh; max-height: 60vh; }
    #multi-content-modal.textInPop #PopUpData { font-size: 90%; padding-right:0; }
        #multi-content-modal.textInPop #PopUpData p:last-child { padding-bottom: 100px; }


    /*corona-section*/
    .corona-sec.grid-row-section { padding-top: 285px;}
    .corona-sec .grid-rows .grid-row-cell { float: none !important; display: block !important; max-width: 85%; }
    .corona-sec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { top: -50px; transform: none; padding: 25px; left: auto; right: 0; max-width: 80%; }
    .corona-sec.grid-row-section .grid-rows .grid-row-text { padding: 0; }
        .corona-sec.grid-row-section .grid-rows .grid-row-text h2 { font-size: 220%; }
        .corona-sec.grid-row-section .grid-rows .grid-row-text h3 { font-size: 95%; }
        .corona-sec.grid-row-section .grid-rows .grid-row-text p { font-size: 80%; }
    .corona-sec.grid-row-section .grid-rows .grid-row { overflow: visible; }


    /*banner section*/
    .banner .grid-text-content h2 { font-size: 150%; }


    /*hotel group */
    .hotels-group::before { height: 100px; width: 100px; right: 10px; }

    /*hotel group head*/
    .hotels-group-head { padding-top: 30px; padding-bottom: 30px; }
        .hotels-group-head .grid-text h2 { font-size: 230%; }
        .hotels-group-head .section-title h2 { font-size: 70%; }
        .hotels-group-head .grid-text p { font-size: 100%; }




    /*offers section */
    .offers-sec { padding-top: 70px; }
        .offers-sec.grid-text-section .grid-text h2 { font-size: 230%; }
        .offers-sec.grid-text-section .section-title h2 { font-size: 70%; }
        .offers-sec.grid-text-section .grid-text p { font-size: 110%; }


    /*packages section */
    .packages-sec.grid-text-section .grid-text h2 { font-size: 230%; }
    .packages-sec.grid-text-section .section-title h2 { font-size: 70%; }
    .packages-sec.grid-text-section .grid-text p { font-size: 110%; }

    /*preorder holiday section */
    .preorder-sec .grid-text-content { width: 100%; }
    .preorder-sec.grid-text-section .grid-text h2 { font-size: 230%; }
    .preorder-sec.grid-text-section .section-title h2 { font-size: 70% }
    .preorder-sec.grid-text-section .grid-text p { font-size: 110%; }

    /*about-us section */
    .about-section.grid-text-section { padding-top: 40px; padding-bottom: 25px; }

        .about-section.grid-text-section .grid-text h2 { font-size: 230%; }
        .about-section.grid-text-section .section-title h2 { font-size: 70% }
        .about-section.grid-text-section .grid-text p { font-size: 100%; line-height: 1.2; }


    /*contact section */
    .contact-row { flex-direction: column; }
        .contact-row > .section { width: 100%; }


    .group-row { max-width: 90%; }
        .group-row::before { height: 100px; width: 100px; left: 10px; }



    /*thanks section*/
    .thanks-section.grid-text-section { padding-bottom: 40px; }
        .thanks-section.grid-text-section .gridTextImgContainer { max-width: 100%; padding-bottom: 0; }
        .thanks-section.grid-text-section .grid-text.gridTextWithImg .grid-text-content { position: relative; top: -40px; width: 100%; max-width: 95%; padding: 40px; }
        .thanks-section.grid-text-section .grid-text h2 { font-size: 115%; }
        .thanks-section.grid-text-section .grid-text p { font-size: 80%; }


        /*footer */
    #SiteFooter { font-size: 90%; }
    .footer-text-divided { padding-bottom: 50px; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: flex; width: 100%; justify-content: space-between; }
    .footer-text-divided > div.footer-text-left a { display: inline-block; margin: 10px 0 10px 10px; }
    .footer-text-divided > div.footer-text-middle { display: none; }
    .footer-text-divided > div.footer-text-left { flex-direction: row-reverse; }
    .footer-text-divided > div.footer-text-left a:last-child { margin-left: 0; }
}


@media (max-width: 375px) {
    #header2 .mobile-middle-kdm a { font-size: 90%; }

    .corona-sec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { top: -75px; }
}

@media (max-width: 767px) {
    .hotels-group::before { display: none; }
}

#header2 .header-top .address { color: #000; padding-top: 4px; margin-left: 10px; }
#header2 .header-right-section .phone-icon { display: none; }
#header2 .header-top-right a.lang { background: none; font-size: 21px; }
#header2 .header-top-right .languages, #header2 .header-top-right a.lang { margin: 0; } { margin: 0; }
.hotels-group::before { display: none; }
#SiteContainer { overflow: hidden; }

@media (min-width: 768px) {
    #header2 .mobile-middle-kdm { display: block; }
    #header2 .mobile-middle-kdm { display: inline-block; margin-right: 10px; }
    #header2 .mobile-middle-kdm a { color: #000; background: #e9e9e9; padding: 7px; }
    #header2 .header-top-right .languages { display: flex; align-items: center; min-width: 253px; }
}

.newsletter #headline { display: none; }
h2.AccessabilityDateTitle, p.AccessabilityDateText, span.AccessabilityDateDetails { display: none; }

/* Blog */
#GridTop.blog { height: 470px; }
#GridTop.blog:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.4; }
#SiteGrid.blog-grid #GridPage { padding-top: 68px; }
.blog-grid #GridPage .max-width { max-width: 1260px; }
.blog-post { width: 33.3333333%; padding: 0 23px; margin-bottom: 109px; display: flex; flex-direction: column; align-items: center; }
.blog-posts { display: flex; flex-wrap: wrap; margin-left: -23px; margin-right: -23px; }
.blog-post-content { background: #fff; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15); padding: 32px 50px 43px; flex-grow: 1; width: calc(100% - 48px); margin-top: -35px; position: relative; display: flex; flex-direction: column; }
#BlogModule { overflow: visible; }
.blog-post-text { padding-bottom: 0; border: 0; font-size: 95%; margin-bottom: 17px; }
.blog-post-icons { display: none; }
.blog-post-title { font-family: 'mikhmoret-aaa-400'; font-size: 150%; }
.blog-post-image { width: 100%; height: 284px; }
.blog-post-image a { width: 100%; height: 100%; overflow: hidden; display: block; position: relative; }
.blog-post-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; width: auto; }
.blog-post-content .fake-btn { margin-top: auto; display: flex; height: 50px; background: #ef405b; align-items: center; max-width: 190px; color: #fff; position: relative; }
.blog-post-content .fake-btn .icon { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 200%; background: #d23850; position: relative; }
.blog-post-content .fake-btn .text { display: flex; align-items: center; justify-content: center; flex-grow: 1; position: relative; z-index: 1; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #c894c3; border: 1px solid #c894c3; }
.pagination > li > a, .pagination > li > span { min-width: 45px; min-height: 45px; display: flex; align-items: center; justify-content: center; }
.blog-post-content .fake-btn::before { content: ""; display: block; width: 50px; height: 100%; position: absolute; left: 0; top: 0; background: #d23850; z-index: 0; transition: all 0.6s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }
.blog-post-content .fake-btn:hover::before, .blog-post-content .fake-btn:focus::before { width: 100%; transition: 0.9s; }
#BlogView .share-strip { display: none; }
#BlogView h2 { margin-bottom: 20px; }

@media (max-width: 1170px) {
    .blog-post-content { padding: 30px; }
}

@media (max-width: 991px) {
    .blog-post-content { width: calc(100% - 28px); }
    .blog-post { padding: 0 15px; }
    .blog-posts { margin-left: -15px; margin-right: -15px; }
    .blog-post-image { height: 200px; }
    .blog-post-title { font-size: 130%; }
    .blog-post-text { font-size: 90%; }
}

@media (max-width: 767px) {
    .blog-post { width: 100%; margin-bottom: 50px; }
    .blog-posts { margin-left: 0; margin-right: 0; }
    #GridTop.blog { height: 300px; }
    #SiteGrid.blog-grid #GridPage { padding-top: 40px; }
    .blog-related-posts.row { float: none; margin: 0 auto; }
    #BlogView .blog-related-posts h2 { font-size: 160%; }
    .blog-view { padding: 0 5%; }
}

/* More Hotel Hompage Section */
.more-hotels { margin-left: auto; margin-right: auto; max-width: 1312px; padding-top: 160px !important; }
.more-hotels h1 {display:none;}
.more-hotels .grid-box { width: 25%; padding: 12px; position: relative; }
.more-hotels .grid-boxes .grid-box-image { padding-bottom: 152.3%; }
.more-hotels .grid-box-subtitle.button { position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px; background: #fff; color: #070707; font-size: 15px; padding-left: 35px; width: 109px; height: 32px; display: flex; align-items: center; justify-content: center; font-family: 'mikhmoret-aaa-400'; opacity: 0; pointer-events: none; transition: 0.4s; }
.more-hotels .info-wrapper { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); z-index: 3; min-height: 144px; width: 88%; pointer-events: none; }
.more-hotels .grid-boxes .grid-box-image { margin-bottom: 0; }
.more-hotels .grid-box-image .hideUntilHover { width: 100%; padding: 30px 30px 70px; font-size: 20px; line-height: 1.25; }
.more-hotel .grid-boxes .grid-box-image-container { z-index: 2; }
.more-hotels .grid-boxes .box-image-animation::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(96, 96, 96, 0.14) 47%, #000); z-index: 1; }
.more-hotels .grid-boxes .grid-box-title h3 a { color: #fff; }
.more-hotels .grid-boxes .grid-box-title h3 { font-size: 240%; }
.more-hotels .grid-boxes .grid-box-subtitle:not(.button) { color: #fff; font-size: 120%; width: auto; display: table; margin-left: auto; margin-right: auto; transition: opacity 0.4s; }
.more-hotels .grid-boxes .grid-box-subtitle bar { display: block; position: relative; }
.more-hotels .grid-boxes .grid-box-subtitle span { width: auto; font-family: 'mikhmoret-aaa-400'; }
.more-hotels .grid-boxes .grid-box-subtitle bar::before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 0; background: #f1d219; }
.more-hotels .section-title { display: flex; flex-direction: column; }
.more-hotels .section-title h2 { order: 2; font-size: 400%; }
.more-hotels .section-title h3 { order: 1; font-family: 'futura-pt-bold'; font-size: 85%; color: #4da7a7; }
.more-hotels .grid-boxes .grid-box-subtitle span span { display: block; position: relative; font-family: 'mikhmoret-aaa-300'; }
.more-hotels .grid-boxes .grid-box-subtitle span span::before { content: ""; display: block; width: 100%; height: 1px; border-top: 1px solid #f1d219; padding-top: 9px; }
.more-hotels .grid-box:hover .grid-box-subtitle.button { opacity: 1; pointer-events: all; }
.more-hotels .grid-box:hover .grid-box-subtitle { opacity: 0; }
.more-hotels .grid-box:hover .grid-box-title { transition: 0.4s; }
.more-hotels .grid-box:hover .grid-box-title { opacity: 0; }
.more-hotels .grid-box .grid-box-title { transition: 0.4s; }
.more-hotels .grid-box-image .hideUntilHover .grid-box-subtitle { opacity: 1; margin-bottom: 30px; }
.more-hotels .grid-box .grid-box-title { transition: 0.4s; }
.more-hotels .grid-box .grid-box-subtitle.button::before { content: ">"; display: flex; width: 35px; position: absolute; left: 0; top: 0; height: 32px; background: rgb(200 148 194 / 30%); font-size: 47px; line-height: 1; align-items: center; justify-content: center; font-family: 'mikhmoret-aaa-300'; }
.more-hotels::before { content: ""; display: block; height: 51px; width: 33px; position: absolute; left: 50%; transform: translateX(-50%); background: url(/warehouse/temp/stay/arrow-down.svg); background-size: cover; background-position: center; top: 70px; }
@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #home-gallery .gallery-caption .gallery-text{font-size:480%;}
}
@media (max-width: 1024px) {
    .more-hotels .grid-box-image .hideUntilHover { font-size: 90%; }
}

@media (max-width: 991px) {
    .more-hotels .info-wrapper { font-size: 75%; min-height: 110px; }
    .more-hotels .grid-box-image .hideUntilHover { padding: 10px 10px 50px; font-size: 80%; }
    .more-hotels .grid-boxes .grid-box-subtitle:not(.button) { margin-bottom: 10px; }
    .more-hotels .grid-box-subtitle.button { bottom: 20px; }
    .more-hotels .grid-box-image .hideUntilHover p { font-size: 90%; }
}

@media (max-width: 767px) {
    .more-hotels .grid-box { width: 50%; padding: 0; margin: 0; border: 1px solid transparent; }
    .more-hotels .grid-boxes .grid-box-image { padding-bottom: 0; }
    .more-hotels .grid-boxes .grid-box-title { display: block; }
    .more-hotels .info-wrapper { font-size: 95%; min-height: 150px; }
    .more-hotels .section-title h2 { font-size: 230%; }
    .more-hotels .section-title { margin-bottom: 30px; }
    .more-hotels .grid-box-image .hideUntilHover { opacity: 0; position: absolute; padding-bottom: 80px; }
    .more-hotels .grid-boxes .grid-box-image { overflow: hidden; }
    .more-hotels .grid-box.textOnHover .grid-box-image .box-image-animation { height: 71.7vw; }
    .more-hotels .grid-boxes .box-image-animation img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .more-hotels .grid-box-image .hideUntilHover { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 60px; font-size: 135%; }
    .more-hotels .grid-box-subtitle.button { height: 32px; width: 120px; font-size: 90%; }
    .more-hotels .grid-box .grid-box-subtitle.button::before { height: 32px; font-size: 42px; }
    .more-hotels .grid-boxes.row { display: flex; flex-wrap: wrap; }
    .more-hotels .grid-boxes .grid-box-subtitle span { font-size: 74%; line-height: 1; }
    .more-hotels .grid-box-image .hideUntilHover p { font-size: 60%; }
    .more-hotels .grid-box-subtitle.button a { position: absolute; width: 100%; height: 100%; left: 0; padding-left: 35px; display: flex; align-items: center; justify-content: center; }
}