/*** OTTO ***/
@import url('https://fonts.googleapis.com/css?family=Kanit:500');

body { font-size: 20px; font-family: FbBangyNew-Regular,'Kanit-ExtraBold' !important; color: #131313; }

::-webkit-scrollbar { width: 8px; padding-right: 20px; margin-right: 20px; background-color: #171512; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px #171512; }
::-webkit-scrollbar-thumb { background-color: #F9EC34; width: 5px; outline: 1px solid slategrey; }




.yellow { color: #f9ec34; }
.red { color: #d9242a; }

#home-gallery .gallery-caption { max-width: 670px; }
#home-gallery .gallery-caption .gallery-text { font-size: 230%; font-family: 'FbBangyNew-Bold'; }
header ul.menu { text-align: right; }

header ul.menu li.last-item { margin-left: 25px; }

header ul.menu { font-size: 120%; }
#header ul.menu li.active a { background: #ffffff; color: #d9242a; position: relative; }
#header ul.menu li a { padding: 0px 20px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; position: relative; }
header ul.menu li { margin: 0; }
#header ul.menu > li.active:after { display: none; }

#home-gallery .flex-control-paging li a.flex-active { background: #D9242A; }

@media(min-width:1025px) {
    #header ul.menu li.active:not(.social-links) a:before { content: ""; position: absolute; width: 0px; height: 0px; border-top: 34px solid transparent; border-right: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; left: -8px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
    #header ul.menu li.active:not(.social-links) a:after { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 34px solid transparent; border-left: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; right: -8px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
    #header ul.menu li:not(.social-links) a:before { content: ""; position: absolute; width: 0px; height: 0px; border-top: 34px solid transparent; border-right: 8px solid transparent; position: absolute; top: 0; bottom: 0; left: -8px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
    #header ul.menu li:not(.social-links) a:after { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 34px solid transparent; border-left: 8px solid transparent; position: absolute; top: 0; bottom: 0; right: -8px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
    #header ul.menu li:not(.social-links) a:hover:after { border-left: 8px solid #ffffff; }
    #header ul.menu li:not(.social-links):hover a:before { border-right: 8px solid #ffffff; }
    #header ul.menu li:not(.social-links) a:hover { background: #ffffff; color: #d9242a; position: relative; }
}

header ul.menu li.social-links a { border: 2px solid #f9ec34; border-radius: 50%; width: 31px; height: 31px; padding: 0 !important; text-align: center; }
header ul.menu li.social-links svg { position: absolute; top: 55%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); fill: #f9ec34; width: 9px; height: 17px; }

#header-logo img { max-height: 110px; }
header#header { padding: 55px 30px; }
#header-logo { left: 0px; }
header#header.bg { background: #171512; }
header#header.bg #header-logo img { max-height: 64px; }


section.about { height: 801px; }
section.about h1 { color: #f9ec34; font-size: 200%; }
section.about #subheadline h2 { font-size: 400%; margin-bottom: 40px; }
section.about #text1, #lobbyText { font-size: 135%; text-align: right; max-width: 60%; margin: inherit; }
section.about #text2 { font-size: 110%; text-align: right; max-width: 60%; margin: inherit; }
section.about .section-content#ContentRegularModule { right: 650px; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: right; position: absolute; top: 50%; }
section.about .headline { text-align: right; margin-bottom: 0; }
section.about #subheadline { text-align: right; }
section.about .popup-text { background: transparent; color: #ffffff; padding: 0; }
section.about:after { content: ""; background-image: url('../../../warehouse/temp/otto/aboutBG.png'); width: 387px; height: 100%; right: -20px; position: absolute; background-repeat: no-repeat; background-size: contain; top: 0; }


@media(min-width:1025px) {
    section.about:before { content: ""; width: 0px; height: 0px; border-top: 801px solid transparent; border-right: 210px solid #ffffff; position: absolute; top: 0; bottom: 0; right: 366px; }
}

@media(max-width:1170px) {
    section.about #text1, #lobbyText, section.about #text2 { max-width: 85%; }
    .normal-form input { max-width: 100%; }
}


section.menu { color: #ffffff; padding: 150px 0px; }
#lobbyText { text-align: center; margin: auto; }
section.menu .grid-box-title a:after { content: ""; position: absolute; width: 0px; height: 0px; border-top: 44px solid transparent; border-right: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; left: -8px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
section.menu .grid-box-title a:before { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 44px solid transparent; border-left: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; right: -8px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
section.menu .grid-box-title a:focus, section.menu .grid-box-title a:hover { background: #D9242A; color: #ffffff; }
section.menu .grid-box-title a:focus:before, section.menu .grid-box-title a:hover:before { border-left-color: #D9242A; }
section.menu .grid-box-title a:focus:after, section.menu .grid-box-title a:hover:after { border-right-color: #D9242A; }
section.menu #lobbyText { margin: auto; text-align: center; margin-top: 50px; margin-bottom: 15px; }
section.menu .grid-box-title a { transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }

.grid-box-title { background: #ffffff; position: absolute; bottom: -15px; /*padding: 10px;*/ color: inherit; min-width: 150px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
.lobbyview .grid-boxes .grid-box-image, .LobbyModule .grid-boxes .grid-box-image { margin-bottom: 0; padding-bottom: 88%; }
.grid-boxes .grid-box-title h3 a { color: #131313; padding: 10px; display: inline-block; width: 100%; }
.lobbyview .grid-boxes .grid-box-title h3, .LobbyModule .grid-boxes .grid-box-title h3 { display: inline-block; width: 100%; margin-bottom: 0; }

/*.grid-box-title:hover                           { background: #D9242A; }*/
section.menu .grid-box-title:hover:before, section.menu .grid-box-title:focus:before { border-left: 8px solid #D9242A; }
.grid-boxes .grid-box-title:hover h3 a, .grid-boxes .grid-box-title:focus h3 a { color: #ffffff; }
section.menu .grid-box-title:hover:after, section.menu .grid-box-title:focus:after { border-right: 8px solid #D9242A; }

section.happy { margin-top: 70px; padding-bottom: 0; }
section.happy h2.yellow { width: 50%; display: inline-block; vertical-align: middle; text-align: left; font-size: 270%; line-height: 0.9; }
section.happy p:not(.redBtn) { width: 33%; display: inline-block; vertical-align: middle; text-align: right; margin-right: 6%; font-size: 150%; line-height: 1; }
section.happy .grid-text-content { width: 400px; margin: auto; float: none; display: inline-block; }
section.happy p.redBtn { padding: 5px; background: #d9242a; font-size: 120%; margin-top: 15px; }

.lobbyview .grid-boxes, .LobbyModule .grid-boxes { max-width: 1100px; }

section.events #headline { display: none; }
section.events .popup-text { background: transparent; padding: 0; }
section.events { /*padding: 40px;margin-top: -50px;background-position: top !important; padding-bottom: 150px;*/ /*height:204px;*/ padding-bottom: 5%; z-index: 1; }
section.events:after { content: ""; background-image: url(/warehouse/dynamic/56263.png); width: 100%; height: 204px; position: absolute; z-index: -1; background-position: center -15px; top: -20px; background-size: contain; background-repeat-y: no-repeat; }
section.events .section-content { position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; width: 100%; }
section.events h2 { font-size: 310%; /*display: inline-block;vertical-align: middle;padding: 0;margin-left: 122px;*/ }
/*section.events h2            { font-size: 310%;}*/

section.events h2:after { display: none; }
section.events #text1 { max-width: 100%; display: inline-block; vertical-align: middle; padding: 0; margin-left: 122px; }
section.events .subCategories { display: inline-block; vertical-align: middle; width: auto; min-width: 290px; margin-bottom: 0; width: auto; }
/*section.events #text1 a      { background: #282722; color: #ffffff; border: 0; height: auto; width: auto; position: relative;padding: 4px 40px; display:inline-block;font-size:120%; }
section.events #text1 a:after { content: ""; width: 0px; height: 0px;border-top: 45px solid transparent;border-right: 8px solid #282722; position: absolute; top: 0; bottom: 0; left: -8px; z-index: 2; }
section.events #text1 a:before  { content: ""; position: absolute; width: 0px; height: 0px;border-bottom: 45px solid transparent; border-left: 8px solid #282722; position: absolute; top: 0; bottom: 0; right: -8px; z-index: 9999; }*/

.events .popupBtn { background: #282722; color: #ffffff; }
.events .popupBtn:before { border-left-color: #282722; }
.events .popupBtn:after { border-right-color: #282722; }
.events .popupBtn:hover { background: #D9242A; }
.events .popupBtn:hover:before { border-left: 8px solid #D9242A; }
.events .popupBtn:hover:after { border-right: 8px solid #D9242A; }

section.gallery .headline { display: block; direction: ltr; }

section.menu:after, section.tuesday:after, section.contact:after { content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }

section.tuesday { color: #ffffff; padding: 140px 0px; background-position: center 20% !important; }
section.tuesday #headline { direction: ltr; }
/*section.tuesday:after              { content: ""; background-color: rgba(0, 0, 0, 0.6);position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }*/
section.tuesday #subheadline h2 { font-size: 200%; margin-bottom: 15px; margin-top: 25px; }
section.tuesday #text1 { font-size: 135%; max-width: 750px; }


section.album { color: #ffffff; background: #131313; padding-top: 100px; }
section.album h2 { font-family: 'Kanit-ExtraBold' !important; }
section.gallery .headline { margin-bottom: 60px; }
section.album h2:after { content: ""; background: #d9242a; width: 90%; position: absolute; top: 0; left: 5%; right: 5%; bottom: 0; z-index: -1; }


.gallery-cubes .image-link-inner { background: #DA1F25; border-radius: 0; width: 50px; height: 50px; }
.gallery-cubes .image-link-inner svg { fill: #F1E445; display: none; }
.gallery-cubes .image-link-inner:after { content: "+"; color: #F1E445; font-size: 180%; }


section.contact { color: #ffffff; }
#DynamicFormObject .dynamicFormObjectField { width: 33.33%; float: right; }
#DynamicFormObject .dynamicFormObjectField.textarea-field { width: 100%; }
section.contact .popup-text { background: transparent; color: inherit; padding-bottom: 0; }
#DynamicFormObject { padding-top: 0; }
section.contact #text1 p:first-child { font-size: 170%; }
.normal-form input, .normal-form textarea { border: 0; border-bottom: 3px solid #f9ec34; border-radius: 0; }
#DynamicFormObject .dynamicFormObjectSubmit { width: 33.33%; float: none; display: inline-block; }
#DynamicFormObject input[type="submit"] { width: 100%; background: #DA1F25; border-radius: 0; }
section.contact #text1 .contactSide { display: inline-block; width: 49%; vertical-align: middle; text-align: right; position: relative; font-size: 120%; margin-left: 6%; margin-top: 25px; }
section.contact #text1 p:last-child { margin: 0; }
section.contact #text1 { max-width: 650px; }
.contactSide:not(:last-child):after { content: ""; border-bottom: 3px solid #d9242a; display: inline-block; width: 92px; height: 5px; position: absolute; left: -70px; transform: rotate(280deg); -webkit-transform: rotate(280deg); top: 65px; }
section.contact #text1 .contactSide:last-child { margin-right: 10%; width: 33%; margin-left: 0%; }
section.contact #text1 p { line-height: 1.2; }

.normal-form input::-webkit-input-placeholder, .internal-form textarea::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #ffffff; font-size: 100%; }
.normal-form input:-moz-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; opacity: 1; }
.normal-form input::-moz-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; opacity: 1; }
.normal-form input:-ms-input-placeholder, .internal-form textarea::-webkit-input-placeholder { color: #ffffff; }


.dynamicFormObjectSubmit:after { content: ""; position: absolute; width: 0px; height: 0px; border-top: 40px solid transparent; border-right: 8px solid #DA1F25; position: absolute; top: 0; bottom: 0; left: 7px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.dynamicFormObjectSubmit:before { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 40px solid transparent; border-left: 8px solid #DA1F25; position: absolute; top: 0; bottom: 0; right: 7px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.dynamicFormObjectSubmit:hover:after { content: ""; position: absolute; width: 0px; height: 0px; border-top: 40px solid transparent; border-right: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; left: 7px; }
.dynamicFormObjectSubmit:hover:before { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 40px solid transparent; border-left: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; right: 7px; }
#DynamicFormObject input[type="submit"]:hover { border: 0; }

section.contact #text1 .contactSide:last-child h3 { /* font-family: 'Kanit', sans-serif; */ }
section#contact.contact { padding: 100px; }
.button-holder { display: none; }


.popupBtn { background: #DA1F25; border-radius: 0; color: inherit; min-width: 200px; padding: 5px 10px; overflow: visible; }
.popupBtn:after { content: ""; position: absolute; width: 0px; height: 0px; border-top: 44px solid transparent; border-right: 8px solid #DA1F25; position: absolute; top: 0; bottom: 0; left: -8px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
.popupBtn:before { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 44px solid transparent; border-left: 8px solid #DA1F25; position: absolute; top: 0; bottom: 0; right: -8px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
/*.popupBtn:hover:after                          { content: ""; position: absolute;width: 0px; height: 0px; border-top: 44px solid transparent;border-right: 8px solid #ffffff; position: absolute; top: 0; bottom: 0; left: -8px; }
.popupBtn:hover:before                         { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 44px solid transparent; border-left: 8px solid #ffffff; position: absolute;top: 0;bottom: 0; right: -8px; }*/


a.close:after { content: url(../../../warehouse/temp/otto/closeX.svg); font-size: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 20px; }
#multi-content-modal.modal .close svg { display: none; }


section.tuesday .popupBtn:hover:after, section.tuesday .popupBtn:focus:after { border-right: 8px solid #ffffff; }
section.tuesday .popupBtn:hover:before, section.tuesday .popupBtn:focus:before { border-left: 8px solid #ffffff; }
section.tuesday button.popupBtn:hover, section.tuesday button.popupBtn:focus { background: #ffffff; color: #D9242A; }

#multi-content-modal.eventsForm:not(.menu) .modal-content { background-image: url('../../../warehouse/temp/otto/orderPopBg.jpg'); max-width: 800px; }
#multi-content-modal .modal-content .popup-text { background: transparent; padding-top: 0; }
#multi-content-modal .modal-content .popup-text #DynamicFormObject.normal-form { background: transparent; }
#multi-content-modal #DynamicFormObject .dynamicFormObjectTitleAndText { display: none; }
#multi-content-modal #PopUpData .headline { padding-top: 70px; }
#multi-content-modal #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 45px; }
#multi-content-modal.modal .close { width: 50px; height: 50px; background: #DA1F25; right: 25px; left: auto; top: -25px; }
#multi-content-modal.modal .close svg { width: 16px; fill: #F1E445; }
#multi-content-modal #DynamicFormObject .dynamicFormObjectField:nth-child(4) { width: calc(60% + 45px); padding-left: 10px; }

#multi-content-modal #DynamicFormObject .dynamicFormObjectSubmit { clear: both; margin: auto; display: block; }

.site-credit.alternative { background: #171512; }

#MenuModule .menuModuleNav { background: #ffffff; padding-top: 60px; }
#PopUpData #MenuModule .menuModuleNav a { color: #131313; font-size: 110%; margin-left: 10px; margin-right: 10px; padding: 0px 15px; }
.menuModuleTextItemPrice { background: #f7e949; padding: 2px 6px; }
.menuModuleTextItemTitle { font-size: 120%; }
.menuModuleTextItemDescription { font-size: 90%; }
.menuModuleTextItem1, .menuModuleTextItem0 { height: 90px; }
#PopUpData #MenuModule .menuModuleNav a.selected { background: #DA1F25; border: 0; color: #ffffff; }
#PopUpData #MenuModule .menuModuleNav a:after { content: ""; position: absolute; width: 0px; height: 0px; border-top: 31px solid transparent; border-right: 8px solid transparent; position: absolute; top: 0; bottom: 0; left: -8px; }
#PopUpData #MenuModule .menuModuleNav a:before { content: ""; position: absolute; width: 0px; height: 0px; border-bottom: 31px solid transparent; border-left: 8px solid transparent; position: absolute; top: 0; bottom: 0; right: -8px; }
#PopUpData #MenuModule .menuModuleNav a.selected:after { border-right: 8px solid #DA1F25; }
#PopUpData #MenuModule .menuModuleNav a.selected:before { border-left: 8px solid #DA1F25; }
#MenuModule { font-family: FbBangyNew-Regular,'Kanit', sans-serif; }
.gallery-cubes > div { padding: 10px; }

#home-gallery .scroll-down img { content: url('../../../warehouse/temp/otto/scroll.png'); width: 39px; height: 24px; min-width: 39px; }
/*#home-gallery .scroll-down:after                { content: ""; height: 24px; display: inline-block; background-image: url('../../../warehouse/temp/otto/scroll.png'); display: block; background-size: cover; background-repeat: no-repeat; width: 39px; margin: auto; }*/


section#contact { background: #171512; }
#SiteFooter #partners-section { background: #171512; text-align: center; padding-top: 15px; }
#SiteFooter img { max-width: 130px; margin: 0px 15px; }


@media(max-width:1440px) {
    section.events { padding-bottom: 7%; }
}

@media(max-width:1170px) {
    #home-gallery .gallery-caption { left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    section.events { padding-bottom: 5%; }
    #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content { overflow: visible; }
}

@media(max-width:1024px) {
    #home-gallery .gallery-caption { max-width: 900px; }
    header#header { padding: 10px 20px; background: #171512; }
    #header ul.menu { background: #171512; font-size: 180%; height: 100vh; }
    #header ul.menu li.active a { background: transparent; color: #f9ec34; }
    #header ul.menu > li:after, #header ul.menu li.active:after { content: ""; border-bottom: 3px solid #282722; position: absolute; bottom: 0; width: 80%; left: 10%; display: block; }
    #header ul.menu li.active { color: inherit; background: transparent; }
    #header-logo img { max-height: 65px; }
    header#header { padding: 35px 20px; }
    section.about:after { background-image: url('../../../warehouse/temp/otto/aboutMobile.png'); height: 163px; width: 100%; background-position: center center; background-color: #ffffff; }
    section.about:before { content: ""; width: 100%; height: 414px; position: absolute; top: 0; bottom: 0; right: 0; background-image: url(../../../warehouse/temp/otto/aboutBGTab.png); background-size: contain; background-repeat: no-repeat; }
    section.about .section-content#ContentRegularModule { right: 50px; top: 60%; }
    section.events #ContentRegularModule { width: 100%; top: calc(50% - -15px); max-width: 100%; }
    section.events #text1 { margin-left: 20px; }
    section.events h2 { font-size: 250%; }
    /*section.events      { padding: 20px;margin-top: -25px;padding-bottom: 100px;}*/
    section.events #text1 a { font-size: 90%; }
    #header ul.menu .social-links a svg { fill: #f9ec34; }
    header ul.menu li.social-links a { width: 51px; height: 51px; }
    #header-logo { left: 20px; }
    section.events h2 { font-size: 220%; }

    .mobile-menu { display: flex !important; align-items: center; }
    .right-header { display: flex; gap: 10px; }
    .right-header > .social-links { display: inline-flex; height: max-content; gap: 10px; flex-direction: row-reverse; }
    .right-header > .social-links a { width: 20px; height: 20px; display: flex; }
    .right-header > .social-links a svg { width: 100%; height: 100%; fill: #fff; }
    .right-header .waze-navigation { width: 20px; padding: 0; height: 20px; margin-right: 10px; }
    .right-header .waze-navigation a { width: 100%; height: 100%; display: flex; }
    .right-header .waze-navigation svg { width: 100%; height: 100%; max-width: unset; }
}

@media(max-width:991px) {
    #SiteFooter img { max-width: 90px; margin: 0px 5px; }
    a.close:after { height: 100px; }
    header#header { padding: 15px 20px; }
    section h2, section #headline h1, section .headline h1 { font-size: 300%; }
    /*section.events            { padding: 20px;margin-top: -20px;padding-bottom: 70px; }*/
    .lobbyview .grid-box, .LobbyModule .grid-box { margin-bottom: 10%; }
    section#contact.contact { padding: 100px 20px; }
    #text1 p, #text2 p { font-size: 100%; }
    section.happy { margin-top: 10px; }
    section.events:after { background-position: center 20px; top: -40px; background-size: 100%; height: 130px; }
    section.events { padding-bottom: 30px; }
    .events .popupBtn { margin-bottom: 0; margin-top: 0; }
    section.events .subCategories { margin-top: 0; }
    #PopUpData #headline h1, #PopUpData .headline h1 { font-size: 6vw; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 130%; }
    #multi-content-modal.eventsForm:not(.menu) .modal-content { max-width: 600px; }
    #multi-content-modal #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #multi-content-modal #DynamicFormObject .dynamicFormObjectField:nth-child(4) { width: 100%; }
    section.about:before { background-position: center top; }
    section.about:after { height: 193px; }
    section.about .headline { margin-bottom: 10px; }
    #multi-content-modal.modal .close { width: 40px; height: 40px; }
    .menuModuleContent { max-height: 61vh; min-height: 60vh; }
    .footer-address { width: 250px; left: 0px; background: rgba(0, 0, 0, 0.4); padding: 5px 15px 5px 15px; }
    section.about { height: 880px; }
    section.menu .grid-box-title:after { left: -7px; }
    section.menu .grid-box-title:before { right: -7px; }
    section.events:after { display: none; }
    section.events { padding-bottom: 80px; background-size: auto !important; background-position: center center !important; background-repeat: repeat !important; }
    section.about:after { right: 0; }
}



@media(max-width:767px) {
    #SiteFooter #partners-section { padding-bottom: 15px; }
    #SiteFooter img { max-width: 60px; }
    a.close:after { height: 40px; width: 15px; }
    body { font-size: 14px; }
    #home-gallery .gallery-caption .gallery-text { line-height: 1.2; }
    #header ul.menu li > a { font-size: 100%; }
    section.menu { padding: 100px 0px 130px; }
    section.menu #lobbyText { margin-top: 30px; margin-bottom: 0; }
    .lobbyview .grid-box, .LobbyModule .grid-box { width: 100%; }
    section.happy .grid-text-content { width: 300px; }
    section.tuesday { padding: 110px 0px; }
    .popupBtn { font-size: 150%; padding: 7px 10px; }
    section.album { padding-top: 60px; }
    .lobbyview .grid-boxes .grid-box-title h3, .LobbyModule .grid-boxes .grid-box-title h3 { margin-top: 0; }
    section.contact #text1 .contactSide, section.contact #text1 .contactSide:last-child { width: 100%; margin-left: 0; margin-right: 0; text-align: center; }
    .contactSide:not(:last-child):after { display: none; }
    #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    #DynamicFormObject .dynamicFormObjectSubmit { width: 75%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 20px; }
    section.events #text1 { margin-left: 0; width: 100%; margin-bottom: 15px; }
    section.events { padding-bottom: 185px; margin-top: -40px; margin-bottom: -40px; }
    section.events:after { display: none; }
    section.about:before { background-position: center 8%; }
    section.about:after { height: 115px; }
    /*section.about .section-content#ContentRegularModule         {  top: 50%; }*/
    section.about { height: auto; padding-bottom: 100px; }
    section.about .section-content#ContentRegularModule { position: relative; top: auto; right: auto; left: auto; transform: translate(0,0); -webkit-transform: translate(0,0); margin-top: 160px; }
    #multi-content-modal.eventsForm:not(.menu) .modal-content { max-width: 90vw; }
    #PopUpData #headline h1, #PopUpData .headline h1 { font-size: 10vw; }
    #multi-content-modal #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 150%; margin-bottom: 25px; }
    #multi-content-modal #PopUpData .headline { margin-bottom: 0; padding-top: 45px; }
    #header ul.menu > li:first-child { padding-top: 0; }
    #header ul.menu { padding-top: 55px; }
    #multi-content-modal #DynamicFormObject .dynamicFormObjectField:nth-child(4) { padding-left: 15px; }
    #PopUpData #MenuModule .menuModuleNav a { font-size: 130%; padding: 3px 15px; }
    #MenuModule .menuModuleNav { padding-top: 40px; }
    #multi-content-modal.modal .close { right: 15px; }
    .menuModuleTextItem1, .menuModuleTextItem0 { height: auto; }
    .lobbyview .grid-box, .LobbyModule .grid-box { margin-bottom: 50px; }
    section.menu #lobbyText { max-width: 100%; }
    #home-gallery .opacity-layer { display: block; }
    #home-gallery .gallery-caption .gallery-text { font-size: 205%; }
    #home-gallery .gallery-caption { top: 50%; }
    .flexslider:hover .flex-next { right: 5%; text-align: center; }
    .flex-direction-nav .flex-prev { text-align: center; }
    .flex-direction-nav .flex-next { text-align: center; }
    .flex-direction-nav { top: 30%; }
    section.about #text2 { font-size: 120%; }
    .footer-address { width: 185px; }
    section.events h2 { font-size: 270%; }
}

section.events .section-content { position: static; transform: none; display: flex; align-items: center; }
section.events .subCategories { margin-top: 10px; }
section.events { padding-bottom: 20px; background-size: 220% !important; }
section.events:after { display: none; }

@media (max-width: 767px) {
    section.events .section-content { flex-direction: column; }
    section.events h2 { margin-bottom: 20px; }
    section.events { padding-bottom: 40px; margin: 0; }
    section.events { background-image: url(/warehouse/temp/otto/large-BG-EVENT.jpg) !important; background-size: cover; }
    section.events .section-content #text1 p { font-size: 120%; }
}

@media(min-width:1024px) {
    section.contact #text1 .contactSide:last-child { display: flex; width: 100%; justify-content: space-between; margin-right: 0; }
    section.contact #text1 .contactSide:last-child h3 { margin-top: 0; font-weight: 700; }
    section.contact #text1 .contactSide:last-child::after { content: ""; border-bottom: 3px solid #d9242a; display: inline-block; width: 92px; height: 5px; position: absolute; left: 50%; transform: translateX(-50%) rotate(280deg); -webkit-transform: translateX(-50%) rotate(280deg); top: 65px; }
    section.contact #text1 .contactSide:last-child > div { display: flex; flex-direction: column; justify-content: flex-start; }
}

section.contact #text1 .contactSide:last-child > div > strong { line-height: 1; padding-bottom: 12px; color: #f9ec34; }

/*-----------/*
    FOOTER
/*-----------*/

@media(min-width:1024px){
    #SiteFooter #partners-section p { }
    #SiteFooter #partners-section p a { padding: 0; }
}

@media (max-width: 767px) {

}