﻿/*****Lehem Yain*****/

body {font-size: 21px; color: #040707;}
.aboutSection #ContentRegularModule, .menuSection  .section-content, .contactSection #DynamicFormObject, .form-modal .modal-content {max-width: 1030px;}
.aboutSection, .menuSection, .eventsSection {background: url(../../../warehouse/temp/LehemYain/bgAqua.jpg) !important;}
#headline, .headline {margin-bottom: 0;}
section .headline h1, section #headline h1, section h2, .grid-row-section .grid-rows .grid-row-text h2, #PopUpData #headline h1, #PopUpData .headline h1, #PopUpData #headline h2, 
    #PopUpData .headline h2 {position: relative; font-size: 250%; font-weight: bold;}
section .headline h1:after, section #headline h1:after, section #headline h2:after, .subheadline h2:after, #PopUpData #headline h1:after, #PopUpData .headline h1:after, 
     #PopUpData #headline h2:after,  #PopUpData .headline h2:after {content: ''; display: block; width: 165px; height: 17px;  margin: 15px auto 30px; background: url('../../../warehouse/temp/LehemYain/separator.png'); 
    background-size: cover; background-position: center; background-repeat: no-repeat;}
.grid-row-section .grid-rows .grid-row-text h2:after {content: ''; display: block; width: 100px; height: 3px; background: #94bfcf; margin: 15px 0 20px;}
#text1, #text2 {max-width: 730px; }
#text1 p, #text2 p, .grid-row-section .grid-rows .grid-row-text p, #DynamicFormObject #form-thanks p {font-size: 95%; font-family: 'MeodedPashutCondenced-Light-New'; line-height: 1.2;}
#text1 p:last-child { margin-bottom: 0;}
.SectionTopImage {position: relative; margin-bottom: 0;} 
.SectionTopImage:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.1); pointer-events: none;}
.spinner {color: #fff;}
#bmanu {display: none;}
.subCategories a            { width: 200px; height: 45px; position: relative; margin-bottom: 0; padding: 0; border-radius: 4px;border: none; background: #040707; color: #fff;  font-size: 91%;line-height: 49px;text-align: center;transition: all 200ms ease-in-out;-webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; }
.subCategories a:hover,.subCategories a:focus           { border: none; color: #040707; background: #94bfcf; }
.subCategories a:After                                  { content: ''; position: relative; display: inline-block; width: 10px; height: 10px; left: -10px;background: url(../../../warehouse/temp/LehemYain/btnArrowWhite.svg);
                                                          background-size: cover; background-position: center center; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;                                                          }

.subCategories li { margin-left: 20px; margin-bottom: 20px; }
.contactSection .subCategories { max-width: 600px; }
/*Btn Arrow*/
.eventsSection .btnsContainer .popupBtn:after, .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:after
    {content: ''; position: relative; display: inline-block; width: 10px; height: 10px; left: -10px; background: url('../../../warehouse/temp/LehemYain/btnArrow.svg'); 
     background-size: cover; background-position: center center; transition: all 200ms ease-in-out;  -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.eventsSection .btnsContainer .popupBtn:hover:after, .eventsSection .btnsContainer .popupBtn:focus:after, .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover:after,
    .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:focus:after{background: url('../../../warehouse/temp/LehemYain/btnArrowWhite.svg'); }

.contactSection .subCategories li a:after, .contactSection .subCategories li button:after, .eventsSection button.popupBtn:after {content: ''; position: relative; display: inline-block; 
    width: 10px; height: 10px; left: -10px; background: url('../../../warehouse/temp/LehemYain/btnArrowWhite.svg'); background-size: cover; background-position: center center; 
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.contactSection .subCategories li a:hover:after, .contactSection .subCategories li a:focus:after, .contactSection .subCategories li button:hover:after, 
    .contactSection .subCategories li button:focus:after, .eventsSection button.popupBtn:hover:after, .eventsSection button.popupBtn:focus:after 
    {background: url('../../../warehouse/temp/LehemYain/btnArrow.svg');}

#DynamicFormObject .dynamicFormObjectSubmit:after { content: ''; position: absolute; width: 10px; height: 10px; top: 18px; left: 62px; background: url('../../../warehouse/temp/LehemYain/btnArrow.svg'); 
    background-size: cover; background-position: center center; transition: all 200ms ease-in-out;  -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#DynamicFormObject .dynamicFormObjectSubmit:hover:after, #DynamicFormObject .dynamicFormObjectSubmit:focus:after {background: url('../../../warehouse/temp/LehemYain/btnArrowWhite.svg');}

/*General Form Styles*/
#DynamicFormObject {width: 100%; padding: 40px 95px !important; background: #f4f4f4 !important; color: #040707 !important;}
#DynamicFormObject:after { content: ''; position: absolute; max-width: 790px; width: 100%; height: 164px; bottom: 0; left: 50%; transform: translateX(-50%);
    -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); background: url('../../../warehouse/temp/LehemYain/bgForm.png'); background-size: cover; pointer-events: none;}

section.gallery #headline, section.gallery .headline    { display:block; }

/*Header*/
header#header, header#header.bg { max-width: 1220px; position: fixed; background: #fff; padding: 18px 30px; box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0px 7px 23px -10px rgba(0,0,0,0.4); }
#header ul.menu {position: relative; font-size: 100%;}
#header ul.menu li a {font-size: 110%; font-weight: bold; color: #040707; border-bottom: 2px solid transparent; line-height: 0.8; transition: all 200ms ease-in-out; 
    -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header ul.menu li.active a, #header ul.menu li:hover a, #header ul.menu li:focus a { border-bottom-color: #89b6c7;}
#header ul.menu li.social-links a{border: none;}
header ul.menu li.social-links svg {fill: #040707; transition: all 200ms ease-in-out;  -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
header ul.menu li.social-links a:hover svg, header ul.menu li.social-links focus svg {fill: #94bfcf;}
#header ul.menu > li.active:after {content: none;}
#header .LogoCentered ul.menu li.social-links {position: absolute; margin-left: 0; left: -10px; top: -1px;}
#header .LogoCentered ul.menu li.social-links a { margin-top: 0; }
.has-sub i.opensub { color: #040707; margin-top: 3px;}
#header .menu-sub {background: #fff;}
ul.menu li.social-links a.social_icon_tripadvisor { margin-left: 3px;}
ul.menu li.social-links a.social_icon_tripadvisor svg { width: 27px;}

/*Top Banner*/
#home-gallery .gallery-logo {width: 100%; text-align: center;}
#home-gallery .gallery-logo img { max-width: 650px; min-width: auto;}
#home-gallery .scroll-down {font-size: 300%; bottom: 30px;}
#home-gallery .scroll-down img {height: 70px; opacity:0;}
.scroll-down:after { content: ''; position: absolute; width: 40px; height: 70px; background: url(../../../warehouse/temp/LehemYain/scrollDownIcon.png); 
    background-size: cover; background-position: center; background-repeat: no-repeat; top: 10px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); 
    -o-transform: translateX(50%); pointer-events: none;}
#home-gallery .opacity-layer {background: none;}
section#home-module { -webkit-backface-visibility: unset; -webkit-transform: unset;}
section#home-module #home-gallery {-webkit-backface-visibility: unset; transform: unset; -webkit-transform: unset; transform-style: unset; -webkit-transform-style: unset;}
.iconsBoxLeft, .iconsBoxRight { position: fixed; }

/*About Section*/
.aboutSection .gallery-container { width: 100%; margin-top: 65px;}
.aboutSection .gallery-cubes .image-link-inner {width: 55px; height: 55px;}
.aboutSection .gallery-cubes .image-link-inner svg { max-width: 30px;}

/*About Gallery*/
.aboutGallery .SectionTopImage:after {content:''; position: absolute; width: 765px; height: 137px; top: 50%; right: 50%; background: url('../../../warehouse/temp/LehemYain/captionAboutSection.png');
    background-size: cover; background-position: center center; background-repeat: no-repeat; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
    -ms-transform: translate(50%, -50%); pointer-events: none;}

/*Menu Section*/
.menuSection {padding: 100px 0 70px;}
.menuSection .LobbyModule .grid-boxes {position:relative; padding-top: 10px;}
.menuSection .LobbyModule .grid-boxes:before, .menuSection .LobbyModule .grid-boxes:after {content: ''; position:absolute; width: 12px; height: 12px; top: 47.5%; 
    background: url('../../../warehouse/temp/LehemYain/menuAsterix.png'); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.menuSection .LobbyModule .grid-boxes:after {right: 32.7%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
.menuSection .LobbyModule .grid-boxes:before {left: 32.6%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%);}
.menuSection .grid-content-section {padding: 0;}
.menuSection .LobbyModule .grid-boxes .grid-box-image { margin-bottom: 0; padding-bottom: 67%;} 
.menuSection .LobbyModule .grid-box { background: none; margin: 0 15px 30px;}
.menuSection .grid-box-title {display: none;}
.menuModuleTextItemSubjectTitle {font-size: 150%;}
.menuModuleTextItemSubjectDescription { font-size: 130%;}
.menuModuleTextItem0, .menuModuleTextItem1 {height: 95px;}
.menuModuleTextItemTitle, .menuModuleTextItemDescription { max-width: 92%;}

/*Bakery Section*/
.bakerySection {background: url('../../../warehouse/temp/LehemYain/bgBakery.jpg') !important; padding: 110px 0 120px;}
.bakerySection ul.slides:before { content: ''; position: absolute; width: 337px; height: 514px; right: -50px; top: -42px; background: #f4f4f4; z-index:0; pointer-events: none;}
.bakerySection .grid-row-section {padding-top: 0;}
.bakerySection .grid-row-section .grid-rows .grid-row { background: none;}
.bakerySection .grid-row-section .grid-row li.slider-item {padding-bottom: 81%;}
.bakerySection .grid-row-section .grid-rows .grid-row-cell.flexslider-box {padding-left: 55px;}
.bakerySection .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 55px; text-align: right;}
.bakerySection .grid-row-section .grid-rows .grid-row-text { width: 85%;}
.bakerySection .grid-row-section .grid-rows .grid-row-text h2 { margin-bottom: 0; line-height: 0.7;}
.bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button {margin-top: 55px;} 
.bakerySection .box-image-animation img { width: 100%;}

.section-content.gallery .galleryview .headline h2 { display: none; }
section.topImageSec                                { padding: 0; }

/*Bakery Gallery*/
.bakeryGallery .SectionTopImage:after {content:''; position: absolute; width: 572px; height: 263px; top: 50%; right: 50%; background: url('../../../warehouse/temp/LehemYain/captionBakerySection.png');
    background-size: cover; background-position: center center; background-repeat: no-repeat; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
    -ms-transform: translate(50%, -50%); pointer-events: none;}

/*Events Section*/
.eventsSection .popup-text {color: #040707; background: none; padding: 0;}
.eventsSection .btnsContainer {margin-top: 35px; background: none;}
.eventsSection .btnsContainer .popupBtn, .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button { width: 200px; height: 45px; position: relative;
    margin-bottom: 0; padding: 0; border-radius: 4px; border: none; background: #040707; color: #fff; font-size: 91%; line-height: 49px; text-align: center; 
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.eventsSection .btnsContainer .popupBtn:hover, .eventsSection .btnsContainer .popupBtn:focus, .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover,
    .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:focus {}

/*Events Gallery*/
.eventsGallery .SectionTopImage:after {content:''; position: absolute; width: 497px; height: 87px; top: 50%; right: 50%; background: url('../../../warehouse/temp/LehemYain/captionEventsSection.png');
    background-size: cover; background-position: center center; background-repeat: no-repeat; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
    -ms-transform: translate(50%, -50%); pointer-events: none;}

/*Bottom Gallery*/
.bottomGallery:after, .aboutGallery:after { content: ''; position: absolute; width: 140px; height: 140px; top: -70px; right: 50%; background: url(../../../warehouse/temp/Lehemyain/logoThumbnail.png); 
    background-position: center; background-repeat: no-repeat; background-size: cover; transform: translateX(50%); -webkit-transform: translateX(50%); 
    -ms-transform: translateX(50%); z-index: 1;}
.bottomGallery .owl-carousel .owl-item img {max-height: 900px;}
.bottomGallery .owl-carousel .owl-item .item {padding: 0;}
.owl-carousel .owl-item:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.15); pointer-events: none;}
.owl-carousel .owl-next:after { width: 22px; height: 39px; background: url(../../../warehouse/temp/LehemYain/arrowLeft.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.owl-carousel .owl-prev:after {width: 22px; height: 39px; background: url(../../../warehouse/temp/LehemYain/arrowRight.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.owl-carousel .owl-item .item .plus-sign {display: none;}
.owl-carousel .owl-item a.slide-bg-layer {pointer-events: none;}
.owl-carousel .owl-item .item .plus-sign span {top: 40%;}

/*Contact Section*/
form {max-width: 100%;}
.normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #040707;}
.normal-form input, .normal-form select, .normal-form textarea { width: 100%; border: none; box-shadow: none; -webkit-box-shadow: none; background: #fff; border-radius: 0; 
    color: #040707 !important; border-right: 3px solid #9dc6d5 !important; letter-spacing: -0.4px; padding: 6px 15px;}

section#contact {background: none;}
.contactSection .subCategories {margin: 35px 0 55px;}
.contactSection .subCategories li a, .contactSection .subCategories li button, .eventsSection button.popupBtn {width: 156px; height: 45px; position: relative; padding: 0; 
    line-height: 49px; background: #94bfcf; color: #040707; border-radius: 4px; font-size: 90%; margin-bottom: 0; transition: all 200ms ease-in-out; 
    -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.contactSection .subCategories li a:hover, .contactSection .subCategories li button:hover, .contactSection .subCategories li a:focus, 
    .contactSection .subCategories li button:focus, #map-section .map-cover .open-map:hover, #map-section .map-cover .open-map:focus, 
    .eventsSection button.popupBtn:hover, .eventsSection button.popupBtn:focus { background: #040707; color: #fff;}
#DynamicFormObject .dynamicFormObjectField {padding: 0 12px;}
#DynamicFormObject .dynamicFormObjectFields {margin-bottom: 0;}
#DynamicFormObject .dynamicFormObjectFields .top-form {margin-bottom: 30px;}

#DynamicFormObject .dynamicFormObjectField:not(.textarea-field) input, #DynamicFormObject .dynamicFormObjectField:not(.textarea-field) select {height: 45px;}
#DynamicFormObject .dynamicFormObjectField input, #DynamicFormObject .dynamicFormObjectField textarea, #DynamicFormObject .dynamicFormObjectField select {margin-bottom: 25px; font-size: 85% !important;}
#DynamicFormObject .dynamicFormObjectSubmit {position: relative;}
#DynamicFormObject input[type="submit"] {height: 45px;  background: #040707; color: #fff !important; border: none; font-size: 90%; line-height: 49px; border: none !important;
    transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;}
#DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus, .eventsSection .btnsContainer .popupBtn:hover,
    .eventsSection .btnsContainer .popupBtn:focus, .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover,
    .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button:focus { border: none; color: #040707 !important; background: #94bfcf ;}

/*Map Section*/
.mapSection {padding: 0;}
.mapSection #contactview, #DynamicFormObject .dynamicFormObjectTitleAndText {display: none;}
.mapSection #ContactModule #map-section #map-holder {margin-bottom: 0;}
#map-section #map-holder .overlay {height: 500px; background: rgba(11, 17, 21, 0.7);}
#map-section #map-holder {min-height: 500px;}
#map-section .map-cover {background: #fff; padding: 37px 49px;}
#map-section .map-cover h4 { font-size: 215%; color: #040707;}
#map-section .map-cover .open-map {background: #94bfcf; color: #040707; padding: 10px 20px; border-radius: 0; font-size: 90%; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;}
#map-section .map-cover:after {content: none;}

/*Footer*/
#SiteFooter {text-align: center;}
#SiteFooter #partners-section { background: #19191b;}
.site-credit.alternative {background: #000;}
#SiteFooter #partners-section { padding: 59px 10px;}
#SiteFooter #partners-section img { max-width: 208px;}
#SiteFooter .AccessabilityLink { color: #fff;}
#SiteFooter .st0 { fill: #fff;}
.site-credit.alternative {padding: 10px 0;}

/*Pop Up Styles*/
#externalview iframe {margin-top: 0;}
#PopUpData #headline h1, #PopUpData .headline h1, #PopUpData #headline h2, #PopUpData .headline h2 {color: #040707;}
#PopUpData #MenuModule .menuModuleNav a {color: #000; line-height: 1.2; border-bottom: 2px solid transparent; font-weight: bold; transition: all 200ms ease-in-out; 
    -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#PopUpData #MenuModule .menuModuleNav a.selected, #PopUpData #MenuModule .menuModuleNav a:hover, #PopUpData #MenuModule .menuModuleNav a:focus { border-bottom: 2px solid #89b6c7;}
#multi-content-modal .modal-content, .form-modal .modal-content {background: url('../../../warehouse/temp/LehemYain/bgBakery.jpg') !important; padding: 80px 75px; border-radius: 0;}
.popup-text {background: none; padding: 0;}
.modal .close svg {width: 35px; height: 35px;}

/*Menu Pop Up*/
.menuModuleContent {width: 100%; background: none; color: #000;}
#PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 { border-bottom: 1px solid #807f80;}
.menuModuleTextItemTitle {font-size: 120%; margin-bottom: 5px; line-height: 1.2;}
.menuModuleTextItemPrice {position: relative; font-size: 112%; }
.menuModuleTextItemDescription {font-size: 81%;}
.menuModuleTextItemPrice:before {content: none;}
.menuModuleTextItemPrice:after { content: ''; position: absolute; width: 2px; height: 32px; right: -15px; top: -5px;  background: #94bfcf;}

/*Form Pop Up*/
.form-modal .close, #multi-content-modal .close {left: 50% !important; top: -50px; font-size: 100% !important; transform: translateX(-50%); -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);}
.form-modal #PopUpData #form-thanks #text1 {font-size: 100%;}
.form-modal #DynamicFormObject .dynamicFormObjectFields {background: none; color: inherit; padding: 0;}
.form-modal #DynamicFormObject .dynamicFormObjectFields form { max-width: 100%;}
.form-modal #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; font-size: 100%; margin-bottom: 0;}
#DynamicFormObject .dynamicFormObjectFields .top-form, .form-modal .dynamicFormObjectTitle { font-size: 115%; color: #293335; font-weight: bold;} 
.form-modal .dynamicFormEndText {display: none;}
.form-modal #PopUpData #form-thanks #headline h3, .form-modal #PopUpData #form-thanks .headline h3, #DynamicFormObject #form-thanks h3 {color: #293335; font-size: 125%;}
.form-modal .dynamicFormEndText, #multi-content-modal .dynamicFormEndText { margin-top: 25px;}

@media(min-width: 1025px) {
    header#header, header#header.bg {right: 50%; top: 70px;transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
    /*header ul.menu li:nth-child(9) { margin-left: 0;}*/
    header ul.menu li:nth-child(4) {margin-left: 0;}
    #header ul.menu li a { margin-top: 9px;}


    .SectionTopImage { height: 500px; }

    .LogoCentered #header-logo {width: 183px; margin: 0 45px 0 70px;}
    #header-logo img { position: absolute; width: 100%; max-height: 200px; top: 50%; left: -22px; transform: translateY(-50%); -webkit-transform: translateY(-50%); 
        -ms-transform: translateY(-50%);}
    header ul.menu > li:first-child { margin-right: 80px; }

    header ul.menu li.languageLinkHolder { position: absolute; margin-left: 0; }

    #header .LogoCentered ul.menu li.social-links { right: -10px;left:auto; }
}

@media(min-width: 991px) {

    section.aboutSection {padding: 100px 0 130px;}
    .aboutSection .gallery-cubes > div { margin: 0 15px;}

    .eventsSection {padding: 80px 0 105px;}

    #contact.contactSection { padding: 100px 0;}
}

@media(min-width: 768px) {
    .menuModuleTextItemDescription { line-height: 18px;}
    .menuModuleTextItem0, .menuModuleTextItem1 { margin-bottom: 20px;}

    .aboutSection .gallery-cubes > div { width: 22%;}

    .menuSection .LobbyModule .grid-boxes { margin: 0 -15px;}
    .menuSection .LobbyModule .grid-box {width: 29.33%;}

    .owl-carousel .owl-next {left: 55px;}
    .owl-carousel .owl-prev {right: 55px;}

    #DynamicFormObject .dynamicFormObjectField:not(.textarea-field) { width: 33.33%; float: right;}
    #multi-content-modal #DynamicFormObject .dynamicFormObjectField, .form-modal #DynamicFormObject .dynamicFormObjectField { width: 25%;}
    #DynamicFormObject .dynamicFormObjectSubmit { width: 200px; display: inline-block; float: none; padding: 0;}
    #DynamicFormObject input[type="submit"] {width: 200px; }

    .footer-address { display: none;}
}

@media(min-width: 1170px) and (max-width: 1280px) {
    header ul.menu li {margin-left: 15px;}   
}

@media(max-width: 1170px) {
    .normal-form input, .normal-form select, .normal-form textarea { max-width: 100%; }
    #multi-content-modal.modal .close, .form-modal .close { line-height: 1;}

    .bakerySection ul.slides:before { top: -70px;}

    /*Pop Up*/
    #PopUpData { overflow: auto;}
    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { overflow: visible;}
    #multi-content-modal .modal-content, .form-modal .modal-content { padding: 50px;}
}

@media(max-width: 1024px) {
    .bottomGallery:after, .aboutGallery:after {width: 100px; height: 100px; top: -50px;}
    .aboutSection #ContentRegularModule, .menuSection .section-content, .contactSection #DynamicFormObject, .form-modal .modal-content { width: 90%;}

    /*Header*/
    header#header, header#header.bg {padding: 0;}
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: #040707;}
    /*#header .mobile-menu > #header-logo { opacity: 1; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}*/
    #header.open .mobile-menu > #header-logo{ display: none;}
    #header-logo { max-width: 140px; position: absolute; right: 50%; top: -20px; transform: translate(50%, 50%);}
    #header-logo img { max-width: 140px; max-height: 80px;}
    #header .nav-menu-anim { margin: 20px;}
    #header ul.menu { background: none; width: 100vw; height: 100vh; padding-top: 0; overflow: visible;}
    #header ul.menu > li:not(.social-links) { border: 1px solid #ebebeb;}
    #header ul.menu li { margin-left: 0;}
    #header ul.menu li:not(.social-links).active {background: #f4fbfe;}
    #header ul.menu > li#header-logo { display: none;}
    #header ul.menu li a { font-size: 180%; margin-top: 6px;}
    #header .LogoCentered ul.menu li.social-links { width: auto; top: -70px; left: 20px;}
    #header ul.menu .social-links a svg { width: 28px; height: 25px; fill: #202020; }
    #header ul.menu li .menu-sub a { width: auto; float: none; font-size: 140%; margin-top: 20px; }

    /*About Section*/
    section.aboutSection, .eventsSection {padding: 60px 0 100px;}

    /*Menu Section*/
    .menuSection {padding: 60px 0 40px;}
    .menuSection .LobbyModule .grid-boxes:before { left: 32%;}
    .menuSection .LobbyModule .grid-boxes:after { right: 32.3%;}

    /*Bakery Section*/
    .bakerySection ul.slides:before { width: 220px; height: 380px; right: -30px; top: -5px;}
    .bakerySection .grid-row-section .grid-rows .grid-row-cell.flexslider-box {padding-left: 35px;}
    .bakerySection .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text {padding-right: 35px;}

    /*Pop Up*/
    #multi-content-modal .modal-content, .form-modal .modal-content {padding: 30px;}

    /*Menu Pop Up*/
    #MenuModule .menuModuleNav a { font-size: 110%;}
    .menuModuleTextItem0, .menuModuleTextItem1 { height: 115px;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    .aboutSection .gallery-cubes > div { width: 21.7%; margin: 0 15px;}
}

@media(max-width: 990px) {
    /*General Styles*/
    section .headline h1, section #headline h1, section h2, .grid-row-section .grid-rows .grid-row-text h2, #PopUpData #headline h1, #PopUpData .headline h1, 
        #PopUpData #headline h2, #PopUpData .headline h2 {font-size: 220%;}
    section .headline h1:after, section #headline h1:after, section #headline h2:after, .subheadline h2:after, #PopUpData #headline h1:after, 
        #PopUpData .headline h1:after, #PopUpData #headline h2:after, #PopUpData .headline h2:after {margin: 7px auto 15px;}
    #text1, #text2 { max-width: 87%;}
    #text1 p, #text2 p, .grid-row-section .grid-rows .grid-row-text p, #DynamicFormObject #form-thanks p { font-size: 100%;}

    /*General Form Styles*/
    #DynamicFormObject { width: 100%; padding: 20px !important; }
    #DynamicFormObject .dynamicFormObjectFields .top-form, .form-modal .dynamicFormObjectTitle { line-height: 1.2;}
    #DynamicFormObject:after { width: 95%; height: 35%;}

    /*Top Banner*/
    #home-gallery .gallery-caption {top: 50%;} 

    /*About Gallery*/
    .aboutGallery .SectionTopImage:after { width: 581px; height: 104px;}

    /*Menu Section*/
    .menuSection .LobbyModule .grid-boxes:before, .menuSection .LobbyModule .grid-boxes:after {top: 46.5%;}
    .menuSection .LobbyModule .grid-boxes:before { left: 31.5%;}
    .menuSection .LobbyModule .grid-boxes:after { right: 31.8%;}

    /*Bakery Section*/
    .bakerySection {padding: 60px 0 70px;}
    .bakerySection ul.slides:before { width: 180px; height: 330px; right: -20px; top: -13px;}
    .bakerySection .grid-row-section .grid-rows .grid-row-text { width: 100%;}
    .bakerySection .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text {padding-right: 20px;} 
    .bakerySection .grid-row-section .grid-rows .grid-row-cell.flexslider-box {padding-left: 20px;}
    .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button {margin-top: 20px;}

    /*Bakery Gallery*/
    .bakeryGallery .SectionTopImage:after { width: 437px; height: 201px;}

    /*Events Section*/
    .eventsSection .btnsContainer { margin-top: 20px; }

    /*Events Gallery*/
    .eventsGallery .SectionTopImage:after { width: 476px; height: 82px;}

    /*Bottom Gallery*/
    .gallery-container { width: 100%;}
    .owl-carousel .owl-item .item .plus-sign { width: 45px; height: 45px;}
    .owl-carousel .owl-item .item .plus-sign span { top: 35%;}
    .owl-carousel .owl-prev { right: 25px;}
    .owl-carousel .owl-next { left: 25px;}

    /*Contact Section*/
    section#contact {padding: 60px 0;}
    .contactSection .subCategories {margin: 20px 0 35px;}
    
    /*Map Section*/
    .mapSection #ContactModule #map-section #map-holder { min-height: 400px;}
    #map-section #map-holder .overlay { height: 400px; }

    /*Footer*/
    #SiteFooter #partners-section { padding: 40px 10px;}
    #SiteFooter #partners-section img {max-width: 160px;}

    /*Pop Up*/
    /*Menu Pop Up*/
    .menuModuleTextItemTitle { max-width: 85%;}
    .menuModuleContentPart { padding: 10px;}
    /*.right-header > .languageLinkHolder { position: absolute; left: 60px; top: 17px; vertical-align: middle; padding: 0; font-size: 130%; }*/
    .right-header > .languageLinkHolder { display: none !important;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    .menuSection .LobbyModule .grid-boxes { width: 90%; margin: 0 auto;}
}

@media(min-width: 767px) and (max-width: 990px) {
    .aboutSection .gallery-cubes > div {width: 22.1%; margin: 0 10px;}

    .menuSection .LobbyModule .grid-box {width: 44%;}
    .menuSection .LobbyModule .grid-boxes:before { left: 47.8%; top: 32%;}
    .menuSection .LobbyModule .grid-boxes:after { right: auto; left: 49.6%; top: 64.7%;}

    .bottomGallery .owl-carousel .owl-item img { height: 550px; width: auto;}
    #gallery .section-content.gallery .gallery-container           { height: 450px; }
    #masterslider                                                  { height: 450px !important; }
    .menuModuleTextItemTitle, .menuModuleTextItemDescription { max-width: 81%;}
}

@media(max-width: 767px) {
    section .headline h1, section #headline h1, section h2, .grid-row-section .grid-rows .grid-row-text h2, #PopUpData #headline h1, #PopUpData .headline h1, 
        #PopUpData #headline h2, #PopUpData .headline h2, .form-modal .dynamicFormObjectTitle { max-width: 100%;}
    .section-content, #contactview, #gridshort-view-media { max-width: 85%;}
    #text1, #text2 {max-width: 100%;}
    .SectionTopImage {height: 300px; }

    /*General Form Styles*/
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px;}
    .contactSection #DynamicFormObject:after { height: 17%;}
    .form-modal #DynamicFormObject:after, #multi-content-modal #DynamicFormObject:after { height: 10%;}

    /*Header*/
    /*#header-logo img {max-width: 80px;}*/
    #header ul.menu > li { padding: 10px 0;}
    #header .LogoCentered ul.menu li.social-links { top: -65px; left: 50px;}
    #header ul.menu li a { font-size: 145%;}
    #header-logo img { max-width: 120px; }
    #header .nav-menu-anim {margin: 20px 20px 20px 0;}
    .waze-navigation { position: absolute; top: 22px; right: 60px;}
    .waze-navigation .st1 { fill: #19191B;}
    #header .phone-icon {position: absolute; left: 20px; top: 20px; vertical-align: middle; padding: 0; font-size: 130%; }
    #header .phone-icon a { color: #19191B; }
    .waze-navigation svg .st0 { fill: #fff;}
    #header ul.menu li .menu-sub a { margin-top: 5px;}

    /*Top Banner*/
    #home-gallery .gallery-caption { width: 100%; left: auto;}
    #home-gallery .gallery-logo img { max-width: 100%; min-width: 100%;}
    #home-gallery .scroll-down {bottom: 12%;}
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 25%;}
    .iconsBoxLeft, .iconsBoxRight { bottom: 60px;}
    .iconBox.showMobile img { max-height: 60px; max-width: 60px;}

    /*About Section*/
    .aboutSection .gallery-container { margin-top: 40px;}
    .gallery-cubes > div { padding: 7px;}

    /*About Gallery*/
    .aboutGallery .SectionTopImage:after { width: 310px; height: 55px;}

    /*Menu Section*/
    .menuSection .grid-content-section { margin: 0;}
    .menuSection .LobbyModule .grid-box { width: 85%; margin: 0 0 25px; padding: 7px;}
    /*.menuSection .LobbyModule .grid-boxes:after {top: 82.5%; right: auto; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); 
        -ms-transform: translate(50%, -50%);}*/
    .menuSection .LobbyModule .grid-boxes:before, .menuSection .LobbyModule .grid-boxes:after {display: none;}
    /*.menuSection .LobbyModule .grid-boxes:before { top: 16.3%;}*/

    /*Bakery Section*/
    .bakerySection { padding-bottom: 100px;}
    .bakerySection .grid-row-section .grid-rows .grid-row { display: flex !important; display: -ms-flexbox !important;  flex-direction: column; -webkit-box-direction: normal;
    -webkit-box-orient: vertical; -ms-flex-direction: column; overflow: visible;}
    .bakerySection .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { padding:0 0 50px;}
    .bakerySection .grid-row-section .grid-rows .grid-row-cell.flexslider-box {padding-left: 0; order: 1; /*-webkit-box-ordinal-group: 2;*/ -ms-flex-order: 0;}
    .bakerySection ul.slides:before { top: -23px;}
    .bakerySection .grid-row-section .grid-rows .grid-row-text { margin-top: 0; text-align: center;}
    .bakerySection .grid-row-section .grid-rows .grid-row-text a.grid-row-button {margin-top: 35px;}

    /*Bakery Gallery*/
    .bakeryGallery .SectionTopImage:after { width: 221px; height: 102px;}

    /*Events Gallery*/
    .eventsGallery .SectionTopImage:after { width: 220px; height: 38px;}

    /*Bottom Gallery*/

    .imgWrapper {height: 450px; position: relative;}
    .bottomGallery .owl-carousel .owl-item img { width: 140%; height: 110%; }
    /*.bottomGallery .owl-carousel .owl-item img { width: auto; height: auto; position: absolute; top: 50%; left: 50%;}*/

    /*.bottomGallery .owl-carousel .owl-item img { width: auto; height: 400px; }*/
    .owl-carousel .owl-item .item .plus-sign span {top: 40%;}
    .owl-carousel .owl-next { left: 30px;}
    .owl-carousel .owl-prev {right: 30px;}

    /*Contact Section*/
    ul.subCategories.media-boxes-filter li { margin:0 7px 15px;}
    .contactSection .subCategories li a, .contactSection .subCategories li button {width: 136px;}

    /*Footer*/
    .footer-address { background: #19191b; text-align: center; padding: 10px;}
    #SiteFooter #partners-section {padding: 20px 10px 0;}
    #SiteFooter #partners-section img {max-width: 110px;}

    /*Map Section*/
    #map-section #map-holder .overlay { height: 350px;}
    .mapSection #ContactModule #map-section #map-holder {min-height: 350px;}
    #map-section .map-cover {padding: 20px;}
    #map-section .map-cover h4 { font-size: 170%; line-height: 0.8; margin-bottom: 5px; }
    #map-section .map-cover .open-map { padding: 5px 10px;}

    /*Pop Up*/
    #PopUpData { height: 450px;}
    #PopUpData::-webkit-scrollbar { display: none;}

    /*Menu Pop Up*/
    #MenuModule .menuModuleNav { padding-bottom: 0;}
    .menuModuleTextItemTitle { font-size: 105%;}
    .menuModuleTextItemPrice { font-size: 95%;}
    .menuModuleTextItemPrice:after { top: 2px;}
    .menuModuleTextItem0, .menuModuleTextItem1 { height: auto;}
    .menuModuleTextItemSubjectDescription { font-size: 110%; line-height: 1.1;}
    #multi-content-modal .modal-content, .form-modal .modal-content { padding: 20px;}
}

@media(max-width: 375px) {
    .bakerySection ul.slides:before {top: -33px;}

    /*.menuSection .LobbyModule .grid-boxes:before, .menuSection .LobbyModule .grid-boxes:after {left: 46%;}*/
}

@media(max-width: 360px) {
    .bakerySection ul.slides:before {top: -40px;}
    #PopUpData { height: 400px;}
}

@media(max-width: 320px) {
    #header ul.menu > li { padding: 5px 0;}
    #header ul.menu li a { font-size: 120%;}
    #header .LogoCentered ul.menu li.social-links { top: -60px; }

    .iconBox { margin-right: 3px;}
    .iconBox.showMobile img { max-height: 55px; max-width: 55px;}

    .bakerySection ul.slides:before { height: 300px;}

    .contactSection .subCategories li a, .contactSection .subCategories li button { width: 120px;}

    .footer-address { font-size: 85%;}
}
