﻿/*Kami Asian*/
@font-face { font-family: "greycliff-hebrew-cf"; src: url("https://use.typekit.net/af/2ddf06/00000000000000007735f8e2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2ddf06/00000000000000007735f8e2/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2ddf06/00000000000000007735f8e2/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 500; font-stretch: normal; }
@import url("https://p.typekit.net/p.css?s=1&k=nsh5soo&ht=tk&f=49431&a=97655047&app=typekit&e=css");

body { font-size: 20px; color: #161615; background: #e5dfd7; font-family: 'greycliff-hebrew-cf' !important; }
:root { --dark: #161615; --yellow: #efa94a; --ease: all 0.25s ease; }

/*Reset*/
#header #header-center-kdm a::before { display: none; }

.grid-boxes.row::before, .grid-boxes.row::after, .grid-rows.row::after, .grid-rows.row::before { content: none; }
.grid-boxes.row, .grid-rows.row { margin: 0; }
.grid-boxes .grid-box-title h3 a:focus { outline: none; }

/*laptops-adjustments*/
.safariBrowser .section-animation-item,
.safariBrowser .grid-boxes .section-animation-item,
.safariBrowser .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }

@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 { height: 100vh !important; }
}

@media (max-width: 767px) {
    #home-gallery { min-height: unset !important; }
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; }
}

/*Generals*/
.section-title h1, .section-title h2, .top-caption, .top-caption h1, .top-caption h2, .menuModuleTextItemTitle, #MenuModule .menuModuleNav a, #headline, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, #contactDetails h3, .grid-rows .grid-row-text h2, #header .submenu > li.active > a, #contactform h3 { font-family: inherit; }
.grid-text-content h1, .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #subheadline h2, #contactform h3, #contactDetails .contactDetailsText1 h2, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 250%; font-weight: bold; color: var(--dark); margin-bottom: 0; }

.grid-gallery-section .sec-button, .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button { padding: 0; height: 36px; width: 164px; display: flex; justify-content: center; align-items: center; margin-right: auto; margin-left: auto; background: var(--yellow); border: none; padding-top: 3px; font-size: 0.85rem; }
.grid-gallery-section .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-text .sec-button:hover { background: var(--dark); color: #fff; }
.grid-rows .grid-row-text a.grid-row-button { margin-right: 0; }

.grid-rows .grid-row-text p, .grid-text p, .grid-text-content-wrapper .grid-text-content p, #text1 p, #text2 p, #contactDetails .contactDetailsText1 p { font-size: 0.7rem; }
.grid-rows .grid-row-text p, .grid-text p { font-size: 0.8rem; }

#header #header-center-kdm a, #header .social-links a svg { transition: var(--ease); }

#header #header-center-kdm a { color: #fff; font-size: 0.8rem; margin: 0 5px; padding-top: 3px; background: var(--dark); height: 28px; width: 124px; display: flex; justify-content: center; align-items: center; border-radius: 0; }
#header #header-center-kdm a:last-of-type { background: var(--yellow); color: var(--dark) }

#header #header-center-kdm a:hover { background: var(--yellow); color: var(--dark); }
#header #header-center-kdm a:last-of-type:hover { background: var(--dark); color: #fff; }

#header #header-center-kdm .address { font-size: 0.8rem; font-weight: 700; }
#header #header-center-kdm .address span:first-child:after { content: ''; display: inline-block; height: 15px; width: 2px; background: var(--dark); margin: 0 10px 0 5px; }

#GridTop { height: 400px; margin-top: 0; }

.FormResultPage .top-caption { display: none; }
#FormResultPage #headline { text-align: center; font-size: 250%; font-weight: 600; }
#FormResultPage #headline h1 { font-weight: 700; }
a.FormResultPageButton { text-decoration: underline; }

@media(max-width: 767px) {
    .section-title { margin-bottom: 15px; }
    .grid-text-content h1, .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #subheadline h2, #contactform h3, #contactDetails .contactDetailsText1 h2, #FormResultPage #headline { font-size: 200%; }
    .grid-rows .grid-row-text p, .grid-text p, .grid-text-content-wrapper .grid-text-content p, #text1 p, #text2 p { font-size: 0.8rem; }

    #GridTop { margin-top: 0; }
    #SiteFooter .mobile-seperator { display: none; }
}
/*Header*/
.home-page #header:not(.bg), .home-page #header.bg, #header.bg { background: transparent; }
#header #header-left img, #header.bg #header-left img { max-width: unset; transform: translateY(10px); }
#header .social-links a:hover svg { fill: var(--yellow); }

#header #header-center-kdm .address span { display: inline-flex; line-height: 1; }
@media(min-width: 1028px) { 
    .nav-menu-anim::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--yellow); width: 60px; height: 60px; z-index: 1; border-radius: 50%; border: 2px solid #fff; transition: var(--ease); }
    #header.menu-open .nav-menu-anim::before { transform: translate(-18px, -50%); }
    #header .submenu { background: #e5dfd7; }
    #header .submenu li > a { font-size: 100%; }
}
@media(max-width: 767px) {
    #header .phone-icon { display: none; }
    #header #header-center-kdm { padding: 0; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); }
    #header #header-center-kdm a { font-size: 0.8rem !important; display: flex !important; }
    #header #header-left img, #header.bg #header-left img { max-width: 140px; }

    #header .submenu { width: 100% !important; max-width: 100%; background: #e5dfd7; }
    #header .submenu li { padding: 15px 0; text-align: center; font-size: 100%; position: relative; }
    #header .submenu li:not(.social-mobile)::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #f1f1f1; height: 1px; width: calc(100% - 60px); }
    #header .submenu li a { font-size: 0.9rem; position: relative; }
    #header .submenu li a::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: var(--yellow); width: 0; height: 1px; max-width: 90px; transition: var(--ease); }
    #header .submenu li a:hover:after { width: 100%; }
    #header #header-right .social-mobile .social-links { justify-content: center; }

    #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 { background: var(--yellow); }
}
/*Sections*/
.sections section.section { margin-bottom: -150px; padding: 150px 0; }
.sections section.grid-gallery-section { margin-bottom: 0; }
@media(max-width: 767px) {
    .sections section.section { margin-bottom: -70px; padding: 70px 0; }
    .sections section.grid-gallery-section { margin-bottom: 0; }
}
/*GridOpen*/
section.grid-content-section .grid-boxes { display: flex; justify-content: center; max-width: 1170px; margin: auto; gap: 10px; }
section.grid-content-section.gridOpen .grid-boxes .grid-box { width: 50%; max-width: unset; margin: 0; padding: 0; }
section.grid-content-section.gridOpen .grid-boxes .grid-box .grid-box-image { padding-bottom: 119%; margin-bottom: 25px; }
.gridOpen .grid-box-title { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; }
section.grid-content-section.gridOpen .grid-boxes .grid-box .grid-box-title h3 { padding: 15px 30px 12px; font-size: 150%; margin: 0; background: var(--yellow); }
@media(max-width: 767px) {
    section.grid-content-section .grid-boxes { flex-direction: column; }
    section.grid-content-section.gridOpen .grid-boxes .grid-box { width: 100%; }
    .gridOpen .grid-box-title { width: 80%; }
    section.grid-content-section.gridOpen .grid-boxes .grid-box .grid-box-title h3 { font-size: 125%; }
}
/*MenuSec*/
section.grid-content-section.menuBoxes .grid-boxes { gap: 55px; }
.menuBoxes .grid-boxes { flex-wrap: wrap; }
.menuBoxes .grid-boxes > .grid-box { width: 189px; max-width: 20%; padding: 0; margin: 0; }
.menuBoxes .grid-boxes .box-image-animation { border-radius: 50%; border: 5px solid var(--yellow); }
.menuBoxes .grid-boxes .grid-box-image { padding-bottom: 100%; }
.menuBoxes .grid-boxes .grid-box-title h3 { font-size: 125%; margin: 0; font-weight: 100; }
@media(max-width: 767px) {
    section.grid-content-section.menuBoxes .grid-boxes { flex-direction: row; gap: 15px; }
    .menuBoxes .grid-boxes > .grid-box { max-width: 50%; width: 165px; }
    .menuBoxes .grid-boxes .grid-box-title h3 { font-size: 0.9rem; }
}
/*GriText WithImage*/
.grid-text.gridTextWithImg .grid-text-content { background: #ffffffc7; padding: 40px 75px; max-width: 840px; transform: translate(-50%, -50%) !important; }
.grid-text h2 { font-size: 0.9rem; }
@media(max-width: 767px) {
    .grid-text.gridTextWithImg .grid-text-content { max-width: 90%; position: absolute; transform: translate(-50%, -50%) !important; padding: 15px 30px; }
}
/*StorySec*/
section.rowSec.grid-row-section { max-width: 1170px; }
.rowSec.grid-row-section .grid-rows .grid-row { background: transparent; }
.rowSec.grid-row-section .grid-rows .grid-row-cell.flexslider-box { width: 570px; }
.rowSec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: calc(100% - 570px); padding-right: 130px; }
@media(max-width: 767px) {
    .rowSec.grid-row-section .grid-rows .grid-row-cell.flexslider-box, .rowSec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; }
    .rowSec.grid-row-section .grid-row .grid-row-cell.grid-row-cell-text { padding: 40px 20px; }
}
/*GallerySec*/
.grid-gallery-section { max-width: 100%; }
.grid-gallery-section .gallery-cubes { padding: 0 8px; }
.grid-gallery-section .gallery-cubes > div { padding: 0 8px 16px; }
@media(max-width: 767px) {
    .grid-gallery-section .gallery-cubes { padding: 0; }
    .grid-gallery-section h3 { font-size: 0.9rem; }
}

