/* inherti from KISU */
body {color:#fff;font-size:24px;background-image: url(/warehouse/temp/kisu/bg.jpg), url(/warehouse/temp/kisu/bg2.jpg);}
#multi-content-modal.AccessabilityDeclaration #text1 { background: #000000; }
@media(min-width:1025px) {
    #header ul.menu > li.active:after{display:none}
    #header ul.menu > li a:after{content: "";position: absolute;display: block;right: 5%;border: 1px solid transparent;width: 90%;height: 30px;top: 16px;transition: all 200ms ease-out;-webkit-transition: all 200ms ease-out;pointer-events:none; }
    #header ul.menu > li.active a:after {border-color: #000;}
    #header ul.menu > li:hover a:after {border-color: #000;}
    #header ul.menu > li.social-links:hover a:after{border-color:transparent}
    #header ul.menu > li:hover a {color:#000}
    #header ul.menu > li:nth-child(1) a:after{right: calc(5% + 25px);width: calc(80% - 10px);}
    #header ul.menu > li#header-logo a:after{background: #ebebeb;height:  65px;top: 29px;width: 28px;left: 0;z-index: -1;right: auto;border-color: transparent;}
    #header ul.menu > li#header-logo a:before{content:""; position:absolute;background: #ebebeb;height:  65px;top: 29px;width: 28px;right: 0;z-index: -1;}
    #header ul.menu li a                     { padding: 1px 13px;margin-top: 15px;}
    #header ul.menu li:nth-child(2) a, #header ul.menu li:nth-child(3) a { padding: 1px 19px; }
    header#header.bg {background:  transparent;}
    #header ul.menu li:nth-child(1)          { padding-right:25px;}
    #header ul.menu li.languageLinkHolder           { position: fixed; top: 35px;left: 35px;background: #EBEBEB;font-size: 85%;height: auto;border-radius: 50%; padding-right: 0; width: 35px; height: 35px;text-align: center; }
    #header ul.menu li.languageLinkHolder a         { color: #161616;font-size: 100%;padding: 5px;margin: 0; font-family: 'BarlowCondensedMedium'; text-transform: uppercase; padding-top: 4px; }
    #header ul.menu li.languageLinkHolder:hover a:after { display: none;  }
}
@media(min-width:1025px) and (max-width:1170px) {
    #header ul.menu li.languageLinkHolder   { left:4px; top:75px; }
}
@media(min-width:992px) {
    #header-logo img {max-height: 120px;}
}

#header .headerInner                     { max-width: 1140px;}
#header ul.menu                          { color:#000;    font-size: 95%;}
#header ul.menu li                       { margin-left: 0px;background: #ebebeb;margin-right: -7px;height: 65px;}
#header ul.menu li:nth-last-child(2)     { padding-left:10px;}
#header .LogoCentered ul.menu li#header-logo    { height: 122px;background:  transparent;z-index: 1;}
#header .LogoCentered ul.menu li#header-logo a  { padding: 0;margin: 0 10px;}
#header ul.menu li.social-links svg      { fill: #cfdd25;display: inline-block;height: 16px;width:16px;vertical-align: middle;margin-top:-5px;}
#header ul.menu li.social-links a       { background:  #161616;border-radius: 50%;padding:  0;width: 30px;height:  30px;}


@media (max-width:1024px){
    #header .LogoCentered ul.menu li#header-logo{display:none;}
    header#header,
    header#header.bg {background: #ebebeb;}
    #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-color:#000;}
    #header-logo{position: fixed;top: 6px;left: 50%;transform:  translateX(-50%);}
    #header ul.menu{max-width: 250px;    background: #ebebeb;}
    #header ul.menu > li{margin:0 !important;padding: 3px 0;height:  auto;font-size: 120%;}
    #header ul.menu > li.active:after{display:none}
    #header ul.menu li.social-links svg {margin-top:-16px}
    #header ul.menu li:hover {color: #fff;}
    header ul.menu li.languageLinkHolder {display:  none;}
    
}

@media (max-width:1024px) and (min-width:991px){
    #header ul.menu {padding-top: 83px;}
    #header.bg ul.menu {padding-top: 104px;}
}

@media (max-width:1024px){
    #header ul.menu li.social-links svg {margin-top:-25px;vertical-align: middle;}
    .right-header > .languageLinkHolder { position:  absolute;left: 20px;width: auto;color: #161616;top: 29%;text-transform:uppercase}
}


@media(max-width:991px) and (min-width:768px){
    #header ul.menu {padding-top: 83px;}
    #header.bg ul.menu {padding-top: 63px;}
}

@media (max-width: 767px) {
    #header ul.menu li > a {font-size: 90%;}
    #header ul.menu{overflow:hidden;max-width:100%;padding-top:95px;}
    #header-logo{max-width:85px;}
    #header ul.menu li.social-links a{position:relative}
    #header ul.menu li.social-links svg {position: absolute;margin: 0;transform: translate(-50%, -50%);-moz-transform:translate(-50%, -50%);top: 50%;left: 50%;}
    #header .right-header{width:100%;}
    #header .phone-icon {width: 40px;height:  40px;background: #161616;padding:  0;margin:  0;display: inline-block !important;border-radius: 50%;position:  absolute;left: 5px;top: 8px;}
    #header .phone-icon a{display:  block;}
    #header .phone-icon a i {display:  block;}
    #header .fa-phone:before {color: #cfdd25;font-size: 60%;position:  relative;top: -5px;left: -9px; }
    #home-gallery .opacity-layer{display:block;}
    #header .waze-navigation {display: inline-block !important;width: 40px;height:  40px;background: #161616;border-radius: 50%;position: absolute;top: 8px;padding: 0;left: 50px;}
    #header .waze-navigation a {position: absolute;width: 100%;height:  100%;}
    #header .waze-navigation svg {max-width:  30px;width: 25px;position:  absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
    #header .waze-navigation svg .st1{fill: #cfdd25;}
    .moduleLayout .mobile-strip { border: 1px solid #ffffff; padding: 7px 25px; } 
    .moduleLayout .mobile-strip { top: auto; }
    .right-header > .languageLinkHolder {position:  absolute;left: 0px; right:auto;margin-top: 20px;font-family: 'BarlowCondensedMedium';font-size: 90%;background: #EBEBEB;padding: 0;width:  auto;top:auto}
    .right-header > .languageLinkHolder a {padding: 5px 11px;color:#161616;text-transform:uppercase}
}
#home-gallery .flex-control-paging li a.flex-active         { background-color: #cfdd25;}
#home-gallery .photoCaption .photoCaptionText               { background: transparent;min-width: 800px;max-width:  100%;}
#home-gallery .photoCaption .photoCaptionText:after         { border:  none;}
#home-gallery .photoCaption .photoCaptionText h2.photoTitle { color: #fff;font-size: 230%;font-family:  'BarlowCondensedMedium';}
#home-gallery .scroll-down                                  { bottom:10px}

section h2{color: #fff;}
section:not(.home-module) h2:after, section .headline h1:after, #subheadline h2:after {content: "";background: #cfdd25;width: 80px;height: 2px;display: block;margin: 12px auto 0;}

@media (min-width:992px){
    .menu .lobbyview .grid-boxes .grid-bo,.menu .LobbyModule .grid-boxes .grid-box {width: 16.66%;margin: 0;margin-right: -6px;padding: 10px;}
}

@media (max-width:991px){
    #home-gallery .photoCaption .photoCaptionText {min-width: 100px; }
}

section.aboutUs {padding-top: 60px;}
section.aboutUs .grid-boxes{padding-top: 65px;}
section.aboutUs .grid-boxes .grid-box{width: 45%;margin-left: 8%;background:  transparent;}
section.aboutUs .grid-boxes .grid-box:last-child{margin-left:0px;}
section.aboutUs .grid-boxes .grid-box-title h3{color:#cfdd25;font-size: 150%;}
section.aboutUs .grid-boxes .grid-box-title h3 a{color:#cfdd25}
section.aboutUs #lobbyText p {line-height: 125%;    font-size: 108%;}
section.aboutUs #lobbyText {max-width: 600px;} 
section.aboutUs #headline {margin-bottom: 35px;}

section.menu{background:#111111;background-size: 80% !important;background-repeat: no-repeat; background-position: center bottom !important;}
section.menu .lobbyview .grid-boxes .grid-box-image,section.menu .LobbyModule .grid-boxes .grid-box-image {border-radius:  50%;padding-bottom: 96%;border: 6px solid rgba(255, 255, 255, 0.1);}
section.menu .lobbyview .grid-box,section.menu .LobbyModule .grid-box {background:  transparent;}
section.menu .lobbyview .grid-boxes .box-image-animation,section.menu .LobbyModule .grid-boxes .box-image-animation {height: 100%;border-radius:50%; }
section.menu .lobbyview .grid-boxes .grid-box-image-container,section.menu .LobbyModule .grid-boxes .grid-box-image-container {width: 100%;height: 100%;overflow:hidden;border-radius:50%;z-index:1; }
section.menu .lobbyview .grid-boxes .box-image-animation img,section.menu .LobbyModule .grid-boxes .box-image-animation img { height: 100%;width: auto;position: absolute;left: -40%;margin: 0px auto;border-radius:50%;z-index:0; }
section.menu .grid-boxes .grid-box-title h3 a {color: #fff;}

.menuModuleTextItemTitle svg,.menuModuleTextItemTitle svg path { fill: #ffffff; }
.menuModuleContentPart .IconsExplanation svg,.menuModuleContentPart .IconsExplanation svg path { fill: #ffffff; }

#gallery button.popupBtn.loadMore {border: 1px solid #fff;height: 50px;max-width: 300px;padding-top: 0;line-height: 50px;margin: 40px auto 25px;}
#ContactUs {padding-bottom: 0;}
#ContactUs .popup-text{background:transparent;color:inherit;font-size: 125%;    padding-top: 0;}

#contactview { display:  none;}
section.contact-module{padding:0px;}
#map-section #map-holder .overlay {    background: rgba(0, 0, 0, 0.7);transition: all 200ms ease-out;    -webkit-transition: all 200ms ease-out;opacity:1;}
#map-section .map-cover {background: transparent;}
#map-section .map-cover:after{border-color:transparent;}
#map-section .map-cover .open-map{border-radius: 0px;background: #cfdd25;font-size: 93%;}
#map-section .map-cover h4{font-size: 200%;margin-bottom: 20px;}
#map-section .map-cover h4:after{content:"?"}
#ContactModule #map-section #map-holder {margin-bottom: 0px;}

@media(max-width:1170px){
    section .headline h1 {font-size: 6vw;}
}

@media (max-width:991px){
    section.menu{background-size:250% !important}
    section.menu .lobbyview .grid-box,section.menu .LobbyModule .grid-box {width:29.5%}
    .lobbyview .grid-box:nth-child(even),.LobbyModule .grid-box:nth-child(even),
    .lobbyview .grid-box,.LobbyModule .grid-box {margin-left: 3%;}
}

@media(min-width:768px){
    #ContactUs #text1 p br{display:none;}
}
@media(max-width:767px){
    section .headline h1 {font-size: 10vw;}
    section.aboutUs #lobbyText p {line-height: 115%;font-size: 92%;}
    #ContactUs{padding-top:20px;}
    #ContactUs #text1 p span.seperator{display:none}
    #map-section .map-cover h4 {font-size: 190%;}
}
/**POP-UP**/
.menuModuleContent {background:  transparent;max-width: 960px;}
#PopUpData #ContentRegularModule{ max-width:700px;background-image: url(../../../warehouse/temp/kisu/popup.jpg);background-size:cover;background-position: center;}
#ContentRegularModule .popup-text.section-animation-item{background:  transparent;color: #fff;}
#MenuModule {background-image: url(../../../warehouse/temp/kisu/popup.jpg);background-size:cover;max-width: 960px;}
#multi-content-modal.modal .close, .form-modal .close{top: -30px;left: 50%;transform: translateX(-50%);}
#multi-content-modal .modal-content {width: auto;    display: inline-block;}
#PopUpData {background-size:  cover;color: #fff;padding: 20px;}
#PopUpData .popup-text:before{content:"";position:  absolute;border: 1px solid rgba(255,255,255,0.12);right: 8px;left: 8px;top: 8px;bottom: 8px;}
#PopUpData .normal-form {background:  transparent;padding: 0;}
#PopUpData #DynamicFormObject .dynamicFormObjectField{width: 50%;    float: right;}
#PopUpData .normal-form input{border-radius: 0px;background: rgba(255,255,255, 0.12);border-color: transparent;}
#PopUpData h3{font-size: 125%;    margin-bottom: 0;}
#PopUpData #text1 p{font-size: 90%;line-height: 129%;color: #fff;}
#PopUpData #DynamicFormObject .dynamicFormObjectTitleAndText {font-size: 165%;margin-bottom: 10px;}
#PopUpData #headline h1, #PopUpData .headline h1{display:none}
#PopUpData #subheadline h2 {font-size: 250%;}
#PopUpData #DynamicFormObject .dynamicFormObjectFields .top-form {color: #cfdd25;font-size: 90%;line-height: 115%;}
#PopUpData #DynamicFormObject input[type="submit"]{background-color:#cfdd25;font-size: 110%;color: #000;}
#PopUpData #DynamicFormObject .dynamicFormObjectSubmit{width: 50%;margin-left: 25%;}
#PopUpData .dynamicFormEndText p{text-align:right;font-size: 75%;}

.normal-form input::-webkit-input-placeholder,.internal-form textarea::-webkit-input-placeholder { font-size:80%;}
.normal-form input:-moz-placeholder, .internal-form textarea::-webkit-input-placeholder {font-size:80%; }
.normal-form input::-moz-placeholder, .internal-form textarea::-webkit-input-placeholder {font-size:80%; }
.normal-form input:-ms-input-placeholder, .internal-form textarea::-webkit-input-placeholder {font-size:80%;}

/**menu pop-up */
#PopUpData .menuModuleTextItemTitle {font-size: 92%;}
#PopUpData .menuModuleTextItemDescription {font-size: 70%;}
#PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 {border-bottom: 1px solid #363636;margin-bottom: 11px;height:110px;}
#PopUpData .menuModuleTextItemPrice {color: #cfdd25;font-size: 92%;}
#PopUpData .menuModuleTextItemPrice:before {font-size: 50%;}
#MenuModule #headline {margin-bottom: 0;padding-top: 10px;}

@media (max-width:991px){
    #PopUpData {padding-top: 50px;}
    #multi-content-modal.modal .close, .form-modal .close {    top: auto;}
    #PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 {width: 100%;margin-right: 0px;height:auto}
    #MenuModule {background-size: 100%;background-repeat: no-repeat;background-color: #161616;background-position: center;    }
}

@media(max-width:767px){
    #multi-content-modal .modal-content{overflow:auto; min-height:490px; }
    #multi-content-modal .modal-content{max-height:96vh; margin:0px}
    #PopUpData h2{max-width:100%}
    #PopUpData .menuModuleTextItem0, #PopUpData .menuModuleTextItem1 {height:auto;}
    #PopUpData #subheadline h2 {font-size: 173%;}
    #PopUpData {padding:0px; padding-top: 20px;}
    .popup-text{padding:10px; padding-top: 20px;}
    #PopUpData #text1 p {font-size: 77%;}
    #PopUpData #DynamicFormObject .dynamicFormObjectTitleAndText {font-size: 115%;}
    #PopUpData #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 70%;}
    #PopUpData h3 {margin-top: 10px;}
    #PopUpData .popup-text:before{display:none;}
    #PopUpData #DynamicFormObject .dynamicFormObjectField{width:100%;padding: 0;}
    #PopUpData #DynamicFormObject .dynamicFormObjectSubmit {width: 100%;margin-left: 0%;padding: 0;}
    #PopUpData .normal-form input{margin-bottom:15px}
    #DynamicFormObject .dynamicFormObjectField .must:before {right: 2%;}
    #PopUpData #DynamicFormObject input[type="submit"] {font-size: 100% !important;    }
     #MenuModule {margin-top: 20px;}
    #header ul.menu li:hover    { color:#121212; }
}

section.celebrate .headline     { display: none; }
section.celebrate .popup-text   { background: transparent;padding: 0;}
section.celebrate               { padding: 20px;border: 16px solid #000;border-bottom-width: 8px;}
section.celebrate h2            { font-size: 230%;display: inline-block;vertical-align: middle;padding: 0;color: #000;margin-left: 122px;}
section.celebrate h2:after      { display:  none;}
section.celebrate #text1        { max-width: 100%;}
section.celebrate #text1 p      { display: inline-block;vertical-align: middle;width: auto;margin-bottom: 0;}
section.celebrate #text1 a      { display: inline-block;width:200px;height:50px;background: rgba(255,255,255, 0.5);border: 2px solid #000;color: #000;font-size: 125%;}

@media (max-width:1440px){
    section.celebrate h2{margin-left:100px; font-size:200%;}
}

@media (max-width:1440px){
   #multi-content-modal .modal-content, .form-modal .modal-content, #multi-content-modal .form-modal .modal-content{overflow:inherit; }
}

@media (max-width:1024px){
    section.celebrate h2{margin-left: 30px;font-size: 180%;}
}

@media (max-width:991px){
    section.celebrate h2{margin-left: 0px;    margin-bottom: 20px; font-size: 180%;    }
}

@media (max-width:767px){
    section.celebrate #ContentRegularModule{max-width:100%}
    section.celebrate {padding: 10px;}
    section.celebrate h2 {font-size: 140%;max-width: 310px;margin: 0 auto 20px;}
    section.aboutUs .grid-boxes .grid-box{width:100%;margin-left: 0%;}
    section.menu .lobbyview .grid-boxes .grid-box-image,section.menu .LobbyModule .grid-boxes .grid-box-image {padding-bottom:90%;}
    section.celebrate #text1 a{width:auto; height:40px; font-size:105%; padding:0 15px;}
}

section.celebrate #text1
.photoAlbums {padding-top: 0;}
.photoAlbums .headline {display:  none;}
.photoAlbums .gallery-cubes > div {border: 8px solid #000;}

#SiteFooter {background-color: #0f0f0f;}

.moduleLayout .categories-strip         { background: transparent;font-size: 78%;color: #929292;padding-top: 10px; }
.moduleLayout .categories-strip li.menu-tag { border-bottom: 2px solid #363636;margin: 2px 5px; padding: 10px; padding-bottom: 0; }
.moduleLayout .categories-strip li.menu-tag.active { color: #ffffff; border-color: #cfdd25; background: transparent; }

@media (max-width:991px) {
    .photoAlbums .gallery-cubes > div {border: 4px solid #000;}
    section.photoAlbums{padding-top:6px;}
    #DynamicFormObject #form-thanks h3  { font-size:140%; }
}

@media (max-width:767px){
    section.photoAlbums{padding-bottom:0px;}
    .moduleLayout .categories-strip span { color: #ffffff;padding:0; }
    .mobile-strip:after { color: #cfdd25;top:auto; }
    #PopUpData #MenuModule  { width:95vw;}
    #multi-content-modal.menuModal .modal-content { overflow: hidden; }
    #multi-content-modal.menuModal .modal-content .select-wrapper ul { overflow: auto; max-height: 75vh;/*direction: ltr;*/ padding-right: 10px; }
    #multi-content-modal.menuModal .mobile-strip .select-wrapper li.strip-item { width:49%; }
    #multi-content-modal.menuModal .modal-content { max-height: 85vh; }
}

.site-credit.alternative{padding:3px 0px;}
#PopUpData #text1 p.order a             { transition: all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;cursor: pointer; border: 1px solid transparent; border-radius: 0px; padding: 0; background-color: #cfdd25; font-size: 100%;color: #000; padding: 5px 10px; display: inline-block; }
.modal .popup-text                      { min-width: 450px;min-height: 300px; }
#ContentRegularModule .popup-text.section-animation-item #text1 h3 { margin-top: 0; margin-bottom: 5px; }
/*#ContentRegularModule .popup-text.section-animation-item #text1    { margin-top: 45px; }*/
#PopUpData #text1 p.order { margin-top: 15px; }

@media (max-width:767px){
  .modal .popup-text                      { min-width: 320px;min-height: 250px;overflow-y:auto; }

}


/* FU */
#header ul.menu li.social-links svg {fill: #fff;}
#PopUpData #text1 p.order a,
#PopUpData #DynamicFormObject input[type="submit"],
#home-gallery .flex-control-paging li a.flex-active,
section:not(.home-module) h2:after, section .headline h1:after, #subheadline h2:after,
#map-section .map-cover .open-map{background:#ed3524;}
#PopUpData .menuModuleTextItemPrice,
#PopUpData #DynamicFormObject .dynamicFormObjectFields .top-form,.mobile-strip:after{color:#ed3524}
.moduleLayout .categories-strip li.menu-tag.active{border-color:#ed3524}


section.celebrate #text1 a {background: #fff;}
#PopUpData #text1 p.order a,
#PopUpData #DynamicFormObject input[type="submit"],
section.celebrate h2,
section.aboutUs .grid-boxes .grid-box-title h3 a,
#map-section .map-cover .open-map {color: #fff;}
section.menu{    background-size: 100% !important;}
#PopUpData #ContentRegularModule,
#MenuModule{    background-image: url(../../../warehouse/temp/fu/popup.jpg);}
#home-gallery .photoCaption{z-index:1;}

@media (min-width:1025px){
    #header ul.menu li:nth-last-child(2) a:after {right: 0px;}
}

header .LogoCentered ul.menu li.social-links{padding-left:20px;}
#home-gallery .gallery-caption .gallery-text > div {color: #fff;font-size: 230%;font-family: 'BarlowCondensedMedium';}

@media (max-width:767px){
    #header .fa-phone:before {color: #fff;}
    #header .waze-navigation svg .st1{fill: #fff;}
    }