﻿/* Japan Japan */


/*General*/
body { position: relative; font-size: 100%; color: #fff; line-height: 1.15; }

a:hover, a:focus { color: #fff; }
#whatAppButton { left: auto; right: 30px; bottom: 30px; }
#whatAppButton img { max-width: 80px; }

body .modal { padding-right: 0 !important; }
body .textmode.modal-body { background: #000000; font-size: 140%; padding: 45px; width: 70%; }
body .textmode.modal-body p a { text-decoration: underline; }

/*acc*/
#stickyButton-2892 { left: auto; right: 10px; bottom: 160px; }
#stickyButton-2892 img { max-width: 100%; }
/*header*/
.home-page #header:not(.bg) { background-color: transparent; }

/*#header.bg { background-color: transparent; }*/
#header, #header.bg { background-color: transparent; background-image: linear-gradient(to bottom, #000000,rgb(0 0 0 / 79%) 40%, rgb(0 0 0 / 52%) 70%, rgba(0, 0, 0, 0)); }
#header .menu-nav { background-color: transparent; }
#header #header-center-kdm { font-size: 110%; }
#header #header-center-kdm a, #header #header-center-kdm a.lang { border-radius: 100px; border: 2px solid #d5a848; padding: 7px 31px; line-height: 1; margin-left: 20px; -webkit-transition: all 3s; -moz-transition: all 3s; transition: all 0.3s ease-in; }
#header #header-center-kdm a.lang { padding: 8px 10px; background: transparent; color: inherit; }
#header .submenu li > a:focus { color: inherit; text-decoration: none; }
#header #header-left img, #header.bg #header-left img { max-width: 76px; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header #header-center-kdm .languages { top: 15%; left: 30%; }
#header #header-center-kdm a.lang:last-child { margin-right: 20px; }

#header .submenu { background-color: #17191a; border: 2px solid #d5a848; }
#header .submenu > li { float: none; }
#header .submenu li > a { font-size: 145%; width: auto !important; }
#header .submenu > li.active { background-color: transparent; }
#header .submenu > li:focus, #header .submenu > li:hover { background-color: transparent; }
#header .submenu li.active > a { position: relative; width: auto; }

#header .submenu li.active:not(.sub-open) > a::after { content: ''; position: absolute; bottom: 0px; left: 0; height: 2px; width: 100%; background-color: #d5a848; }
.has-sub i.opensub { font-size: 90%; position: absolute; top: 25%; }
#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: 40px; }



#header { display: flex; flex-wrap: wrap; align-items: center; padding: 0 15px; height: 100px; }
#header .phone-icon.showPhoneDesktop { direction: ltr; font-size: 90%; padding-right: 5px; }
#header #header-right > a.social_icon_booking { margin-right: 15px; }
#header #header-right { display: block; flex: 1; display: flex; flex-wrap: wrap; align-items: center; }
#header #header-left { display: block; flex: 0 0 auto; }
#header .social-links { order: 3; margin-right: auto; }
#header #header-center-kdm .address { display: none; }
#header a.lang { font-size: 80%; margin-right: 10px; border-radius: 100px; border: 2px solid #d5a848; line-height: 1; margin-left: 20px; -webkit-transition: all 3s; -moz-transition: all 3s; transition: all 0.3s ease-in; padding: 8px 10px; background: transparent; color: inherit; }
#header .languages { position: absolute; top: 50%; transform: translateY(-50%); left: 80px; }
/* Buttons */
.grid-text .sec-button, .main-btn, #DynamicFormObject input[type=submit], .normal-form input[type=submit], .delivery-sec .owl-carousel .photoTextLinkWrapper a.item-button, .delivery-mobile-sec .owl-carousel .photoTextLinkWrapper a.item-button { position: relative; display: inline-block; line-height: 1; font-family: 'almoni-tzar-regular-aaa-multi', sans-serif; font-size: 22px !important; color: #fff; border-radius: 100px; border: 2px solid #d5a848; padding: 10px 15px; width: 100%; height: auto; max-width: 200px; background-color: transparent; margin-top: 30px; -webkit-transition: all 3s; -moz-transition: all 3s; transition: all 0.3s ease-in; }
.grid-text .sec-button:hover, .main-btn:hover, #DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus, .normal-form input[type="submit"]:hover, .normal-form input[type="submit"]:focus, #header #header-center-kdm a:focus, #header #header-center-kdm a:hover, .delivery-sec .owl-carousel .photoTextLinkWrapper a.item-button:hover, .delivery-mobile-sec .owl-carousel .photoTextLinkWrapper a.item-button:hover { background-color: #d5a848; color: #000; border-color: transparent; border-width: 2px; }
.grid-text .sec-button::before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 100px; background-color: #d4a748; z-index: -1; opacity: 0; }

.grid-text .sec-button:hover::before { /* width: 100%; */ opacity: 1; }

/**** Homepage ****/
.home-page #header.bg { background-color: #000; }

/*home gallery*/
#home-gallery { height: 100vh !important; }
#home-gallery::after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); pointer-events: none; }

#home-gallery #TopVideo { position: relative; top: 0; left: 0; width: 100%; height: 100% !important; z-index: -1; pointer-events: none; overflow: hidden; }
#home-gallery #TopVideo iframe { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: calc( 100% * 4 ); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#home-gallery #player-controls { display: block !important; }
#mobile-player-controls { display: none !important; }

#home-gallery .gallery-caption { top: 50%; transform: translate(-50%, -50%); }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; text-align: center; line-height: 1; }
#home-gallery .gallery-caption .gallery-text span { font-size: 400%; }
#home-gallery .gallery-caption .gallery-text div { font-size: 300%; }

#home-gallery .scroll-down { width: auto; bottom: 20px; left: 50%; transform: translateX(-50%); }
#home-gallery .scroll-down button { background-color: transparent; border: none; padding: 0; position: relative; }
#home-gallery .scroll-down img { width: 28px; height: auto; min-width: 0; }
#home-gallery .scroll-down::after { content: ''; width: 50px; height: 50px; background-image: linear-gradient(to bottom, #d5a848, #bd9540); border-radius: 100px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; }

#home-gallery .iconsBoxLeft { left: 30px; bottom: 30px; position: fixed; }
.left div#glassix-widget-launcher-container { bottom: 160px !important; }
.left div#greeting-message-container { bottom: 160px !important; }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #home-gallery #TopVideo { transform: scale(1.3) }
}

@media (max-width: 1024px) {
    .left div#glassix-widget-launcher-container { bottom: 120px !important; }
    .left div#greeting-message-container { bottom: 120px !important; }
}

/* homepage - common sections */
.home-page .section { padding: 0; margin-bottom: 0; }
.home-page .sections > section::before { content: ''; height: 150px; width: 100%; background-image: linear-gradient(to bottom, rgba(15, 15, 15, 0), rgba(0, 0, 0, 0.7)); position: absolute; left: 0; top: auto; bottom: 0; pointer-events: none; z-index: 99; }
.home-page .sections > section::after { content: ''; height: 150px; width: 100%; background-image: linear-gradient(to top, rgba(15, 15, 15, 0), rgba(0, 0, 0, 0.7)); position: absolute; left: 0; bottom: auto; top: 0; pointer-events: none; z-index: 99; }

/*text*/
.home-page .grid-text p, .home-page .photoFullText p { font-family: 'almoni-neue-aaa-400-new', sans-serif; font-size: 130%; line-height: 1.15; margin-top: 0; }

/*headlines*/
.home-page .grid-text h2, .home-page .section-title h2, .home-page .section-title h1, .delivery-sec .photoTextWrapper h3 { font-size: 325%; line-height: 1; }
.home-page .grid-text h2::after, .home-page .section-title h1::after, .delivery-sec .photoTextWrapper h3::after, .delivery-mobile-sec .photoTextWrapper h3::after { content: ''; display: block; background: url('/warehouse/temp/japanjapan/title-bottom-deco.png') no-repeat; background-position: center center; background-size: 70px auto; height: 28px; width: 100%; margin: 15px 0; }
.home-page .section-title h2::before, .home-page .section-title h2::after { content: ''; display: inline-block; background: url(/warehouse/temp/japanjapan/title-side-deco.png) no-repeat; background-size: 100%; width: 28px; height: 28px; margin: 0 16px; }

/* homepage - intro-sec */


.intro-sec.grid-text-section { max-width: 100%; padding-top: 266px; padding-bottom: 247px; background-color: #000; background-image: url(/warehouse/dynamic/346798.jpg); background: url(https://media.getmood.io/warehouse/dynamic/651581.jpg), linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); background-size: cover; background-repeat: no-repeat; background-position: center; background-blend-mode: overlay; }
.intro-sec.grid-text-section .section-title h1 { font-size: 350%; }
.intro-sec.grid-text-section .gridTextImgContainer::after { content: ''; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); position: absolute; left: 0; top: 0; }
.intro-sec.grid-text-section .grid-text p { font-family: 'almoni-neue-aaa-400-new', sans-serif; font-size: 130%; line-height: 1.5; }
.intro-sec.grid-text-section .grid-text-content { max-width: 780px; width: 100%; padding: 0 15px; }
.intro-sec.grid-text-section .main-btn { max-width: 140px; }

/* homepage - menu-sec */

.menu-sec.grid-content-section { max-width: 100%; padding-top: 190px; padding-bottom: 110px; background-color: #000; background-image: url(/warehouse/dynamic/346797.jpg); background: url(https://media.getmood.io/warehouse/dynamic/651587.jpg), linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); background-size: cover; background-repeat: no-repeat; background-position: center; background-blend-mode: overlay; }
.menu-sec.grid-content-section .grid-boxes { max-width: 1170px; margin: 0 auto; }
.menu-sec.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 100%; margin-bottom: 15px; }
.menu-sec.grid-content-section .grid-boxes .box-image-animation { border-radius: 100px; overflow: hidden; }
.menu-sec.grid-content-section .grid-boxes .grid-box-title h3 { font-family: 'almoni-neue-aaa-400-new', sans-serif; font-size: 125%; }
.menu-sec.grid-content-section .grid-boxes .grid-box-title h3 a { color: #fff; }

.menu-sec.grid-content-section .grid-box { margin-bottom: 80px; }


/* homepage - delivery-sec */
.delivery-mobile-sec.grid-gallery-section { display: none; }
.home-page .sections > section.delivery-sec::after { background-image: linear-gradient(to top, rgba(15, 15, 15, 0), rgb(0 0 0)); }
.delivery-sec.grid-gallery-section .owl-carousel .photoTextWrapper, .delivery-mobile-sec.grid-gallery-section .owl-carousel .photoTextWrapper { background-color: transparent; }
.delivery-sec.grid-gallery-section .owl-carousel .owl-item .item { padding: 0; }
.delivery-sec.grid-gallery-section .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; }



.delivery-sec.grid-text-section { max-width: 100%; padding-top: 320px; padding-bottom: 320px; background-color: #000; background-image: url(/warehouse/dynamic/346795.jpg); background: url(/warehouse/dynamic/346795.jpg), linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); background-size: cover; background-repeat: no-repeat; background-position: center; background-blend-mode: overlay; }
.delivery-sec.grid-text-section .grid-text-content { max-width: 685px; }

.delivery-sec.grid-gallery-section .owl-carousel .owl-dots, .delivery-mobile-sec.grid-gallery-section .owl-carousel .owl-dots { z-index: 2; bottom: 20%; }
.delivery-sec.grid-gallery-section .owl-carousel .owl-dot, .delivery-mobile-sec.grid-gallery-section .owl-carousel .owl-dot { background-color: transparent; border: 2px solid #d4a848; }
.delivery-sec.grid-gallery-section .owl-carousel .owl-dot.active, .delivery-mobile-sec.grid-gallery-section .owl-carousel .owl-dot.active { background-color: #d4a748; }


/*homepage - members-sec */
.members-sec.grid-text-section { max-width: 100%; padding-top: 220px; padding-bottom: 220px; background-color: #000; background-image: url(/warehouse/dynamic/348970.jpg); background: url(/warehouse/dynamic/348970.jpg), linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); background-size: cover; background-repeat: no-repeat; background-position: center; background-blend-mode: overlay; }
.members-sec.grid-text-section .grid-text-content { width: 100%; }
.members-sec.grid-text-section .grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { text-align: center; max-width: 520px; }
.members-sec.grid-text-section .grid-text .grid-text-content .gridText1 { padding-left: 80px; border-left: 2px solid #d5a848; }
.members-sec.grid-text-section .grid-text .grid-text-content .gridText2 { padding-right: 80px; }


/*homepage - social-sec */
.social-sec .section-title h2::before, .social-sec .section-title h2::after { content: none; }
.social-sec.grid-gallery-section { max-width: 100%; padding-top: 185px; padding-bottom: 190px; background-color: #000; background-image: url(/warehouse/dynamic/346796.jpg); background: url(/warehouse/dynamic/346796.jpg), linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.6)); background-size: cover; background-repeat: no-repeat; background-position: center; background-blend-mode: overlay; }
.social-sec.grid-gallery-section .section-title { margin-bottom: 0; }
.social-sec.grid-gallery-section .section-title h2 { direction: ltr; }
.social-sec.grid-gallery-section h3 { font-size: 140%; display: inline-block; margin-top: 24px; margin-bottom: 32px; }
.social-sec.grid-gallery-section h3 a::after { content: ''; display: inline-block; background-image: url('/warehouse/dynamic/181564.png'); background-size: 100%; background-repeat: no-repeat; width: 20px; height: 20px; vertical-align: middle; margin-right: 6px; }
.social-sec.grid-gallery-section .gallery-cubes > div { width: 25%; }
.gallery-cubes { max-width: 1170px; margin: 0 auto; }
.gallery-cubes > div { padding: 10px; }

/*homepage - video sec*/
.home-page .grid-text.gridHasVideo .grid-iframe-holder { position: relative; padding-bottom: 36.5%; height: 0; overflow: hidden; }
/*footer*/
footer { padding-top: 0; }
#SiteFooter { float: none; width: 100%; padding-bottom: 0; }
#SiteFooter .footer-text-divided { max-width: 90%; margin: 0 auto; font-size: 130%; }
#SiteFooter .footer-text-left a { margin-right: 12px; }
#SiteFooter .footer-text-left img { height: 24px; width: auto; }

#SiteFooter .site-credit.alternative { padding: 10px 0; }
#SiteFooter .site-credit.alternative a { position: static; transform: none; margin-bottom: 0; float: right; direction: rtl; font-size: 75%; }
#SiteFooter .site-credit.alternative p { float: left; }


/***** INNER PAGES ******/
/* General */
#GridContent { float: none; }
#GridPage { padding-top: 25px; padding-bottom: 60px; }
.GridBottomGallery { padding-top: 0; }


#text1, #text2 { font-family: 'almoni-neue-aaa-400-new', sans-serif; max-width: 780px; }
#externalText { font-family: 'almoni-neue-aaa-400-new', sans-serif; max-width: 780px; margin: 0 auto; }
#externalText img { max-width: 135px; height: auto; }


#headline { font-size: 300%; }
#headline::after { content: ''; display: block; background: url(/warehouse/temp/japanjapan/title-bottom-deco.png) no-repeat; background-position: center center; background-size: 70px auto; height: 28px; width: 100%; margin: 15px 0; }


/*inner pages- header*/
/*#header.bg.internalPageBg { background-color: #000; }*/
/*#GridTop::before { content: ''; position: absolute; top: 0; left: 0; background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0.5) 51%, rgba(0, 0, 0, 0)); height: 150px; width: 100%; }*/
section#GridTop:after { content: ""; width: 100%; height: 100%; bottom: 0; position: absolute; background-color: hsl(0deg 0% 0% / 15%); top: 0; }
body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(/warehouse/temp/japanjapan/bg.jpg) no-repeat; background-size: cover; width: 100%; height: 100%; pointer-events: none; z-index: -1; }




/*branches page*/
.branches #GridPage .max-width { max-width: 800px; }
.branches .faq-item.panel { border: 2px solid #d5a848; background-color: #010102; border-radius: 0; margin-bottom: 25px !important; }
.branches .faq-headline { background-color: #010102; padding: 13px 30px; }
.branches .faq-headline.open { background-color: #000; }
.branches .faq-body { background-color: #000; font-family: 'almoni-neue-aaa-400-new', sans-serif; }
.branches .faq-body img { max-width: 50px; height: auto; }


.branches.express .faq-item.panel { border-color: #ba3425; }

@media(min-width: 1025px) {
    #header .submenu li.social-mobile { display: none !important; }
}


/*iframe common*/
#externalview iframe { border: 2px solid #d5a848; }

/*Franchise*/
.franchiss #text1 { text-align: right; }
.franchiss #headline h1 { text-align: right; max-width: 780px; margin: auto; }

/*members page */
.club-page #externalview iframe { display: block; max-width: 390px; margin: 0 auto; }

@media(min-width: 1440px) {
    .club-page #externalview iframe { max-height: 670px; }
}

/*menu page*/
#MenuModule { max-width: 1000px; margin: 0 auto; }
#MenuModule #text1 { font-size: 130%; }
#MenuModule .menuModuleNav { padding-bottom: 15px; }
#MenuModule .menuModuleNav a { color: #fff; margin-bottom: 0; }
#MenuModule .menuModuleNav a::after { content: ''; width: 100%; height: 2px; background-color: transparent; display: block; }
#MenuModule .menuModuleNav a.selected { color: #fff; }
#MenuModule .menuModuleNav a.selected::after { background-color: #d5a848; }
.menuModuleContentPart { float: none; border-color: #d5a848; border-width: 2px; padding: 50px 60px; }
.menuModuleContentPart[aria-hidden="false"] { display: flex !important; flex-direction: column; }
.menuModuleContentPart:after { content: none; }
.menuModuleTextItemTitle, .menuModuleTextItemPrice { color: #fff; font-size: 145%; }
.menuModuleTextItemDescription { width: 90%; font-size: 90%; color: #fff; font-family: 'almoni-neue-aaa-400-new'; }
.menuModuleTextItemPrice:before { content: none; }
.menuModuleTextItemPart::after { content: ''; right: 0; left: 0; bottom: 0; background-color: #9a9a9a; border: none; height: 1px; }
.menuModuleTextItemSubject { font-size: 160%; }
.menuModuleContentPart li.IconsExplanation span { font-family: 'almoni-neue-aaa-400-new'; font-size: 85%; }
.menuModuleTextItemTitle svg.spicyIcon, .menuModuleContentPart li.IconsExplanation svg { fill: red; }


.menuModuleContentWrapper { display: flex; line-height: 1; }
.menu-dots-seprator { width: 100%; border-bottom: 2px dotted; margin: 10px; }
.menuModuleTextItemTitle, .menuModuleTextItemPrice { flex: 0 0 auto; }


/*contact page v2*/
.contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; }

/* Contact page */
#contactform { position: static; max-width: 1000px; margin-right: auto; margin-left: auto; margin-bottom: 100px; }
#contactform h3 { font-size: 175%; }
#contactform.normal-form { padding: 40px 50px 20px; position: relative; border: 2px solid #d5a848; }
#contactform .contact-container { width: 100%; }
#contactform .contact-form-comment { font-size: 70%; text-align: left; margin: 10px 0 0; color: #9b9b9b; }
#contactform textarea { margin: 0; }
#contactform .contact-container .row { margin: 0; }
#contactform .contact-container .row.submit-btn > div { width: 100%; }
#contactform .contact-form-submit { margin: 0; text-align: center; }

#contactDetails { font-size: 100%; }
#contactDetails .contactDetailsText1 p { font-size: inherit; margin-bottom: 0; }
#contactDetails .contactDetailsText1 { font-size: inherit; font-family: 'almoni-neue-aaa-400-new'; }
#contactDetails .contactDetailsPhone1 { font-size: inherit; }

.normal-form { border: none; margin-bottom: 0 !important; }
.normal-form::after { content: none; }
.normal-form .must { /*padding: 0 7.5px;*/ position: relative; }
.normal-form .row > div, .normal-form .row fieldset > div { padding: 0 7.5px; }
.normal-form .must:before { content: "*"; position: absolute; font-size: 70%; line-height: 1; top: 10px; right: 15px !important; color: #121212; }
.normal-form input::placeholder, .normal-form textarea::placeholder { color: #000; }
.normal-form input:not([type="submit"]), .normal-form textarea, .normal-form select { font-family: 'almoni-neue-aaa-400-new'; font-size: 100%; color: #121212; line-height: 2; background: #fff; border: none; border-radius: 0; width: 100%; padding: 0 15px; max-width: 100% !important; }
.normal-form textarea { margin-bottom: 0; }
.normal-form-comment { font-size: 70%; text-align: left; margin: 10px 0 0; color: #9b9b9b; float: none !important; }
.normal-form-confirm label { font-size: 70%; }




@media(max-width: 767px) {
    #contactform.normal-form { padding: 20px 10px; }
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
}

#SiteGrid.layout-bottom #GridPromo { max-width: 1000px; padding: 0; margin-bottom: 0; }
.form-container-wide #DynamicFormObject { padding: 25px 65px; border: 2px solid #d5a848; }
#DynamicFormObject:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin: 0 auto; }
/*.select-wrapper:after { top: 50%; }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { top: 20px; left: 15px; }
#DynamicFormObject.normal-form .must::before { right: 6px !important; }

@media(min-width: 1440px) {
    #GridTop { height: 520px; }
}

@media(min-width: 1025px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.exp { width: 66.66%; }
}

@media (max-width: 1024px) {
    #header .submenu { width: 100vw; height: 100vh; max-height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; float: none; margin-top: 0; margin-bottom: 0; text-align: center; border: none; padding: 10vh 0; }
    #header .submenu li { text-align: center; white-space: normal; padding: 10px 15px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.exp select { white-space: normal; line-height: 0.9; }
}


@media (min-width: 991px) {
    #header .submenu { width: 221px; float: none; margin-right: 0; top: -10px; padding: 50px 15px; }
    #header .menu-nav { position: relative; }

    #header .submenu > li:first-child { margin-top: 0; }

    #header .submenu > li { padding: 0; }
    #header .submenu > li.has-sub { position: relative; }
    #header .submenu li:not(.has-sub) > a { line-height: 1.4; }
    #header .submenu li:not(.has-sub):not(.active) > a:hover:after, #header .submenu li:not(.has-sub):not(.active) > a:focus:after { content: ''; position: absolute; bottom: 0px; left: 0; height: 2px; width: 100%; background-color: #d5a848; }
    #header .submenu li:not(.has-sub):not(.active) > a:after { content: ''; position: absolute; bottom: 0px; left: 0; height: 2px; width: 100%; background-color: transparent; }
}




/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {
    /*general*/
    .home-page .grid-text p { font-size: 100%; }

    /*header*/
    #header #header-center-kdm, #header.bg #header-center-kdm { font-size: 95%; padding: 0; z-index: 10; }
    #header #header-center-kdm a { margin-left: 10px; padding: 5px 15px; }

    /*menu-sec*/
    .menu-sec.grid-content-section .grid-boxes .grid-box-title h3 { font-size: 100%; }
    .menu-sec.grid-content-section { padding-top: 95px; padding-bottom: 55px; }

    /*intro-sec*/
    .intro-sec.grid-text-section { padding-top: 130px; padding-bottom: 125px; }
    .intro-sec.grid-text-section .grid-text-content { max-width: 75%; }
    .intro-sec.grid-text-section .grid-text p { font-size: 100%; }

    /*delivery-sec*/
    .delivery-sec.grid-text-section { padding-top: 160px; padding-bottom: 150px; }

    /*members-sec*/
    .members-sec.grid-text-section { padding-top: 110px; padding-bottom: 110px; }
    .members-sec.grid-text-section .grid-text .grid-text-content .gridText1, .grid-text .grid-text-content .gridText2 { width: 50%; margin-right: -6px; vertical-align: middle; margin-bottom: 0; }
    .members-sec.grid-text-section .grid-text .grid-text-content .gridText1 { padding-left: 10px; }
    .members-sec.grid-text-section .grid-text .grid-text-content .gridText2 { padding-right: 10px; }

    /*contact page */
    .form-container-wide #DynamicFormObject { padding-right: 15px; padding-left: 15px; }
    #contact-form .row > div:not(.textareaWrapper) { width: 33.3333%; }
    /*dynamic form */





}


@media(max-width: 767px) {
    #GridPage .max-width { width: 90%; }
    /*general*/
    .grid-text-section .section-title { margin-bottom: 0; }
    #whatAppButton { display: none; }
    /*header*/
    .home-page #header:not(.bg), #header.bg { background: #000; }
    #header { height: 80px; }
    #header .submenu li { padding-top: 10px; padding-bottom: 5px; }
    #header .submenu li:not(.has-sub) > a { font-size: 135%; }
    #header .submenu li.social-mobile { text-align: center; margin-top: 25px; }
    #header .submenu .menu-sub li { text-align: center; }
    #header #header-left img, #header.bg #header-left img { max-width: 65px; }
    #header #header-center-kdm, #header.bg #header-center-kdm { font-size: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto !important; padding: 0; }
    #header .languages { left: 60px; }
    #header a.lang { padding: 2px 5px; font-size: 22px !important; }
    #header #header-center-kdm .languages { top: 10%; left: 20%; }
    #header #header-center-kdm a { font-size: 120% !important; padding: 8px 20px !important; margin-left: 0; }
    #header #header-center-kdm a:first-child, #header .submenu li a.social_icon_booking { display: none; }
    #header #header-right > a.social_icon_booking { margin-right: 10px; }
    #header #header-right > a.social_icon_booking img { max-width: 100px; }
    #header .submenu li.has-sub { position: relative; }
    .has-sub i.opensub { top: 40%; }
    /*home-gallery*/

    #home-gallery .iconsBoxLeft { left: 15px; bottom: 15px; }
    #home-gallery .iconBox img { max-width: 85px; }
    #home-gallery .scroll-down::after { width: 40px; height: 40px; }
    #home-gallery .scroll-down img { width: 20px; }
    #home-gallery #mobile-player-controls { display: none; }
    /*homepage - common sections */
    .home-page .sections > section:not(:last-child) { padding-top: 75px; padding-bottom: 50px; }
    .home-page .sections > section::before { height: 100px; }

    .home-page .grid-text h2, .home-page .section-title h2, .home-page .section-title h1, .delivery-mobile-sec .photoTextWrapper h3 { font-size: 240%; margin-top: 0; }
    .home-page .grid-text h2::after, .home-page .section-title h1::after, .delivery-mobile-sec .photoTextWrapper h3::after { margin-top: 10px; margin-bottom: 5px; background-size: 50px auto; }

    .home-page .grid-text p, .home-page .photoFullText p { font-size: 90%; }
    #player-controls #stop-player { display: none; }
    button.controlSlider:after { content: "\f04c"; font-family: FontAwesome; color: #fff; z-index: 3; display: block; position: absolute; bottom: 0; font-size: 90%; }
    #home-gallery #player-controls { bottom: 10px; right: 15% !important; }

    /*intro-sec*/
    .intro-sec.grid-text-section .section-title h1 { font-size: 240%; }
    .intro-sec.grid-text-section .grid-text p { font-size: 90%; }

    /*members-sec*/
    .members-sec.grid-text-section { background-image: url(/warehouse/dynamic/348969.jpg); }
    .members-sec.grid-text-section .grid-text .grid-text-content .gridText1::after { content: ''; position: absolute; right: 0; left: 0; border-bottom: 2px solid #d5a848; width: 25%; margin: 35px auto 0; }
    .members-sec.grid-text-section .grid-text .grid-text-content .gridText1 { border-left: none; padding-left: 0; margin-bottom: 60px; position: relative; }
    .members-sec.grid-text-section .grid-text .grid-text-content .gridText2 { padding-right: 0; }

    /*menu-sec*/
    .menu-sec.grid-content-section .grid-box { margin-bottom: 30px; padding-right: 15px; padding-left: 15px; }
    .menu-sec.grid-content-section .grid-boxes .grid-box-title h3 { font-size: 110%; }

    /*delivery-sec*/
    .delivery-sec.grid-gallery-section { display: none; }
    .delivery-sec.grid-text-section { padding-top: 125px; padding-bottom: 125px; }
    .delivery-sec.grid-text-section .grid-text-content { width: 100%; }

    .delivery-mobile-sec.grid-gallery-section { display: block; padding: 0 !important; }
    .delivery-mobile-sec.grid-gallery-section .owl-carousel .owl-item .item { padding: 0; }
    .delivery-mobile-sec.grid-gallery-section .owl-carousel .owl-dots { bottom: 10%; }
    /*social-sec*/
    .social-sec.grid-gallery-section .gallery-cubes > div { width: 50%; }

    /*menu page*/
    .menuModuleContentPart { padding: 30px; }

    /* contact page */
    .form-container-wide #DynamicFormObject { padding: 45px 15px; max-width: 100% !important; width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { float: none; width: 100%; }
    #contactDetails { font-size: 90%; }

    /*footer*/
    #SiteFooter .footer-text-middle img { max-width: 160px; }


    /*Inner pages*/
    #GridPage { padding-top: 25px; padding-bottom: 45px; }
    #headline { font-size: 240%; }
    #text1, #text2, #externalText, #MenuModule #text1 { font-size: 90%; }
    #headline::after { background-size: 50px auto; margin-top: 10px; margin-bottom: 5px; }
    #subheadline h2 { font-size: 120%; }

    /*branches lobby  */
    .branches-lobby #text1 a { display: block; }

    /*branches page*/
    .branches .faq-item.panel { margin-bottom: 15px !important; }
    .branches .faq-headline { font-size: 110%; padding: 15px; }
    .branches .faq-body { font-size: 90%; }
}



section#GridPage:before { content: ""; background-image: url('/warehouse/temp/japanjapan/Grad-desktop.png'); position: absolute; top: -185px; height: 277px; width: 100%; }

@media(max-width: 767px) {
    section#GridPage:before { content: ""; background-image: url(/warehouse/temp/japanjapan/Grad-mobile.png); position: absolute; top: -84px; height: 117px; width: 100%; }
    .intro-sec.grid-text-section { background-image: url("https://media.getmood.io/warehouse/dynamic/651582.jpg"); background-size: cover; }
    .menu-sec.grid-content-section { background-image: url("https://media.getmood.io/warehouse/dynamic/651588.jpg"); background-size: contain; background-position:center; }
}


#ContentGridReadMoreModule .grid-short-box.box:after { content: ""; background: rgb(0 0 0 / 31%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
#ContentGridReadMoreModule .grid-short-box.box a { z-index: 1; }
#ContentGridReadMoreModule .grid-short-box.box { color: #ffffff; }

.border-wrapper { border: 2px solid #d5a848; margin-bottom: 30px; padding: 20px; }
.topStripText { background: #000; }
.topStripText h3 { margin: 0; padding: 15px; }

@media (max-width: 1279px) and (min-width: 1024px) {
    #header #header-center-kdm a:nth-child(3), #header #header-center-kdm a:nth-child(4) { display: inline-block; }
}