/*Inners*/
.top-caption { font-size: 250%; text-transform: uppercase; font-weight: 700; }
#ContentRegularModule { text-align: right; }
#text1 h3, #text2 h3 { font-size: 0.9rem; margin-bottom: 30px; margin-top: 10px; }
#text1 p, #text2 p { font-size: 0.8rem; padding-bottom: 20px; }
#text1 ul li, #text2 ul li { font-size: 0.8rem; }
#text1 ul li::before, #text2 ul li::before { background: #000; }
.GridBottomGallery { max-width: 100%; padding-top: 10px; }
.GridBottomGallery .gallery-cubes { padding: 0 8px; }
.GridBottomGallery .gallery-cubes > div { padding: 0 8px 16px; }
.gallery-cubes .image-link-inner { background: #ffffffc7; border: 1px solid var(--dark); }
.gallery-cubes .plus-sign { line-height: 1; font-size: 200%; font-weight: 100; }

/*MenuPage*/
#MenuModule .menuModuleNav a { font-size: 100%; margin: 0; padding: 0 10px; font-weight: bold; }
#MenuModule .menuModuleNav a::before { bottom: 0; width: 100%; }

.menuModuleTextItemSubjectTitle { font-size: 1rem; font-weight: bold; color: var(--dark); }
.menuModuleTextItemTitle, .menuModuleTextItemPrice { font-size: 0.8rem; font-weight: bold; }
.menuModuleTextItemDescription { font-size: 0.7rem; }
#MenuModule::after { background: linear-gradient(90deg, #e5dfd7 0%, rgba(255,255,255,0) 100%); }

/*GalleryPage*/
#galleryview { text-align: center; margin-bottom: 0; }

/*ContactPage*/
#contactform, .form-container-wide #DynamicFormObject { background-image: url(/warehouse/dynamic/352343.jpg); background-size: cover; background-repeat: no-repeat; position: relative; }
#contactform::before, .form-container-wide #DynamicFormObject::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--dark); opacity: 0.36; }
#contactform h3, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { color: var(--yellow); z-index: 1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { z-index: 1; } 
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #fff; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { font-size: 0.9rem; background: var(--yellow); border: none; color: var(--dark); }
#DynamicFormObject input[type=submit]:hover, .normal-form input[type=submit]:hover { background: var(--dark); color: #fff; border: none; }
#contactform .contact-form-submit { margin: 0; }
.contact-form-wrap.internal-form { margin-top: 40px; }
.normal-form input, .normal-form textarea, #contactform textarea { padding: 5px 15px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-weight: bold; }
#map-section .map-cover { }
#map-section .map-cover .open-map { border-radius: 0; background: var(--yellow); }

#SiteGrid.layout-top #GridPromo, #SiteGrid.layout-bottom #GridPromo { margin-bottom: 80px; }
@media(max-width: 767px) { 
    #GridPromo #DynamicFormObject { max-width: 100% !important; }
    .normal-form input, .normal-form textarea, #contactform textarea { font-size: 0.8rem!important; }
    #contactform .contact-form-comment { color: var(--yellow); font-size: 0.6rem; position: absolute; bottom: 60px; right: 10px; }
    #map-section .map-cover { transform: translate(-50%, -50%) !important; }
    #map-section .map-cover .open-map { font-size: 90%; padding: 5px 15px; }
    /*General Forms*/
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 1.3rem; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 1rem; }
}

