/* Vivino */

/* General */
body { line-height: 1; color: #fff; font-size: 20px; background: #fff; font-family: '' }
h1, h2 { color: #004634; position: relative; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2 { font-size: 200%; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 5px 0; }
#GridTop { height: 480px; }
#headline { font-size: 200%; }
#galleryview { max-width: unset; }
#text1, #text2 { color: #004634; max-width: 100%; }
#ExternalModule { color: #004634; }
.accessabilityMainPage #text1 { max-width: 800px; margin-bottom: 60px; }

@media(max-width: 1024px) {
    #GridTop { height: 300px; }
    .lobby-grid #GridPage .max-width, #GridPage .max-width { width: 100%; }
    #headline, #accessability h2 { font-size: 160%; }
}

@media(max-width: 767px) {
    #GridPage { padding-top: 20px; }
    a.AccessabilityLink { margin-bottom: 0; font-size: 80%; }
    .site-credit.alternative .text-center { display: flex; align-items: center; justify-content: space-evenly; }
}

/* Header */
#header, #header.bg, .home-page #header:not(.bg) { background: #004634; padding: 25px 45px; }
#header #header-left img, #header.bg #header-left img { max-width: unset; }
#header #header-right { padding: 0; display: flex; align-items: center; }
#header #header-center-kdm a { border: none; padding: 0; margin: 0; display: inline-flex !important; justify-content: center; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { background: transparent; outline: none; border: none; }
#header .menu-nav { background: transparent; padding: 0; order: 1; }
#header .menu-nav span.closed { display: none; }
#header .menu-nav .nav-menu-anim { margin: 0; z-index: 13; width: 50px; }
/*#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
#nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 5px; width: 50px; }*/
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 3px; width: 40px; }
/*#nav-toggle span:before, #nav-toggle-mobile span:before { top: -14px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -14px; }*/
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -10px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -10px; }
#header #header-right .closed, #header #header-right .menu-nav .open.pull-right { display: none !important; }
/*#header #header-right #nav-toggle.active { padding: 0; top: -35px; right: -45px; width: inherit; }*/
#header #header-right #nav-toggle.active { padding: 0; top: 0; right: 0; width: inherit; }
#header #nav-toggle span, #header #nav-toggle-mobile span { left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
#header #nav-toggle.active span, #header #nav-toggle.active span:after, #header #nav-toggle.active span:before { width: 25px; }
#header .submenu { background-color: #004634; margin-right: 0; right: -46px; top: -20px; width: 335px; padding: 0; text-align: right; max-height: unset; z-index: 1; }
#header .submenu li, #header .submenu li.active { background: transparent; position: relative; padding: 0 0 20px 0; text-align: right; }
#header .submenu li > a { color: #fdf8de; font-size: 110%; width: fit-content !important; transition: 0.4s all; }
#header .submenu li:hover, #header .submenu li:focus { background: transparent; }
#header .submenu .MenuWrapper { position: relative; padding: 95px 60px 70px 0; }
#header .submenu .MenuWrapper::after { border: solid 1px #fdf8de; content: ""; position: absolute; top: 55px; left: 40px; right: 40px; bottom: 45px; pointer-events: none; transition: 0.4s all; }
#header .submenu li > a:hover { color: #e94e1b; }
#header #header-right .languages { display: inherit; order: 2; padding: 0px 20px 0 0; font-family: system-ui; font-size: 110%; letter-spacing: 0.28px; }
#header #header-right .languages:hover a { color: #e94e1b; }
#header #header-right .languages a { transition: 0.4s all; }
#header .submenu li.social-mobile .social-links { display: none !important; }
#header #header-right .social-links { padding: 0 15px 0 0; margin: 0; order: 3; }
#header .social-links a { border: 2px solid #fff; border-radius: 50px; padding: 7px; transition: 0.4s all; }
#header .social-links a:hover { background: #e94e1b }
#header .social-links a svg { transition: 0.4s all; width: 22px; height: 20px; }
#header #header-left a.hvr-fade { font-size: 0; position: relative; }
#header #header-left a.hvr-fade::after { background-size: 100%; background-position: center; background-repeat: no-repeat; content: ""; position: absolute; left: 0px; top: -20px; width: 40px; height: 40px; transition: 0.4s all; }
#header #header-left a.hvr-fade.restaurants::after { background-image: url(/warehouse/temp/vivino/delivery-new-D.svg); }
#header #header-left a.hvr-fade.restaurants:hover::after { background-image: url(/warehouse/temp/vivino/delivery-new-D-hover.svg); }
#header-left, #header #header-center-kdm { opacity: 0; transition: 0.2s all; }
#header-left.opacityTrue, #header #header-center-kdm.opacityTrue { opacity: 1; }


