﻿/*minato*/
:root { --HEADER_BACKGROUND: #03030150; --HEADER_TEXT_COLOR: #ffffff; --HEADER_ICONS_COLOR: #ffffff; --BUTTON_BACKGROUND: transparent; --BODY_BACKGROUND: #010000; --BODY_TEXT_COLOR: #ffffff; --primaryFontSize: 20px; --FOOTER_BACKGROUND: #010000; }
body, .grid-rows .grid-row { color: #ffffff; background-color: #1a1a1a; }
.section-title h1, .section-title h2, .contactPage #contactDetails .contactDetailsText1 h2 { font-family: 'Heebo-Bold'; margin: 0; font-size: 250%; }

/*popup*/
div#popup-modal.myfade { color: #000; }

/*transition on images*/
.image-section-data { position: relative; height: 595px; }
#home-gallery::before, .box-image-animation::before, .image-section-data::before { content: ''; position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to bottom, #01000010 90%, #1a1a1a 100%); z-index: 3; }
.box-image-animation::before, .image-section-data::before { background-image: linear-gradient(to bottom, #1a1a1a, rgba(1, 0, 0, 0.16) 43%, rgba(1, 0, 0, 0) 78%, #1a1a1a); }

#header #header-center-kdm .address, #home-gallery .opacity-layer { display: none; }
#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 { width: 33px; background: #fefefe; height: 2px; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; }
#header #header-left img, #header.bg #header-left img { max-width: 135px; filter: brightness(10); }
#header { padding: 0 30px; height: 60px; }
#header #header-center-kdm { font-size: 75%; }
#header .social-links { margin-right: 45px; }
#header .social-links a { margin-left: 18px; }
#header .submenu, #header .submenu > li.active { background-color: #0c0b05; }
#header .submenu li > a { color: #fff; font-size: 80%; }
#header .submenu > li:nth-last-child(2) { padding-bottom: 30px; }
.has-sub i.opensub { color: #fff; font-size: 100%; }
#header .submenu li > a:focus { color: #fff; }
#home-gallery .flex-control-paging li a { width: 20px; height: 2px; background: #e6e5e573; }
#home-gallery .flex-control-paging li a.flex-active { width: 30px; }
#home-gallery .flex-control-paging li a::after { display: none; }
#home-gallery .flex-control-nav li { margin: 0 5px; }
#home-gallery .scroll-down { display: none; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 40px; }
#header .submenu > li:focus > a, #header .submenu > li:hover > a { background: transparent; color: #fff; }
#header .submenu { width: 322px; padding: 0 30px; }
#header .submenu .menu-sub li a { font-size: 100%; color: #fefefe; }
#header .submenu .menu-sub li { font-size: 70%; min-height: unset; }
#header .submenu .menu-sub li a::before { display: none !important; }
#header .submenu li > a::before { display: block !important; background: #4A4A49; }
#header .submenu .menu-sub li a:hover { background: transparent; }
#header .submenu > li:nth-last-of-type(2) a::before { display: none !important; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { color: #CAC6C1; }
#header #header-center-kdm a::before { background: #CAC6C1; }
#header .social-links a svg:hover { fill: #CAC6C1; }
#nav-toggle.active span:before, #nav-toggle.active span:after { width: 25px; }
#header .submenu .menu-sub { padding: 5px 0 0; }
#header .submenu .menu-sub li a { padding-bottom: 3px; }

#header #header-left { direction: ltr; align-items: center; }
#header .languages { margin: 0; font-size: 100%; display: inline-flex; align-items: center; }
#header .languages a { color: #fff; font-size: 80%; }
#header .languages a::before { content: ''; display: inline-flex; height: 15px; width: 1px; background: #fff; opacity: 0.6; margin: 0 20px; }

#home-gallery #header-center-kdm { display: flex; justify-content: space-between; position: absolute; left: 50%; width: 100%; max-width: 60%; bottom: 90px; z-index: 4; transform: translateX(-50%); -webkit-transform: translateX(-50%); flex-direction: column; text-align: center; }
#home-gallery #header-center-kdm a { border: 1px solid #fff; padding: 10px; font-size: 90%; transition: 0.3s all; margin-bottom: 20px; background: #03030185; position: relative; direction: rtl; }
#home-gallery #header-center-kdm a:hover, #home-gallery #header-center-kdm a:focus { background: #1f1f1f; color: #fff; }
#home-gallery .address { display: none; }
#header #header-center-kdm .languages { display: inline-flex; align-items: center; }
.grid-row-section .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { width: 100%; max-width: 670px; }
.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; max-width: calc(100% - 670px); padding: 0; display: inline-flex !important; }
section.grid-row-section { max-width: 1440px; }
.grid-row-section .grid-rows .grid-row-text { max-width: 420px; margin: auto; }

.grid-row-section .grid-row li.slider-item { padding-bottom: 126.6%; }
.grid-rows .grid-row-text h2 { font-family: Heebo-Medium; font-size: 150%; }
.grid-rows .grid-row-text p { font-size: 90%; }
.grid-rows .grid-row-text a.grid-row-button, .sec-button { font-size: 90%; width: 184px; text-align: center; height: 45px; padding: 0; display: flex; justify-content: center; align-items: center; border-color: #fff; color: #fff; position: relative; }
.grid-rows .grid-row-text a.grid-row-button::after, .sec-button::after, .box-content .grid-short-box-link a::after { content: ''; display: inline-block; vertical-align: middle; height: 11px; width: 5px; background-image: url('/warehouse/dynamic/344062.svg'); background-size: cover; background-repeat: no-repeat; transition: transform 0.25s linear; margin-right: 8px; }
.grid-rows .grid-row-text a.grid-row-button:hover:after, .sec-button:hover:after, .box-content .grid-short-box-link a:hover:after { transform: translateX(-8px); }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-gallery-section .sec-button:hover, .grid-gallery-section .sec-button:focus { border-color: #fff; }
.sec-button { width: 180px; }
#allSectionsWrapper .section { padding-top: 0; margin: 80px auto; }
#allSectionsWrapper .section.firstSec:first-of-type { padding-top: 90px; }
.grid-gallery-section .sec-button { display: flex; margin: 45px auto; }
.firstSec.grid-row-section .grid-rows .grid-row { flex-direction: row-reverse; }

.secondSec .contact-column { font-size: 75%; }
.secondSec .contact-column ul { list-style: none; margin-bottom: 30px; padding: 0; }
.secondSec .grid-rows .grid-row-text h3 { margin-bottom: 0; }
.grid-row-section.secondSec .grid-row .grid-row-cell.grid-row-cell-text { justify-content: flex-end; }

.carousel .owl-item:not(.center) { transform: none; }
.owl-carousel .owl-item .item { padding: 0 25px; }

.carousel { margin-bottom: 50px; }
.owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { filter: invert(1); }
.carousel .owl-carousel .owl-next, .carousel .owl-carousel .owl-prev { font-size: 0; }

#SiteFooter { background: #1a1a1a; color: #fff; }
#SiteFooter img { filter: invert(1); }
#SiteFooter .creditWrapper img { filter: invert(0); }
#SiteFooter .site-credit.alternative svg { fill: #fff; }
.footer-text-divided:before { height: 1px; opacity: 0.5; background-color: #ffffff; content: ''; position: absolute; width: 90%; top: 0; left: 50%; transform: translateX(-50%); }
.footer-text-divided { position: relative; font-size: 80%; }

.footer-text-divided > div.footer-text-left p:first-of-type { margin-bottom: 30px; }


@media(min-width:767px) {
    .footer-text-divided { padding-right: 0; padding-left: 0; width: 90%; }
    .footer-text-divided:before { width: 98%; }
}

@media(max-width:1024px) {
    #header #header-center-kdm { display: none; }
    #header .submenu > li.active > a { font-family: 'Heebo-Medium'; }
    #header .submenu { padding: 0 0 80px; }
    #header .submenu li > a { color: #fff; font-size: 80%; }
    #header .submenu li:not(.social-mobile):after { content: ''; position: absolute; height: 1px; width: 80%; left: 50%; background: #fefefe61; display: block !important; transform: translateX(-50%); margin-top: 10px; }
    #header .submenu li.sub-open li:after { display: none !important; }
    section.grid-row-section { max-width: 100%; }
    .firstSec.grid-row-section .grid-rows .grid-row { align-items: flex-end; }
    .grid-row-section .grid-rows .grid-row-cell.flexslider-box.col-sm-6 { max-width: 100%; width: 100%; }
    .grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { max-width: 100%; width: 90%; margin: auto; }
    .grid-row-section .grid-row li.slider-item { padding-bottom: 129%; }
    .grid-row-section .grid-rows .grid-row { justify-content: center; }
    section.bannerOne:nth-of-type(4) { margin-bottom: 40px; }
    section.bannerOne { margin: 40px auto 0; width: 100%; max-width: 100%; display: none; }
    .carousel .owl-carousel .owl-item .item { height: auto; }
    .owl-carousel .owl-item img { transform: none; }
    .grid-gallery-section .sec-button { display: flex; align-items: center; justify-content: center; margin: 30px auto 0; }
    .grid-rows .grid-row-text h2 { margin-bottom: 20px; margin-top: 20px; }
    #header .submenu .menu-sub li a { font-size: 14px; padding: 10px 0; }
    .grid-row-section .grid-rows .grid-row-text { max-width: 100%; margin: 0; padding-bottom: 50px; }
    .grid-rows .grid-row-text h3 { font-size: 120%; }
    .section.firstSec:first-of-type { padding-top: 25px; }
    .grid-row-section.secondSec .grid-rows .grid-row { margin-top: 25px; align-items: flex-start; }

    .grid-row-section .grid-rows .grid-row-text, .grid-row-section.secondSec .grid-rows .grid-row-text { max-width: 100%; margin: 0; }

    #header .languages { font-size: 100%; display: flex !important; }
    #header .languages a { color: #fff; font-size: 90% !important; }
}

#GridTop { height: 445px; margin-top: 0; }
#GridTop:before { content: ''; position: absolute; inset: 0; height: 100%; width: 100%; background-image: linear-gradient(to top, rgba(56, 52, 45, 0), rgba(56, 52, 45, 0.5) 32%); }

#headline { font-family: 'Heebo-Medium'; font-size: 180%; }
#text1 h3 { margin-bottom: 15px; font-size: 120%; margin-top: 10px; font-family: 'Heebo-Medium'; }
#text1 h4 { margin-bottom: 30px; font-size: 110%; margin-top: 0; font-family: 'Heebo-Medium'; }
#text1 p { font-size: 90%; line-height: 1.6; letter-spacing: 0.3px; margin-bottom: 20px; }
#text1 p img { margin-top: 32px; }

#MenuModule { margin-top: 10px; }
#MenuModule .menuModuleNav a { font-family: 'Heebo-Regular'; font-size: 90%; color: #fff; }
#MenuModule .menuModuleNav a.selected { font-weight: bold; color: inherit; }
.menuModuleContent { margin-top: 0; border: solid 1px #fefefe80; max-width: 1170px; padding: 50px 100px; margin-bottom: 110px; }
.menuModuleTextItemTitle { font-family: 'Heebo-Regular'; font-weight: bold; font-size: 100%; color: #fff; }
.menuModuleTextItemSubject { font-size: 90%; color: #fff; }
.menuModuleTextItemDescription { font-size: 90%; color: #fff; }
.menuModuleTextItemPart:after { border-bottom: 1px solid #fefefe; }
.menuModuleTextItemPrice { font-size: 80%; font-weight: bold; color: #fff; }
.menuModuleContentPart { margin-bottom: 0; }
#MenuModule #headline { text-align: center; margin-bottom: 30px; }
.categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus { background: #1a1a1a; color: #fefefe; border: 1px solid #fefefe; }
#MenuModule .menuModuleNav a::before { bottom: 0; background: #fff; }

#text1 ul li, #text2 ul li { padding: 0; font-size: 75%; }
#text1 ul li::before, #text2 ul li::before { display: none; }
#subheadline h2, .page-20126 #text1 h2 { font-family: 'Heebo-Medium'; font-size: 180%; margin-bottom: 0; text-align: right; }
.page-20126 #text1 ul { margin-bottom: 30px; margin-top: 30px; list-style: circle; padding: 0 20px; }
.page-20048 #text1 { text-align: center; }
#text1 h1 { font-size: 180%; font-family: 'Heebo-Medium'; }
.page-20126 #text1 h3 { margin-bottom: 5px; }
.page-20126 #text1 h5 { font-size: 100%; }
.page-20126 #text1 h6 { font-size: 90%; font-family: 'Heebo-Bold'; border-bottom: 1px solid #707070; margin-bottom: 30px; padding-bottom: 20px; }

.top-caption h1 { text-transform: uppercase; font-family: inherit; }
.top-caption { font-size: 250%; font-family: 'Heebo-bold'; }

#gridshort-view { padding-bottom: 110px; }
#gridshort-view .flex-row > div { width: 25%; }
.grid-short-box .grid-short-box-label { font-family: 'Heebo-Bold'; font-size: 100%; }
.grid-short-box { text-align: right; font-size: 100%; }
.grid-short-box-link { font-size: 85%; }

.gallery-container { margin-top: 40px; }
.gallery-cubes > div { width: 25%; padding: 8px; }
.page-20126 #GridPage .max-width { max-width: 100%; }
.contactPage #contactDetails .contactDetailsText1 h2 { font-size: 180%; }
.contactPage .contact-column ul { list-style: none; padding: 0; font-size: 75%; }
.contactPage #contactDetails h3 { font-family: 'Heebo-Medium'; }
.contactPage .contact-column { text-align: right; }
.contactPage #GridPage .max-width-center { max-width: 900px; }
.contactPage .contact-column:first-of-type { margin-left: 120px; }
#contactDetails .contactDetailsText1 h2 { font-size: 200%; }
.contactPage #contactDetails .contactDetailsText1 h1 { font-family: 'Heebo-Medium'; font-size: 180%; margin-bottom: 10px; }
.contactPage #contactform { max-width: 896px; background-color: #262523; }
.contactPage #contactform h3 { font-size: 150%; font-family: 'Heebo-Medium'; color: #fefefe; margin-bottom: 30px; }
.contactPage #contactform .contact-form-comment { color: #fefefe; position: absolute; bottom: 80px; }
.contactPage .normal-form input::placeholder, .normal-form textarea::placeholder { font-size: 100%; }
.contactPage .normal-form input[type=submit] { width: 164px; height: 45px; border: solid 1px #fefefe; font-size: 75%; background: #262523; }
.contactPage .normal-form input[type=submit]:hover, .contactPage .normal-form input[type=submit]:focus { border: solid 1px #272624; color: #272624; background: #fefefe; }
.contactPage .contact-form-wrap.internal-form { margin-top: 0; }
.contactPage .page-20054 #GridPage .max-width-center { max-width: 900px; }
#contactform .contact-form-comment { font-size: 80%; }
.must:before { color: #000; }

@media(min-width:768px) {
    .categories-strip ul li { display: inline-flex; justify-content: center; align-items: center; }
    .categories-strip ul li a { width: 164px; height: 45px; border: solid 1px #38342d; background-color: #fefefe; display: inline-flex; justify-content: center; align-items: center; font-size: 75%; }
    .categories-strip ul li.active a { width: 164px; height: 45px; border: solid 1px #fefefe; background-color: #1a1a1a; }
    .carousel .owl-carousel .owl-prev { left: calc(var(--vw) * 0.244); }
    .carousel .owl-carousel .owl-next { right: calc(var(--vw) * 0.242); }

    .contactPage #GridPage .max-width-center { max-width: 900px; }
    .contactPage .contact-columns:first-of-type:before { content: ''; width: 100%; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); height: 1px; background: #fefefe80; }
    .contact-columns { position: relative; justify-content: flex-start; padding-right: 30px; }
    .contactPage #contactDetails { max-width: 566px; margin: auto; }
    .contactPage .contact-columns:last-of-type .contact-column:first-of-type { margin-left: 93px; }
}

@media(max-width:767px) {
    .page-20047 #GridBottom { display: none; }
    #GridTop { height: 320px; }
    .mobile-strip span { font-size: 80%; }
    .categories-strip ul li a, .categories-strip ul li:not(.active) a:hover, .categories-strip ul li:not(.active) a:focus { background: transparent; }
    .categories-strip ul li a { font-size: 16px; padding: 5px 0px; }
    .mobile-strip .select-wrapper { padding-bottom: 30px; }
    .menuModuleContent { padding: 30px; }
    .page-20126 #GridPage .max-width { width: 100%; }
    .gallery-cubes > div { width: 50%; }
    .contactPage .contact-column:first-of-type { margin-left: 0; }
    #ContactModule #map-section #map-holder { margin-bottom: 0; height: auto; min-height: 500px; }
    #text1 h4 { margin-bottom: 15px; }
    .mobile-strip:after { font-size: 100%; }
    .page-20126 #GridPage .max-width { width: 91%; }
    #contactform .contact-form-submit { margin-top: 20px; }
    .contactPage #contactform .contact-form-comment { bottom: 100px; }
    .contactPage .footer-text-divided:before { display: none; }
    .contactPage .footer-text-divided { padding-top: 70px; }
    .contactPage .normal-form input::placeholder, .normal-form textarea::placeholder { font-size: 80%; }
    #text1 h3 { font-size: 100%; }
    .page-20126 #text1 h5 { font-size: 85%; }
    section.secondSec { margin-bottom: 20px; }
    .gallery-container { margin-bottom: 25px; }
    .owl-carousel .owl-item { padding: 0 5px; }
    .owl-carousel .owl-item:not(.center) { transform: scale(0.9); }
    .footer-text-divided > div.footer-text-right ul a { font-size: 80%; }
    .footer-text-divided > div.footer-text-right { justify-content: space-between; }
    .grid-gallery-section.full-width { margin-top: 40px; }
    .section-title h1, .section-title h2, .contactPage #contactDetails .contactDetailsText1 h2 { font-family: 'Heebo-Bold'; font-size: 200%; margin-bottom: 0; padding-bottom: 5px; max-width: 100%; }
    .top-caption { font-size: 200%; }
    .grid-gallery-section h3 { font-size: 110%; margin: 0; }
    .grid-gallery-section.carousel .section-title { margin-bottom: 0; }
    #contactDetails .contactDetailsText1 { padding: 0 20px; }
    #gridshort-view .flex-row > div { width: 100%; }
    .must:before { color: #0C0B05; }
    #MenuModule::after { content: none; }
    #galleryview #headline { text-align: inherit; }
    #allSectionsWrapper .section { padding-top: 0; margin: 40px auto; }
}



@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; background-attachment: unset; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slides, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    body .section-animation-item { opacity: 1 !important; margin-top: 0 !important; }
}

.grid-rows .grid-row-text h2::after, .centerAligning #pageview::before { content: ''; display: block; width: 60px; height: 1px; background: #fff; margin: 15px 0 40px; }
.centerAligning #pageview::before { margin-left: auto; margin-right: auto; }

#GridPage .max-width, #GridPage .max-width-center { max-width: 1420px; margin: auto; }
#pageview { max-width: 900px; margin: auto; }
#gridshort-view { padding-top: 20px; }
#ContentGridShortModule .grid-short-box-image a::before { content: ''; position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 1; }
.grid-short-box { position: relative; margin: 0; }
.box-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; font-size: 100%; text-align: center; width: 100%; }
.grid-short-box .box-content .grid-short-box-label { font-family: 'Heebo-Medium'; font-size: 190%; line-height: 46px; padding: 0; margin-bottom: 5px; }
.grid-short-box-link a:hover { color: #fff; }
.gallery-cubes { display: flex; justify-content: center; flex-wrap: wrap; }
.solutions.centerAligning #gridshort-view .flex-row > div {width: 33.3333%;margin-bottom: 30px;}

@media(max-width: 767px) {
    .centerAligning #gridshort-view .flex-row > div { margin-bottom: 20px; padding: 0; }
    .solutions.centerAligning #gridshort-view .flex-row > div {width: 50%;padding-inline: 8px;margin-bottom: 16px}
    .solutions .grid-short-box .box-content .grid-short-box-label {font-size: 140%;}
}

.solutions #text1 ul { padding-right: 20px; }
#contactview.thanksMode + #map-section { display: none; }
#contactview.thanksMode #headline { display: none; }
#contactview.thanksMode p:first-child { font-size: 160%; font-weight: 600; }