/*MediaPage*/
.grid-short-box { margin-bottom: 30px; }
#gridshort-view-media .grid-short-box-label { font-size: 0.9rem; }
.grid-short-box.box .grid-short-box-text { color: var(--dark); font-size: 0.9rem; }
.grid-short-box.box .grid-short-box-subtitle { border-color: var(--yellow); }

/*HiringPage*/
@media(max-width: 767px) {
    .hiringPage #pageview, .hiringPage #text1 { text-align: center; }
}
/*Footer*/
#SiteFooter { background: var(--yellow); font-size: 0.7rem; }
.footer-text-divided { font-size: 100%; }
.footer-text-divided > div.footer-text-right ul a, .footer-phone { color: var(--dark); }

#SiteFooter .footer-socials a { position: relative; }
#SiteFooter .footer-socials a:first-child:after, #SiteFooter .footer-socials a:last-child:after { content: ''; background-image: url(/warehouse/dynamic/352400.svg); background-size: cover; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); opacity: 0; transition: var(--ease); }
#SiteFooter .footer-socials a:last-child:after { background-image: url('/warehouse/dynamic/352399.svg'); width: 10px; height: 20px; }
#SiteFooter .footer-socials a:first-child:hover:after, #SiteFooter .footer-socials a:last-child:hover:after { opacity: 1; }

@media(max-width: 767px) {
    .footer-text-divided { flex-direction: column-reverse; gap: 20px; }
}