@media(min-width: 1024px) {
    #header #header-right #nav-toggle.active { top: -10px; right: -20px; }
}

@media(max-width: 1024px) {
    #header, #header.bg, .home-page #header:not(.bg) { padding: 28px 45px; }
    /*#header #header-right #nav-toggle.active { top: -10px; right: -15px; }*/
    #header #header-right #nav-toggle.active { top: -15px; right: 0; }
    #header #nav-toggle.active span, #header #nav-toggle.active span:after, #header #nav-toggle.active span:before { width: 35px; }
    #header .submenu { z-index: -10; background: #004634; height: calc(var(--vh)); width: calc(var(--vw)); right: 0; overflow: hidden; position: fixed; text-align: center; margin-top: 0px; top: 0; opacity: 0; transition: 0.25s ease-in-out; pointer-events: none; }
    #header.subopen .submenu, #header.menu-open .submenu { opacity: 1; pointer-events: auto; z-index: 10; }
    #header .submenu .MenuWrapper { height: 100%; padding: 85px 120px 85px 0; }
    #header .submenu .MenuWrapper::after { top: 55px; left: 45px; right: 45px; bottom: 45px; }
    #header .submenu .MenuWrapper li > a { font-size: 300%; }
    #header .submenu li.social-mobile { text-align: right; }
    #header .social-links a svg { height: 28px; width: 28px; }
    #header #header-right .languages { font-size: 120%; }
    #header #header-right { justify-content: space-between; }
}

@media(max-width: 1024px) and (min-width: 768px) {
    #header .submenu { display: block !important; }
}

@media(max-width: 767px) {
    /*#header, #header.bg, .home-page #header:not(.bg) { padding: 33.5px 20px; }*/
    #header, #header.bg, .home-page #header:not(.bg) { padding: 33.5px 7px 33.5px 20px; }
    #header .submenu .MenuWrapper { padding: 25px 75px 85px 0; }
    #header .submenu .MenuWrapper li > a { font-size: 180%; }
    #header #header-right { width: 26%; position: unset; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 22px; height: 2px; }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; }
    #header #header-center-kdm, #header.bg #header-center-kdm { padding: 0; display: flex; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); justify-content: center; width: unset; }
    #header #header-center-kdm a img { width: 65%; }
    #header #header-left a.hvr-fade::after { width: 33px; height: 34px; top: -17px; }
    #header #header-left a.hvr-fade.location::after { left: -5px; }
    #header #header-right .languages { font-size: 90%; padding: 0 /*0px 10px 0 0*/; }
    #header #header-right .languages { display: inline-block !important; opacity: 1 !important; }
    #header .submenu { z-index: -10; height: calc(var(--vh)); width: calc(var(--vw)); right: 0px; text-align: center; margin-top: 0; top: 0; opacity: 0; pointer-events: none; max-height: 110vh; top: 89px; overflow: unset; position: absolute; transition: none; }
    #header .submenu .MenuWrapper::after { top: 5px; left: 45px; right: 45px; bottom: 115px; }
    #header #header-right .social-links { display: flex; position: absolute; left: 65px; padding: 0; }
    #header #header-right .social-links a svg { height: 18px; width: 22px; }
    #header .social-links a { padding: 5px 4.5px; border: 1px solid #fff; margin: 0; }
    #header #header-left a.hvr-fade.restaurants::after { background-image: url(/warehouse/temp/vivino/delivery-new.svg); }
}

/* Home Gallery */
#home-gallery .opacity-layer { display: none; }
#home-gallery #player-controls, #home-gallery #mobile-player-controls { display: none; }

