/*Kyoto Neo*/
body { background-color: #000929; color: #ffffff; font-size: 20px; color: #ffffff; }
:root { --almoni: AlmoniTzarDL40AAA-Medium; --simplar: SIMPLERPRO_V3-REGULAR; }
/*Generals*/
.section-title h1, .section-title h2, #subheadline h2 { font-family: var(--almoni); font-size: 250%; }
.grid-boxes .grid-box-subtitle { font-family: var(--almoni); font-size: 200%; color: #ffffff; }
.top-caption { font-size: 250%; text-transform: lowercase; font-family: 'AlmoniTzarDL40AAA-Medium'; top: 60%; }
.top-caption h1 { font-family: var(--almoni); font-size: 100%; }
a:hover, a:focus { color: #ffffff; }

@media(max-width: 767px) {
    .section-title h1, .section-title h2, #subheadline h2 { font-size: 200%; }
}
/*Buttons*/
.grid-text .sec-button, .grid-gallery-section .sec-button, #header #header-center-kdm a, #home-gallery #header-center-kdm a, a.FormResultPageButton { font-family: var(--almoni); border: 1px solid #00ffff; border-radius: 25px; color: #ffffff; padding: 5px 39px; overflow: hidden; position: relative; font-size: 100%; margin: 0 7px; }
#header #header-center-kdm a::before { content: none; }
.grid-text .sec-button:hover, .grid-gallery-section .sec-button:hover, #header #header-center-kdm a:hover, a.FormResultPageButton:hover { background: unset; color: #000929; border-color: #00ffff; }
#header #header-center-kdm a::after, .grid-gallery-section .sec-button::after, .grid-text .sec-button::after, a.FormResultPageButton:after { content: ""; position: absolute; left: 0; bottom: 0; height: 0px; width: 100%; background: #00ffff; color: #000929; -webkit-transition: all 0.2s linear; }
#header #header-center-kdm a:hover:after, .grid-gallery-section .sec-button:hover:after, .grid-text .sec-button:hover:after, a.FormResultPageButton:hover:after { height: 100%; z-index: -1; }

/*Header*/
#header-top-strip .topStripContainer .topStripText p { background: #000; }

.home-page #header:not(.bg), .home-page #header.bg, #header.bg { background: transparent; border-bottom: 1px solid #00ffff; background-image: linear-gradient(to bottom, #000929, rgba(0, 9, 41, 0)); }
#header #header-center-kdm .address, #header .submenu li > a::before { display: none; }
#header #header-left img, #header.bg #header-left img { max-width: 211px; }
#header.bg #header-center-kdm, #header #header-center-kdm { font-size: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); }
#header #header-center-kdm a:focus { color: #fff; }
#GridTop { margin-top: 0; height: 400px; }
#header.bg.internalPageBg { background: #000929; }

.nav-menu-anim { width: 46px; }
#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before { width: 46px; background: #00ffff; }
#nav-toggle span { width: 23px; }
#header .social-links a { border: 1px solid #00ffff; border-radius: 50%; -webkit-transition: all 0.3s ease; }
#header .social-links a:hover { background: #00ffff; }
#header .social-links a svg { margin: 7px; fill: #fff; max-width: 20px; max-height: 23px; -webkit-transition: all 0.3s ease; }
#header .social-links a:hover svg { fill: #000929; }

#header .submenu { top: 65px; background: #000929; border: 1px solid #00ffff; width: 360px; padding: 80px 40px; }
#header .submenu > li:first-child { margin-top: 0; }
#header .submenu li > a { font-size: 110%; color: #fff; }

#header .submenu > li:focus > a, #header .submenu > li:hover > a, #header .submenu > li.active, #header .submenu .menu-sub li a:hover, #header .submenu .menu-sub li a:focus, #header .submenu > li.active:focus > a { background: transparent; color: #00ffff; }
#header .submenu li.active > a { color: #00ffff; }
#header .submenu > li.active > a, #header .submenu .menu-sub li.active a { font-family: inherit; }

.has-sub i.opensub { color: #fff; }

@media(max-width: 767px) {
    #GridTop { height: 350px; }
    #header .submenu { top: 0; padding: 80px 0; }
    #header .phone-icon { display: none; }
    #header .submenu li.social-mobile { display: block !important; margin-top: auto; position: unset; }
}
/*Hero*/
#home-gallery .scroll-down { font-size: 0; bottom: 50px; }
#home-gallery .scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down::before { content: none; }
#home-gallery .scroll-down img { width: 100px; min-width: 100px; height: auto; }
#home-gallery .scroll-down button::after { content: url(/warehouse/dynamic/306544.svg); position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); }
#home-gallery ol.flex-control-nav.flex-control-paging { display: none; }
button.controlSlider.pause:after { content: ''; }
#home-gallery .gallery-caption .gallery-text { font-family: 'AlmoniTzarDL40AAA-Medium'; font-size: 850%; line-height: 0.8; }

@media(max-width: 767px) {
    #home-gallery .scroll-down, #home-gallery button.controlSlider { display: none !important; }
    #home-gallery #header-center-kdm { position: absolute; bottom: 35px; /* bottom: 70px; */ z-index: 2; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; }
    #home-gallery #header-center-kdm > a { margin: 0 7px; }
    #home-gallery #header-center-kdm > span { display: none; }
    .stickyButton { bottom: 80px; }
}
/*Sections*/
.grid-content-section .grid-box .grid-box-title h3 a { color: #ffffff; }
.grid-boxes .box-image-animation:hover img { transform: none; }
.grid-content-section.cubeSec { width: 1190px; }
.circleSec .section-title { margin-bottom: 50px; }
.circleSec.grid-content-section { max-width: 100%; padding-top: 100px; }
.circleSec.grid-content-section::before { content: ""; position: absolute; left: 0; top: 56%; -webkit-transform: translateY(-50%); background-image: url(' /warehouse/dynamic/306488.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 100%; height: 250px; }
.circleSec .grid-boxes { display: flex; justify-content: center; max-width: 1440px; margin: auto; }
.circleSec .grid-boxes .box-image-animation { display: flex; }
.circleSec.grid-content-section .grid-box { max-width: 300px; padding: 0 15px; }
.circleSec.grid-content-section .grid-box .grid-box-image { padding-bottom: 100%; }
.circleSec.grid-content-section .box-image-animation img { max-width: 269px; margin: auto; }
.circleSec .grid-boxes .grid-box-title h3 { font-size: 90%; }
.circleSec .grid-boxes .grid-box-title h3::before { content: ""; display: block; background: #00ffff; width: 30px; height: 3px; margin: 0 auto 15px; }

@media (max-width: 767px) {
    .section-title { margin-bottom: 20px; }
    .circleSec h1 { max-width: 14ch; }
    .circleSec.grid-content-section .box-image-animation img { max-width: 100%; }
    .circleSec.grid-content-section .grid-box { max-width: 50%; padding: 0 15px; }
    .circleSec.grid-content-section::before { background-image: url(/warehouse/dynamic/306489.png); background-size: cover; top: 60%; }
}

.grid-text-section:not(.marqueeSec) { max-width: 1015px; margin: 80px auto; padding: 50px 0; border: 1px solid #00ffff; }
.grid-text-section .section-title h2::after, .grid-gallery-section .section-title h2::after, .grid-content-section .section-title h1::after { content: ""; display: block; background: #00ffff; width: 80px; height: 3px; margin: auto; }
.grid-text-section .grid-text .grid-text-content { max-width: 80%; padding: 0 50px; }
.grid-text-section .grid-text-content p { font-size: 90%; }
.home-page .grid-text-section .grid-text-content p { margin-bottom: 30px; }

@media(max-width: 767px) {
    .circleSec.grid-content-section { padding-top: 70px; }
    .grid-content-section .section-title h1::after { margin-top: 10px; }
    .grid-text-section:not(.marqueeSec) { margin: 0 20px; }
    .grid-text-section .grid-text .grid-text-content { max-width: 100%; padding: 0 20px; }
    .circleSec h1 { max-width: 14ch; }
    .grid-boxes .grid-box-subtitle { font-size: 160%; }
    .cubeSec .grid-box-subtitle > a::before { width: 50px; }
}

.cubeSec.grid-content-section .grid-box.col-md-4 { max-width: 50%; width: 100%; }
.cubeSec .grid-box-subtitle { text-align: right; }
.cubeSec .grid-box-subtitle > a::before { content: ""; display: inline-block; width: 80px; height: 3px; background: #00ffff; margin-left: 15px; }
.cubeSec .grid-box-subtitle > a { line-height: normal; position: relative; display: flex; align-items: center; }

@media(max-width: 767px) {
    .cubeSec.grid-content-section .grid-boxes.row { flex-direction: column; }
    .cubeSec.grid-content-section .grid-box.col-md-4 { max-width: 100%; width: 100%; }
}

.marqueeSec { overflow: hidden; padding: 5px 0 10px; }
.marqueeSec .grid-text-content { width: 100%; padding: 0; direction: ltr; text-align: center; }
.marqueeSec .grid-text-content p { font-size: 850%; text-transform: uppercase; margin: 0; line-height: 0.8; font-family: 'AlmoniTzarDL40AAA-Medium'; }
span.stroke { -webkit-text-stroke: 1px #00ffff; color: transparent; }
span.filled { color: #8c909e; }

@media(max-width: 767px) {
    .marqueeSec { overflow: hidden; padding: 5px 0 10px; margin: 25px 0; }
    .marqueeSec .grid-text-content p { font-size: 750%; }
}

.grid-gallery-section { padding-top: 0; }
.grid-gallery-section .section-title { margin-bottom: 45px; }
.gallery-cubes .image-link-inner { background: transparent; color: #fff; border: 1px solid #fff; }
.gallery-cubes .plus-sign { font-size: 150%; font-weight: 100; font-family: auto; }
.gallery-cubes .image-link-container { opacity: 1; }
.gallery-cubes { margin-bottom: 15px; }

@media(max-width: 767px) {
    .grid-gallery-section h3 { font-size: 100%; margin-top: 0; }
}

.grid-image-section { margin-bottom: 0; height: 613px; padding-top: 0; margin-top: 50px; }
.grid-image-section .image-section-data { height: 100%; overflow: hidden; }
.grid-image-section .image-section-data img { width: auto; }

@media(max-width: 767px) {
    section.grid-image-section { max-width: 100%; }
}

#SiteFooter { background: #000929; border-top: 1px solid #00ffff; }
.footer-text-divided { align-items: stretch; max-width: 1500px; }
.footer-text-divided > div.footer-text-right { justify-content: center; }
.footer-text-divided > div.footer-text-middle { justify-content: space-evenly; display: flex; align-items: stretch; width: 100%; padding-right: 0; }
.footer-text-divided > div.footer-text-left { width: 48%; display: flex; flex-direction: column; align-content: flex-end; align-items: flex-end; justify-content: center; flex-wrap: wrap; }
.footer-text-divided > div.footer-text-left p { margin-top: 15px; }
.footer-text-divided > div.footer-text-left p a { margin-right: 10px; }
.footer-text-divided > div.footer-text-right ul { margin-left: 40px; }

.footer-text-middle p { /* margin-left: 30px; */ }

@media(max-width: 767px) {
    #SiteFooter .mobile-seperator { display: none; }
    .footer-text-divided > div.footer-text-left { order: 3; align-items: flex-start; }
    .footer-text-divided > div.footer-text-middle { order: 1; }
    .footer-text-divided > div.footer-text-right { order: 2; justify-content: space-evenly; margin-top: 25px; margin-bottom: 0; font-size: 90%; }
    .footer-text-divided > div.footer-text-left p a { margin-right: 0; margin-left: 10px; }
}
/*Zoom Fix*/
@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) * var(--unZoom)) !important; }

    body.macOs #home-gallery, body.macOs #home-gallery .slides, body.macOs #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
    body.macOs .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
}

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


#text1 ul li::before, #text2 ul li::before { border-color: #00ffff; }
.footer-text-middle a img { padding-top: 30px; }


/*menu title*/
.menuPage #GridTop { z-index: -2; }


/*#MenuModule { margin-top: -100px; }*/
/*.menuPage .categories-strip ul li.active { background: #00ffff; border-color: #00ffff; border-radius:25px; }
.menuPage .categories-strip ul li { background: transparent; border-radius: 25px; }
.menuPage .categories-strip ul li:not(li.active) a { background: #000929; border-color:#fff; }
.menuPage .categories-strip ul li.active a { color: #000929; }*/
#MenuModule .menuModuleNav a { font-family: 'SIMPLERPRO_V3-REGULAR'; color: #fff; }
#MenuModule .menuModuleNav a.selected { color: #fff; }
#MenuModule .menuModuleNav a::before { height: 2px; bottom: -5px; background: #3afefe; }
#MenuModule #text1 p { text-align: center; }

@media(min-width:767px) {

    .menuPage .categories-strip ul li.active { background: #00ffff; border-color: #00ffff; border-radius: 25px; }
    .menuPage .categories-strip ul li { background: transparent; border-radius: 25px; }
    .menuPage .categories-strip ul li:not(li.active) a { background: #000929; border-color: #fff; }
    .menuPage .categories-strip ul li.active a { color: #000929; }
    .menuPage .categories-strip ul li a { font-family: var(--almoni); border: 1px solid #00ffff; border-radius: 25px; color: #ffffff; padding: 5px 39px; overflow: hidden; position: relative; font-size: 100%; margin: 0 7px; }
    .menuPage .categories-strip ul li:not(li.active) a:hover { background: unset; color: #000929; border-color: #00ffff; }
    .menuPage .categories-strip ul li a:after { content: ""; position: absolute; left: 0; bottom: 0; height: 0px; width: 100%; background: #00ffff; color: #000929; -webkit-transition: all 0.2s linear; }
    .menuPage .categories-strip ul li:not(li.active) a:hover:after { height: 100%; z-index: -1; }
}
/*menu*/
.menuModuleTextItemDescription { color: #fff; font-size: 80%; font-family: 'SIMPLERPRO_V3-REGULAR'; }
.menuModuleTextItemTitle, .menuModuleTextItemPrice { color: #00ffff; font-family: 'SIMPLERPRO_V3-REGULAR'; font-size: 90%; }
.menuModuleTextItemPart:after { border-color: #001a72; }
li.notTable { width: 100%; }

@media(max-width:991px) {
    #MenuModule .menuModuleNav a { margin: 10px; }
    #home-gallery .gallery-caption .gallery-text { font-size: 500%; }
}

@media(max-width:767px) {
    #MenuModule { padding: 0px 25px; }
    #MenuModule::after { display: none; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 7px; }
    .menuPage .mobile-strip { padding: 0 20px; }
    #SiteGrid { overflow: hidden; }
    .menuPage .mobile-strip .select-wrapper li.strip-item { padding: 0; }
    .menuModuleContent { margin-top: 50px; }
    .mobile-strip span { color: #00ffff; }
    .categories-strip ul li:not(.active) a { color: #00ffff; }
    .categories-strip ul li a { font-size: 24px; }
    .categories-strip ul li:not(.active) a:hover { background: transparent; }
    .mobile-strip:after { color: #00ffff; left: 25px; }
    .categories-strip { background: #000929; }
}

/*about us*/
.aboutPage #subheadline h2 { text-align: right; }
.aboutPage #subheadline h2:after, .casherPage #headline h1:after { content: ''; /*bottom: 0; right: 0;*/ position: absolute; width: 67px; height: 3px; background: #00ffff; display: block; text-align: right; }
#subheadline { position: relative; }
.aboutPage #text1 p, .aboutPage #text2 p { font-size: 90%; }
.aboutPage #SiteFooter { margin-top: 50px; }

.casherPage #headline { margin-bottom: 40px; }
.casherPage #headline h1 { text-align: center; font-family: 'AlmoniTzarDL40AAA-Medium'; line-height: 0.6; position: relative; margin: auto; }
.casherPage #headline h1:after { right: 40%; bottom: -8px; transform: translateX(-50%); }

/*pages w form*/
.form-container-wide #DynamicFormObject { background: transparent; max-width: 950px; border: 1px solid #00ffff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { color: #fff; font-family: 'AlmoniTzarDL40AAA-Medium'; font-size: 250%; line-height: 1; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { line-height: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #FFF; font-size: 100%; }
.normal-form select, .normal-form select:focus { margin-bottom: 10px; border-color: #00ffff !important; color: #fff; font-size: 70%; padding-right: 2%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-4 { width: 100%; }
.normal-form input, .normal-form input:focus { background: transparent; border-color: #00ffff !important; }
.normal-form input::placeholder, .normal-form textarea::placeholder { color: #fff; }
.normal-form textarea, .normal-form textarea:focus { background: transparent; color: #fff; border-color: #00ffff; font-size: 70%; }
.must:before { color: #fff; right: 3px; }
.normal-form select option { color: #000; }
input[type=text] { color: white; font-size: 70%; }
#DynamicFormObject input[type=submit] { font-family: var(--almoni); border: 1px solid #00ffff; border-radius: 25px; color: #000; overflow: hidden; position: relative; font-size: 100%; background: #00ffff; padding: 5px 30px !important; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { color: #fff; border-color: #00ffff; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper, .select-wrapper.must { position: relative; }

.formPage #subheadline h2:after, .gallerypage #subheadline h2:after { content: ''; height: 3px; width: 67px; /*bottom: 0; left: 50%;*/ background: #00ffff; /*position: absolute; transform: translate(-50%);*/ display: block; margin: auto; }
.formPage #text1 { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.formPage #text1 ul li::before { content: none; }
.formPage #text1 ul li { padding-right: 0; }
.formPage #text1 ul:first-child { width: 40%; }
.contactPage #subheadline h2 { margin-bottom: 90px; }
.formPage #text1 ul li { font-size: 90%; margin-bottom: 0; line-height: 2; }
.formPage #SiteGrid.layout-bottom #GridPromo { padding-top: 60px; padding-bottom: 60px; }

.select-wrapper:after { content: ''; background-image: url(/warehouse/temp/kyoto/arrow-down.svg); height: 10px; width: 19px; background-repeat: no-repeat; background-size: contain; top: 20px; }

@media(max-width:991px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; font-size: 16px; }
    .formPage #text1 { align-items: center; justify-content: space-evenly; }
    .formPage #text1 ul:first-child, .formPage #text1 ul { width: 40%; }
}

@media(max-width:425px) {
    .contactPage #subheadline h2 { margin-bottom: 20px; }
    .normal-form select, .normal-form select:focus { padding-right: 19px; }
    .formPage #text1 { flex-direction: column; }
    .formPage #text1 ul:first-child, .formPage #text1 ul { width: 90%; /* text-align: center; */ }
    .formPage #text1 ul:first-child { margin-bottom: 30px; }
    .form-container-wide #DynamicFormObject { max-width: 100% !important; }
}


/*media*/
.mediaPage .grid-short-box-image img { position: unset; transform: none; -webkit-transform: none; max-height: 373px; pointer-events: none; cursor: pointer; }
.mediaPage #ContentGridShortModule .grid-short-box-image a { position: unset; }
.mediaPage .grid-short-box-image .grid-short-box-fulltext { position: unset; transform: none; -webkit-transform: none; width: 100%; }
.mediaPage .col-md-4 { width: 50%; margin-bottom: 50px; }
.mediaPage .grid-short-box-image { padding-bottom: 0; }
.mediaPage #headline h1 { display: none; }
.mediaPage .grid-short-box .grid-short-box-label { font-family: 'SIMPLERPRO_V3-REGULAR'; font-size: 100%; text-align: right; }
.mediaPage .grid-short-box-text { font-size: 90%; text-align: right; }
.mediaPage .grid-short-box-text p { max-height: 77px; margin-top: 10px; }
.mediaPage .grid-short-box .grid-short-box-label:after { content: ''; display: block; width: 190px; height: 3px; background: #00ffff; }
.mediaPage .grid-short-box-image:after { content: ''; position: absolute; width: 100%; height: 3px; background: #00ffff; top: 0; left: 0; }

@media(max-width:500px) {
    .mediaPage .grid-short-box-image img { max-height: 290px; }
    .mediaPage .col-md-4 { width: 100%; margin-bottom: 10px; }
    .mediaPage .grid-short-box-text p { margin-top: 25px; }
}

/*aboutus*/
.aboutPage #text1 h3 { margin-bottom: 0; }

@media(max-width:767px) {
    .aboutPage #text1 h3 { margin-top: 30px; }
    .aboutPage #GridPage { padding: 40px 5px 0; }
    .casherPage #headline h1:after { right: 30%; }
}

/*gallery*/

.gallerypage #subheadline h2 { margin-bottom: 0; }


.FormResultPage h1 { text-align: center; font-family: 'SIMPLERPRO_V3-REGULAR'; }
.FormResultPage .top-caption { display: none; }