/* Home Text Section */
.home-page .grid-text-section { max-width: 1350px; margin: 0 auto; padding: 40px 40px 0; }
.home-page .grid-text-section .grid-text-content { width: 100%; background-color: #fff6d6; color: #004634; line-height: 1.57; display: flex; align-items: center; padding: 130px 0; justify-content: center; z-index: 1; }
.home-page .grid-text-section .grid-text-content p { max-width: 750px; font-size: 140%; margin-top: 0; }
.home-page .grid-text-section .grid-text-content p img { padding-bottom: 40px; }

@media (max-width: 767px) {
    .home-page .grid-text-section { padding: 20px 20px 0; }
    .home-page .grid-text-section .grid-text-content { padding: 80px 35px; }
    .home-page .grid-text-section .grid-text-content p { font-size: 85%; }
    .home-page .grid-text-section .grid-text-content p img { width: 65%; padding-bottom: 30px; }
}

/* Green Section */
.green-sec, .sections .green-sec, .restaurantPage #LobbyModule .grid-content-section { background-color: #004634; max-width: unset; padding: 15px; margin-bottom: 0px; margin-top: 40px; }
.green-sec::after, .restaurantPage #LobbyModule .grid-content-section::after { border: solid 1px #fdf8de; content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; pointer-events: none; }
.green-sec .grid-boxes, .restaurantPage #LobbyModule .grid-content-section .grid-boxes { margin: 0 auto; max-width: 895px; padding: 150px 0 60px; display: flex; flex-wrap: wrap; justify-content: center; }
.green-sec .grid-boxes .grid-box, .restaurantPage #LobbyModule .grid-content-section .grid-boxes .grid-box { width: 50%; padding-right: 25px; padding-left: 25px; margin-bottom: 50px; margin-right: 0; }
.green-sec .grid-boxes .grid-box .grid-box-image, .restaurantPage #LobbyModule .grid-content-section .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 25px; }
.green-sec .grid-boxes .grid-box .grid-box-image-container, .restaurantPage #LobbyModule .grid-content-section .grid-boxes .grid-box-image-container { position: relative; }
.green-sec .grid-boxes .grid-box h3, .restaurantPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 140%; }
.green-sec .grid-boxes .grid-box h3 a, .restaurantPage #LobbyModule .grid-boxes .grid-box-title h3 a { color: #fff; }

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

@media (max-width: 767px) {
    .green-sec .grid-boxes .grid-box h3, .restaurantPage #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 85%; }
    .green-sec, .sections .green-sec, .restaurantPage #LobbyModule .grid-content-section { padding: 15px 16px; }
    .green-sec::after, .restaurantPage #LobbyModule .grid-content-section::after { top: 10px; left: 10px; right: 10px; bottom: 10px; }
    .green-sec .grid-boxes { padding: 50px 0 10px; }
    .green-sec .grid-boxes .grid-box, .restaurantPage #LobbyModule .grid-content-section .grid-boxes .grid-box { padding-right: 5px; padding-left: 5px; margin-bottom: 30px; width: 49.2%; margin-right: 0; }
    .green-sec .grid-boxes .grid-box .grid-box-image, .restaurantPage #LobbyModule .grid-content-section .grid-boxes .grid-box-image { margin-bottom: 10px; }
}

/* Home Red Image Section */
.home-page .home-img-sec { height: unset; background: #d9000d; }
.home-page .home-img-sec .image-section-data { max-width: 695px; margin: 0 auto; height: unset; padding: 35px 0; }
.home-page .home-img-sec .image-section-data img { margin: 0 !important; }

@media (max-width: 767px) {
    .home-page .home-img-sec { margin-bottom: 20px; }
}

/* Home Join Us Boxes */
.home-page .grid-content-section:not(.green-sec) { margin: 0 auto 60px; }
.home-page .grid-content-section:not(.green-sec) .grid-box-image { padding-bottom: 0; margin-bottom: 25px; }
.home-page .grid-content-section:not(.green-sec) .grid-box-image-container { position: relative; }
.home-page .grid-content-section:not(.green-sec) .grid-box { max-width: 405px; padding-right: 20px; padding-left: 20px; }
.home-page .grid-content-section:not(.green-sec) .grid-box img { background: #004634; }
.home-page .grid-content-section:not(.green-sec) .grid-box-title h3 { font-size: 140%; }
.home-page .grid-content-section:not(.green-sec) .grid-box-title h3 a { color: #004634; }

@media (max-width: 767px) {
    .home-page .grid-content-section:not(.green-sec) { padding: 30px 20px 20px; margin: 0 auto; }
    .home-page .grid-content-section:not(.green-sec) .grid-box { width: 46.5%; padding-right: 6px; padding-left: 6px; margin-right: 0; }
    .home-page .grid-content-section:not(.green-sec) .grid-box-image { margin-bottom: 10px; }
    .home-page .grid-content-section:not(.green-sec) .grid-box-title h3 { font-size: 85%; }
}

/* Home Last Image Section */
.home-page .grid-image-section:not(.home-img-sec) { height: unset; padding: 0 30px; margin-bottom: 10px; }
.home-page .grid-image-section:not(.home-img-sec) .image-section-data { max-width: 100%; margin: 0 auto; height: unset; }
.home-page .grid-image-section:not(.home-img-sec) .image-section-data img { margin: 0 !important; }

@media (max-width: 767px) {
    .home-page .grid-image-section:not(.home-img-sec) { padding: 0 20px; margin-bottom: 40px; }
}

/* Restaurants Page */
.boxes-page .grid-content-section, .boxes-page .grid-content-section.lobby-view-section { margin: 0 auto; padding: 40px 15px 35px; }
.boxes-page #headline { padding: 35px 0 10px; margin-bottom: 0; }
.boxes-page:not(.restaurants) #lobbyview { max-width: 1350px; background-color: #fff6d6; color: #004634; line-height: 1.57; display: flex; align-items: center; padding: 45px 0 80px; justify-content: center; margin: 0 auto 50px; flex-direction: column; }
.boxes-page #LobbyModule .grid-boxes { display: flex; flex-wrap: wrap; align-items: center; max-width: 1230px; }
.boxes-page #LobbyModule .grid-boxes .grid-box { max-width: 410px; width: 33.3%; margin-right: 0; padding-right: 25px; padding-left: 25px; margin-bottom: 75px; }
.boxes-page #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 20px; }
.boxes-page #LobbyModule .grid-boxes .grid-box-image-container { position: relative; }
.boxes-page #LobbyModule .grid-boxes .grid-box .grid-box-title h3 { letter-spacing: 2.2px; }
.boxes-page #LobbyModule .grid-boxes .grid-box .grid-box-title a { color: #004634; }

@media(max-width: 1024px) {
    .boxes-page .lobby-grid #GridPage .max-width { padding: 0; }
    .boxes-page #headline { padding: 55px 0px 0px; }
    .boxes-page:not(.restaurants) #lobbyview { padding: 15px 30px 60px; margin: 0 40px; }
    .boxes-page .grid-content-section, .boxes-page .grid-content-section.lobby-view-section { padding: 10px 0 60px; }
    .boxes-page #LobbyModule .grid-boxes { margin-right: 10px; }
    .boxes-page #LobbyModule .grid-boxes .grid-box { width: 32.8%; padding-right: 15px; padding-left: 15px; margin-bottom: 55px; }
}

@media(max-width: 767px) {
    .boxes-page #headline { padding: 45px 0px 0px; }
    .boxes-page:not(.restaurants) #lobbyview { margin: 0 20px; }
    .boxes-page #LobbyModule .grid-boxes { margin-right: 5px; }
    .boxes-page #LobbyModule .grid-boxes .grid-box { width: 49.2%; padding-right: 5px; padding-left: 5px; margin-bottom: 30px; }
    .boxes-page #LobbyModule .grid-boxes .grid-box-image { margin-bottom: 10px; }
    .boxes-page #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 85%; }
}

/* Restaurant Page */
.restaurantPage #GridPage { padding: 0; }
.restaurantPage .lobby-grid #GridPage .max-width { padding: 0; }
.restaurantPage #lobbyview { max-width: 1350px; background-color: #fff6d6; color: #004634; line-height: 1.57; display: flex; align-items: center; padding: 80px 0; justify-content: center; margin: 0 auto; flex-direction: column; position: relative; z-index: 1; }
.restaurantPage #lobbyview #lobbyText a { display: inline-flex; padding: 0 5px; }
.grid-gallery-section { padding: 155px 0 20px; }
.grid-gallery-section .section-title, .gallery-container { margin-bottom: 50px; }
.owl-carousel .owl-item .item { padding: 0 28px; }
.restaurantPage #LobbyModule .grid-content-section { margin-top: 0; }
.restaurantPage #lobbyview { margin: 40px auto 0; }
.restaurantPage #LobbyModule .grid-content-section .section-title h2 { color: #fff; }
.restaurantPage #LobbyModule .grid-content-section .section-title { margin: 0; padding-top: 110px; }
.restaurantPage #LobbyModule .grid-content-section .grid-boxes { padding: 60px 0 60px; }

@media (max-width: 1024px) {
    .restaurantPage #lobbyview { margin: 40px; padding: 80px 15px; }
    .grid-gallery-section { padding: 70px 0 0px; margin-bottom: 0; }
    .grid-gallery-section .section-title { margin-bottom: 30px; }
    .gallery-container { margin-bottom: 70px; }
    .owl-carousel .owl-item .item { padding: 0 15px; }
}

@media (max-width: 767px) {
    .restaurantPage #lobbyview { margin: 20px 20px 0; }
    .restaurantPage #lobbyview #lobbyText p { font-size: 85%; text-align: center !important; }
    .restaurantPage #LobbyModule .grid-content-section .section-title { padding-top: 40px; }
    .restaurantPage #LobbyModule .grid-content-section .grid-boxes { padding: 30px 0 10px; }
    .restaurantPage #LobbyModule .grid-content-section .section-title h2 { font-size: 160%; }
    .grid-gallery-section .section-title h2 { font-size: 130%; max-width: 100%; }
    .owl-carousel { direction: rtl !important; }
    .owl-carousel .owl-nav div { display: none !important; }
    .owl-carousel .owl-stage-outer .owl-stage { display: flex; white-space: nowrap; overflow-x: auto; flex-wrap: nowrap; margin: 20px 0 0; scroll-snap-type: x mandatory; padding-right: 10px; padding-left: 10px; width: unset !important; transform: none !important; }
    .owl-carousel .owl-stage-outer .owl-stage .owl-item { padding: 0 0px; margin: 0; flex: 1 0 85%; scroll-snap-align: center; width: 100%; position: relative; }
    .owl-carousel .owl-stage-outer .owl-stage .owl-item .item { padding: 0 10px; }
    .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .topImg { overflow: hidden; position: relative; }
}

/* Form */
.form-container-wide #DynamicFormObject { border: none; background: #004637; padding: 110px 140px 55px; display: flex; flex-direction: column; color: #fff; align-items: center; max-width: 100% !important; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 200%; padding: 0 0 20px 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125%; margin-bottom: 40px; }
.form-container-wide #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.events .form-container-wide #DynamicFormObject fieldset { justify-content: normal; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding-right: 7px; padding-left: 7px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField, .franchises .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide .dynamicFormObjectField input, .form-container-wide .dynamicFormObjectField textarea,
.form-container-wide .dynamicFormObjectField select { width: 100%; background-color: #fdf8de; border: none; border-radius: 0; margin-bottom: 15px; padding-right: 15px; height: 50px; max-width: 100%; }
.form-container-wide .dynamicFormObjectField textarea { height: 110px; }
.form-container-wide .dynamicFormObjectField input::placeholder, .form-container-wide .dynamicFormObjectField textarea::placeholder,
.form-container-wide .dynamicFormObjectField select { color: #004634; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { border-radius: 30px; background-color: #e94e1b; border: 2px solid #e94e1b; width: 200px; height: 55px; font-size: 110%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input:hover { background: transparent; border: 2px solid #fff; color: #fff; }
#DynamicFormObject .dynamicFormObjectField .must:before { color: #004634; right: 12px; font-size: 80%; top: 10px; }
.select-wrapper:after { color: #004637; }

@media (max-width: 1024px) {
    #SiteGrid.layout-bottom #GridPromo { padding: 20px 40px; }
    .form-container-wide #DynamicFormObject { padding: 70px 40px 45px; }
}

@media (max-width: 767px) {
    #SiteGrid.layout-bottom #GridPromo { padding: 20px 20px 0; }
    .form-container-wide #DynamicFormObject { padding: 50px 30px 35px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 130%; padding: 0; }
    .form-container-wide #DynamicFormObject .checkboxField label { font-size: 85%; }
}

/* Thank You Page*/
.FormResultPage #GridBottom { display: none; }
.FormResultPage a.FormResultPageButton { border-radius: 30px; background-color: #e94e1b; border: 2px solid #e94e1b; width: 200px; height: 55px; font-size: 110%; display: inline-flex !important; color: #fff; align-items: center; justify-content: center; transition: 0.4s all; margin-top: 55px !important; }
.FormResultPage a.FormResultPageButton:hover { background: #004634; border: 2px solid #004634; }

@media (max-width: 767px) {
    .FormResultPage a.FormResultPageButton { margin-top: 35px !important; }
}

/* Franchises Page */
.franchises .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3%; }
.franchises .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField input { height: 20px; width: 20px; margin: 0; margin-left: 10px; }
.franchises .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; text-align: right; display: flex; margin-bottom: 0; align-items: center; }
.franchises .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 0px; }

@media (max-width: 767px) {
    .franchises .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .franchises .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField input { height: 16px; width: 16px; margin-left: 5px; margin-bottom: 3px; }
    .franchises .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; }
}

/* Contact Page */
#GridPage .max-width { max-width: unset; }
.contentPage .MainContent { max-width: 1350px; background-color: #fff6d6; color: #004634; line-height: 1.57; display: flex; align-items: center; padding: 80px 0; justify-content: center; margin: 0 auto 50px; flex-direction: column; }
.contentPage .MainContent #text1, .contentPage .MainContent #text2 { max-width: 900px; }
.contact .MainContent #text1 p { margin: 5px 0; }

@media (max-width: 1024px) {
    .contentPage .MainContent { margin: 0 40px; padding: 80px 15px; }
}

@media (max-width: 767px) {
    .contentPage .MainContent { margin: 0 20px; }
    .contentPage .MainContent #lobbyText p { font-size: 85%; text-align: center !important; }
}

/* Drushim Page */
.drushim #text2 { max-width: 1050px; margin: 0 auto; }

/* Menu Page */
.categories-strip { background: transparent; transform: translateY(-22px); }
.categories-strip ul li:first-child { display: none; }
.categories-strip ul li { background-color: #fdf8de; color: #000; font-size: 100%; margin: 0px 3px; height: 45px; white-space: nowrap; width: 150px; padding: 0; border: 1px solid #e2b34d; border-radius: 50px; transition: 0.4s all; }
.categories-strip ul li:hover { background: #004634; color: #fff; }
.categories-strip ul li.active { background: #004634; color: #fff; }
.categories-strip ul li a { width: 100%; display: inline-flex; justify-content: center; align-items: center; height: 100%; }
#MenuModule #headline { margin-bottom: 10px; font-size: 140%; }
#MenuModule .menuModuleNav a, #MenuModule .menuModuleNav a.selected { color: #000; font-size: 90%; }
#MenuModule .menuModuleNav a.selected::after, #MenuModule .menuModuleNav a.selected::before { content: ""; position: absolute; width: 100%; height: 1px; background: #e94e1b; bottom: -4px; left: 0; }
#MenuModule .menuModuleNav a.selected::after { bottom: -7px; }
#MenuModule .menuModuleNav { padding: 25px 0 45px; }
.menuModuleContent { max-width: 1170px; margin: 0 auto; width: 90%; }
.menuModuleContentPart { background-color: rgb(253 248 222 / 33%); padding: 40px 85px; border: 1px solid #e2b34d; }
.menuModuleContentPart:after { display: none; }
.menuModuleTextItemSubjectDescription { color: #004634; margin-top: -20px; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #e2b34d; }
.menuModuleTextItemPart.test2 { padding-right: 20px; }
.menuModuleTextItemPart.test2:after { right: 20px; }
.menuModuleTextItemTitle { color: #004634; font-size: 125%; max-width: 85%; margin-bottom: 10px; }
.menuModuleTextItemDescription { color: #000; margin-bottom: 15px; font-size: 90%; }
.menuModuleTextItemPrice { color: #004634; }
.menuModuleContentPart li.IconsExplanation span { color: #004634; }

@media (max-width: 1024px) {
    .categories-strip ul { display: flex; position: relative; border-radius: unset; overflow: scroll; justify-content: normal; width: 100%; padding: 0; }
    .menuModuleContentPart { padding: 40px; }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .categories-strip ul { text-align: right; }
    .categories-strip ul li { margin: 0px 3px; font-size: 80%; height: 40px; }
}

@media (max-width: 767px) {
    .menuModuleContentPart { padding: 40px 20px; }
    .menuModuleTextItemPart.test2 { padding-right: 0; }
    .menuModuleTextItemTitle { font-size: 115%; }
    #MenuModule .menuModuleNav { padding: 5px 0 10px; margin-bottom: 15px; white-space: nowrap; overflow: scroll; width: calc( var(--vw) * 1 ); position: relative; left: 50%; right: 50%; margin-left: calc( var(--vw) * -0.5 ); margin-right: calc( var(--vw) * -0.5 ); }
    .menuModuleTextItemPrice { font-size: 90%; padding-top: 2px; }
    .categories-strip ul { overflow: unset; display: unset; }
    .categories-strip ul li { display: inline-block; margin: 0; border: none; }
    .categories-strip ul li:first-child { display: block; }
    .mobile-strip { background: #004634; }
    .menuModuleTextItemDescription { font-size: 80%; max-width: 90%; }
}

/* Footer */
#SiteFooter .footer-text-divided .footer-text-left img { max-width: 315px; width: 100%; }
.footer-text-divided { background: #004634; padding: 10px 0 0; display: flex; align-items: center; }
.footer-text-divided > div { padding: 0; }
.footer-text-divided .footer-text-right { padding-right: 130px; }
.footer-text-divided .footer-text-right ul { list-style: none; padding-right: 0; margin-bottom: 0; }
.footer-text-divided .footer-text-right ul li { margin: 15px 0; }
.footer-text-divided .footer-text-right ul li a { transition: 0.4s all; }
.footer-text-divided .footer-text-right ul li a:hover { color: #e94e1b; }
.footer-text-divided .footer-text-right ul li a img { margin: 0 0 0 20px; }

@media (max-width: 1024px) {
    .footer-text-divided .footer-text-right { padding-right: 20px; }
}

@media (max-width: 767px) {
    #SiteFooter { padding-bottom: 0; overflow: hidden; }
    #SiteFooter .footer-text-divided { padding: 25px 0 0; display: flex; justify-content: space-between; }
    #SiteFooter .footer-text-divided > div.footer-text-left, #SiteFooter .footer-text-divided > div.footer-text-right { display: flex; }
    #SiteFooter .footer-text-divided > div.footer-text-left { width: 30%; transform: translate(-10px, 10px) scale(1.4); }
    #SiteFooter .footer-text-divided > div.footer-text-middle { width: 35%; }
    #SiteFooter .footer-text-divided > div.footer-text-middle img { width: 100%; padding-bottom: 20px; }
    #SiteFooter .footer-text-divided > div.footer-text-right { width: 30%; padding-bottom: 10px; }
    #SiteFooter .footer-text-divided > div.footer-text-right ul li { font-size: 80%; margin: 0 0 10px; }
    #SiteFooter .footer-text-divided > div.footer-text-right ul li a img { margin: 0 0 0 10px; }
}


@media(min-width:1025px) and (max-width:1400px) {
    .TopVideo iframe { width: 115vw !important; top: -15% !important; }
}

/* UnZoom */
#home-gallery .TopVideo { height: 100% !important; background: #004634 }

@media (min-width: 768px) {
    #home-gallery, #home-gallery .TopVideo { height: calc(var(--vh)) !important; }
    .TopVideo iframe { background: #004634; width: 100vw; }
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
    body.macOs .section-animation-item, .home__dynamicText.grid-text-section .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
    body.macOs #home-gallery .TopVideo iframe { height: 180%; width: 150%; background: transparent; }
}

@media (max-width: 1024px) {
    #home-gallery .TopVideo video { height: 140% !important; top: unset; background: transparent; }
}

@media (max-width: 767px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { /* height: calc(var(--vh)) !important; */ min-height: unset !important; }
}

@media (max-width: 500px) {
    #home-gallery .TopVideo video { height: 110% !important; }
}