/*hyekev*/

:root { --bg-dark-color: #1a1a1a; --bg-regular-color: rgba(25, 38, 42,1); --bg-regular-color2: #07252d; --bg-opacity-color: rgba(25, 38, 42,0.35); --bg-light-color: #174451; --bg-card: rgba(23, 68, 81, 0.3); --bg-footer: #252525; --text-gold: #dfb159; --text-isabelline: #f8f2ea; --text-white: #fff; --en-text: "linotype-didot"; }
body { font-size: 20px; font-family: "greycliff-hebrew-cf",sans-serif; background-color: var(--bg-dark-color) !important; background-image: url( /warehouse/dynamic/376897.svg); background-position: top; background-repeat: no-repeat; background-size: cover; }
#GridContent { background: var(--bg-opacity-color); margin-bottom: 50px; padding: 60px 0px 50px 0px; color: var(--text-white); }

@media(max-width:767px) {
    body { background-image: url( /warehouse/dynamic/376896.svg); background-position: center; background-size: contain; }
    #GridContent, #GridPromo { background: transparent; }
    #GridContent { padding-top: 10px; }
}

/*General*/
.button a, a.grid-row-button.hvr-fade, .home-page .gallery-caption #header-center-kdm .hvr-fade,
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type='submit'],
.menu-tags-list ul li, #gridshort-view-media .grid-short-box.box .grid-short-box-text { display: flex !important; align-items: center; justify-content: center; width: 160px !important; height: 40px !important; border: solid 3px #174451 !important; border-radius: 30px !important; margin: 0 auto !important; color: var(--text-gold) !important; font-size: 70% !important; padding: 5px !important; background: transparent !important; }

.home-page .cubes-section .grid-boxes.row > div:hover .button a, .button a:hover, a.grid-row-button.hvr-fade:hover,
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type='submit']:hover,
#gridshort-view-media .grid-short-box.box .grid-short-box-text { background: var(--bg-regular-color2) !important; }

.home-page .gallery-caption #header-center-kdm .hvr-fade { background: var(--bg-light-color) !important; border-color: var(--text-gold) !important; }
.gallery-cubes .image-link-inner { background: transparent; background-image: url(/warehouse/dynamic/378272.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }
.gallery-cubes .plus-sign { display: none; }

a:hover{color:var(--text-gold);}

/*header*/
#header { display: flex; justify-content: space-between; align-items: center; background-color: var(--bg-dark-color) !important; height: 80px; }
#header #header-right .menu-nav { background: transparent; color: var(--text-gold); }
#header #header-right .menu-nav #nav-toggle span,
#header #header-right .menu-nav #nav-toggle span::before,
#header #header-right .menu-nav #nav-toggle span::after { background: var(--text-gold); transition: width 400ms ease; -webkit-transition: width 400ms ease; }
#header #header-right .menu-nav #nav-toggle span { width: 20px; }
#header #header-right .menu-nav #nav-toggle span::before { width: 10px; top:-10px; }
#header #header-right .menu-nav #nav-toggle span::after { width: 30px; top: 10px;}
#header #header-right .menu-nav #nav-toggle[aria-expanded="true"] > div { display: none !important; visibility: hidden !important; }
#header #header-right .menu-nav #nav-toggle[aria-expanded="true"] span { width: 35px; }
#header #header-right .menu-nav #nav-toggle[aria-expanded="true"] span::after,
#header #header-right .menu-nav #nav-toggle[aria-expanded="true"] span::before { width:0px; transform:unset; -webkit-transform: unset;}
#header #header-right .social-links .social_icon_instagram:hover svg,
#header #header-right .social-links .facebook_icon_instagram:hover svg { fill: var(--text-gold); }
#header #header-center-kdm a { font-size: 90%; color: var(--text-gold); border: none; font-weight: bold; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus,
#header .menu-nav #menu a:hover, #header .menu-nav #menu a:focus { text-decoration: underline; text-decoration-color: var(--bg-light-color); text-decoration-thickness: 3px; text-underline-offset: 5px; color: var(--text-gold); background: none; outline: none; }
#header #header-center-kdm .address { display: none; }
#header #header-left a { height: 53px; width: 161px; }
#header #header-left a img { max-width: unset !important; width: 100%; height: 100%; object-fit: contain; }
#header #header-left .address {padding: 0 15px;}
#header .menu-nav span.closed { display: none; }
#header .menu-nav #menu { padding: 90px 50px; width: 330px; top: 65px; }
#header .menu-nav #menu, #header .menu-nav #menu li { background-color: var(--bg-dark-color); color: var(--text-gold); text-align: right; margin-right: -15px; }
#header .menu-nav #menu > li:first-child { margin-top: 0; }
#header .menu-tags-list ul li { border-color: var(--bg-light-color) !important; }
#header .menu-nav #menu li.has-sub .menu-sub { padding-right: 20px; }
#header .menu-nav #menu li.has-sub .menu-sub li { color: var(--text-isabelline); }
#header #header-right .menu-nav #nav-toggle .open.pull-right { display: none !important; }
#header #header-center-kdm .mobile-seperator span, #header #header-left .mobile-seperator span { display: none; }
#header #header-center-kdm .mobile-seperator a, #header #header-left .mobile-seperator a { display:inline-flex; position: relative; padding: 0; margin: 0; }
#header #header-center-kdm .mobile-seperator a img, #header #header-left .mobile-seperator a img { height: 100%; width: auto; }
#header #header-left .address > span:first-of-type { border-left: 1px solid var(--text-gold); margin-left: 5px; padding-left: 5px; }
#header #header-left .mobile-seperator {display:inline-block}
#header #header-left .mobile-seperator a { display: none; width: 20px; height: 20px; margin-left: 10px; }
#header #header-left .mobile-seperator span:first-of-type, 
#header .menu-nav #menu .mobile-seperator a span:first-of-type { display: none; }

.laptop #header #header-center-kdm a, .laptop #header #header-left .address {font-size:0.85rem; margin:0; padding:5px 15px; }

@media(min-width:767px) {
    #header .menu-nav #menu li.social-mobile { display: none !important; }
}

@media(min-width:767px)and (max-width:1024px) {
    #header #header-center-kdm a { font-size: 70%; }

}

@media (max-width: 767px) {
    #header #header-left a img { margin-top:2px; }
    .macOs #header #header-left a img { image-rendering: pixelated; }
    #header.bg #header-center-kdm, #header-center-kdm .address { display: none; }   
    #header .menu-nav #menu { top: 75px; margin-top: 0; height: 100vh; max-height: 100vh; width: 102vw; overflow-y: auto; }
    #header .menu-nav #menu li.social-mobile {display:none !important; }
    #header .menu-nav #menu li a { font-size: 110%; }
    #header .menu-nav #menu .menu-sub li a { font-size: 90%; padding: 7.5px; }

    #header #header-right { width: 100%; }
    #header #header-right .social-links { display: table-cell; padding-left: 0; }
    #header #header-right .social-links a svg { height:23px;}
    #header .phone-icon { padding: 15px 4px; display: table-cell; }

    #header #header-center-kdm { position: fixed; bottom: 0; height: auto; padding: 14px 10px; top: unset; width: 100%; background: var(--gold); z-index: 1000; display: flex; align-items: center; justify-content: center; z-index: 0; background-color: var(--bg-light-color); }
    #header #header-center-kdm a.hvr-fade { display: inline-block; white-space: nowrap; margin: 0; font-size: 73%; }
    #header #header-center-kdm a.hvr-fade:not(:last-of-type) { border-left: 1px solid var(--text-gold); border-radius: 0; padding: 5px 15px; }

    #header .menu-nav #menu .mobile-seperator a { display:block; height: 30px; width: 30px;  }
    #header .menu-nav #menu .mobile-seperator a img{ height: 100%; width: 100%; }

}

.sections { padding: 60px 0px 55px 0px !important; margin-bottom: 0 !important; }

/*hero-section*/
#GridTop { height: 300px; margin-top: 80px; }
#GridTop::before { content: ''; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; z-index: 1; }
#GridTop .top-caption { top: 50%; }
#GridTop .top-caption h1 { color: var(--text-isabelline); font-family: "linotype-didot"; font-size: 100%; font-weight: bold; text-transform: uppercase; }
#GridTop .top-caption:after { content: ''; position: absolute; top: -75px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 70px; height: 60px; background-image: url(/warehouse/dynamic/376248.svg); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 20; }
#home-gallery .slider-bg.stellar-bg::after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 0; background: var(--bg-dark-color); opacity: 0.3; }
#home-gallery .scroll-down { bottom: 0; }
#home-gallery .scroll-down::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 100px; height: 85px; background-image: url(/warehouse/dynamic/376780.svg); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -10; }
#home-gallery .scroll-down svg path { fill: transparent; }

@media(max-width:767px) {
    #GridTop { height: 350px; margin-top: 80px; }
    #GridTop .top-caption h1 { font-size: 125%; white-space: nowrap; }
    #home-gallery .slider-bg.stellar-bg {min-height:100%;}
    #home-gallery .scroll-down { bottom: 0; }
}

/*footer*/
footer { background-color: var(--bg-footer); font-family: "greycliff-hebrew-cf",sans-serif; }
#SiteFooter { background-color: var(--bg-footer); color: var(--text-white); }
#SiteFooter .footer-text-divided { display: flex; align-items: flex-start; width: auto; padding: 20px 0; margin: 0 50px; }
#SiteFooter.footer-text-divided > div { padding: 0; }
#SiteFooter .footer-text-divided div,
#SiteFooter .footer-text-divided .footer-text-right ul { display: flex; justify-content: center; align-items: center; }
#SiteFooter .footer-text-divided .footer-text-right { justify-content: flex-start; align-items: flex-start; font-size: 70%; gap: 30px; }
#SiteFooter .footer-text-divided .footer-text-right ul { flex-direction: column; align-items: flex-start; list-style: none; gap: 15px; padding-right: 0; }
#SiteFooter .footer-text-divided .footer-text-right ul li:hover {color:var(--text-gold);}
#SiteFooter .footer-text-divided .footer-text-left { flex-direction: column; justify-content: center; align-items: flex-end; gap: 15px; font-size: 70%;white-space:nowrap; }
#SiteFooter .footer-text-divided .footer-text-left ul { list-style: none; display: flex; justify-content: center; align-items: center; gap: 20px; }
#SiteFooter .footer-text-divided .footer-text-left ul li { position: relative; width: 16px; height: 16px; }
#SiteFooter .footer-text-divided .footer-text-left ul li a:hover:after { content: ''; position: absolute; top: 1px; left: 0; width: 100%; height: 100%; background-image: url( /warehouse/dynamic/376000.svg); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 3; }
#SiteFooter .footer-text-divided .footer-text-left ul li img { max-width: 100%; max-height: 100%; }
#SiteFooter .footer-text-divided .footer-text-left ul li:last-child a:hover:after { background-image: url(/warehouse/dynamic/375998.svg); background-position: 4px; background-size: cover; }
#SiteFooter .site-credit.alternative { padding: 15px 0; }
#SiteFooter .footer-address {display:none;}

@media(max-width:767px) {
    #SiteFooter { padding-bottom: 0; }
    #SiteFooter .footer-text-divided { flex-direction: column; align-items: center; justify-content: center; height: 300px; }
    #SiteFooter .footer-text-divided .footer-text-right { display: none; }
    #SiteFooter .footer-text-divided .footer-text-middle { max-width: 270px; max-height: 90px }
    #SiteFooter .footer-text-divided .footer-text-left {align-items:center; }
    #SiteFooter .footer-text-divided .footer-text-left ul {padding:0;}

    #SiteFooter .site-credit.alternative { margin-bottom: 50px }
    .site-credit.alternative p.creditWrapper { display: none; }
}

/*form*/
.normal-form { display: flex; flex-direction: column; }
div#DynamicFormObject { display: flex !important; flex-direction: column; align-items: center; background-color: var(--bg-card); width: 900px; margin: 0 auto; height: 500px; justify-content: center; padding: 100px 120px 60px 120px; position: relative; border: none; padding: 0px !important; }
div#DynamicFormObject::after,
div#DynamicFormObject::before { content: ''; position: absolute; width: 170px; height: 120px; background-image: url(/warehouse/dynamic/376247.svg); background-size: cover; background-position: center; background-repeat: no-repeat; top: -65px; right: 50%; transform: translateX(50%); border: none; }
div#DynamicFormObject::before { background-image: url(/warehouse/dynamic/376246.svg); /*transform: rotate(-45deg) translate(66px,50px); transition: all 0.75s ease;*/ }
/*.form-container-wide.shown #DynamicFormObject::before { transform: translateX(50%); }*/
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; color: var(--text-isabelline); font-size: 225%; font-family: "linotype-didot"; padding: 11px; margin-top: 90px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { color: var(--text-white); width: 660px; height: 440px; }
input.form-control.input-data, textarea.input-data.form-control, select.input-data.form-control { border: none; border-radius: 0px; border-bottom: 2px solid var(--text-gold); color: var(--text-gold); box-shadow: none; height: 30px !important }
textarea::-webkit-scrollbar { width: 1px; }
textarea.input-data.form-control { height: 34px !important; }
input.form-control.input-data, textarea.input-data.form-control, input.form-control.input-data::placeholder,
textarea.input-data.form-control::placeholder, select.input-data.form-control { font-size: 90%; padding-right: 6px; color: var(--text-white); }
/*input.form-control.input-data::before, textarea.input-data.form-control::before, .select-wrapper.must::before { content: none; }*/
.form-container-wide #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; gap: 30px;justify-content:center; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 30%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.col-xs-12.textareaField { width: 100% }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-4 .select-wrapper:after { top: 30%; left: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField select.input-data.form-control { padding: 5px 12px; background-color: #192A2E; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField select.input-data.form-control option {  }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin-bottom: 50px }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type='submit'] { border-color: var(--text-gold) !important; height: 45px !important; width: 195px !important; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 120%; font-weight: bold; text-transform: lowercase; margin-bottom: 45px; }
/*.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField .input-wrapper.input-text::before { content: none; }*/
.must:before { top: 0; right: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField .input-wrapper.input-text input:focus { border: none !important; border-bottom: 2px solid var(--text-gold) !important; }


@media(min-width:767px) and (max-width: 1024px) {
    div#DynamicFormObject { max-width: 100% !important; }
    div#DynamicFormObject::after, div#DynamicFormObject::before { width: 150px; }
    .form-container-wide #DynamicFormObject fieldset { gap: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { left: 0 !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 110%; }
}

@media(max-width:767px) {
    div#DynamicFormObject { height: auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; height: auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 4px; top: -2px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {margin-bottom:20px; display:inline-block;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {margin-bottom:0;}
    .form-container-wide div#DynamicFormObject { padding: 80px 60px 40px 60px !important }
    .form-container-wide div#DynamicFormObject::before { top: 35px; }
    .form-container-wide div#DynamicFormObject::after { top: 35px; }
    input.form-control.input-data { margin-bottom: 0; }

}

/*card-message*/
.contact.card-message #GridPage .max-width { width: 100%; }
.contact.card-message #GridContent { padding-bottom: 85px; }
.contact.card-message #GridContent .MainContent #text1 p:last-child { padding: 0; margin: 30px 0; }
.contact.card-message #SiteGrid.layout-bottom #GridPromo { padding-top: 0; background: var(--bg-opacity-color); margin-bottom: 0; padding-bottom: 50px; }

@media(max-width:767px) {
    .contact.card-message #GridContent { padding-bottom: 30px; }
    .contact.card-message #GridContent .MainContent #text1 p:last-child { padding: 0 25px; margin: 30px 0; }
    .contact.card-message #SiteGrid.layout-bottom #GridPromo { padding-bottom: 0px; }
}


/*HOME PAGE*/
/*hero*/
.home-page .gallery-caption #header-center-kdm { display: flex; flex-direction: column; gap: 15px; width: 100%; align-items: center; justify-content: center; margin-top: 30px; }
.home-page #home-gallery { overflow: unset; }

/*sections*/
.home-page #allSectionsWrapper { overflow: hidden; }

/*cubes-section*/
#home-gallery .gallery-caption { text-align: center; color: var(--text-isabelline); }
.home-page #home-gallery .gallery-text div { font-size: 200%; font-family: var(--en-text); line-height:1;}
#home-gallery .gallery-caption span { letter-spacing: 0.52px; font-size: 26px; font-weight: bold; display: block; }
.home-page .cubes-section .grid-boxes.row { display: flex; justify-content: center; align-items: center; gap: 50px; }
.home-page .cubes-section .grid-boxes.row > div { position: relative; width: 350px; padding: 0; }
.home-page .cubes-section .grid-boxes.row > div::after { content: ''; position: absolute; top: 0; left: 50%; width: 58%; height: 80%; background-image: url( /warehouse/dynamic/389457.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all 1s ease-in-out 0s; }
.home-page .cubes-section .grid-boxes.row > div.menus-cube::after { background-image: url(/warehouse/dynamic/389456.svg); }
.home-page .cubes-section .grid-boxes.row > div.events-cube::after { background-image: url(/warehouse/dynamic/376790.svg); }

.home-page .cubes-section .grid-boxes.row > div:hover:after { transform: translateX(-50%) rotate(45deg); }
.home-page .cubes-section .grid-boxes.row .grid-box-image { min-height: 500px; }
.home-page .cubes-section .grid-boxes.row .grid-box-image::after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 0; background: #1c1b1b; opacity: 0.4; pointer-events: none; }

/*visit-section*/
.visit-section { padding-top: 0; }
.visit-section .grid-text.gridTextWithImg .gridTextImgContainer img { width: 575px; }

/*our-story-section*/
.our-story-section .grid-row-cell.flexslider-box { width: 780px; height: 550px; }
.our-story-section .grid-row-cell.section-animation-item.grid-row-cell-text { width: 450px; }
.our-story-section #grid-row0 { background-color: transparent; display: flex; opacity: 0; flex-direction: row-reverse; justify-content: center; width: 100%; transition: all 2s cubic-bezier(0.4, 0, 1, 1); -webkit-transition: all 2s cubic-bezier(0.4, 0, 1, 1); }
.our-story-section #grid-row0 .flexslider-box { margin-left: 0; margin-right: 36%; transition: all 1.25s ease; -webkit-transition: all 1.25s ease; }
.our-story-section #grid-row0 .grid-row-cell-text { margin-left: 50%; margin-right: 0; transition: all 1.25s ease; -webkit-transition: all 1.25s ease; }
.our-story-section.shown #grid-row0 { opacity: 1; }
.our-story-section.shown #grid-row0 .flexslider-box { margin-left: 0; margin-right: 0; }
.our-story-section.shown #grid-row0 .grid-row-cell-text { margin-left: 0; margin-right: 0; z-index: 10; }
.our-story-section .grid-row li.slider-item { padding-bottom: 71%; }
.our-story-section .grid-row .grid-row-text { background-color: rgba(25, 38, 42, 1); position: absolute; width: 450px; height: 470px; top: 210px; right: 70px; color: var(--text-white); padding: 80px 50px 80px 90px; }
.our-story-section .grid-row .grid-row-text::after { content: ''; width: 100%; height: 100%; bottom: 0; left: 0; position: absolute; background-image: url(/warehouse/dynamic/377905.svg); background-position: center; background-repeat: no-repeat; background-size: contain; z-index: -1; }
.our-story-section .grid-row .grid-row-text h2 { position: absolute; top: -85px; right: 0; font-family: var(--en-text); font-size: 400%; height: 80px; width: 120%; color: var(--text-isabelline); }
.our-story-section .grid-rows .grid-row-text h3 { font-size: 120%; font-weight: bold; }
.our-story-section .grid-rows .grid-row-text p { font-size: 80%; }
.our-story-section a.grid-row-button.hvr-fade { border-color: var(--text-gold) !important; margin: 0 !important; }
.our-story-section a.grid-row-button.hvr-fade:hover { background: var(--bg-regular-color2) !important; }

/*stickers-section*/
.marqueeSec.grid-text-section, .marqueeSecTwo.grid-text-section { direction: ltr; max-height: 75px; font-family: var(--en-text); }
.marqueeSec.grid-text-section { transform: translateY(-45px) rotate(4deg); margin-top: 300px; }
.marqueeSecTwo.grid-text-section { transform: translateY(-180px) rotate(-4deg); }
.marqueeSec.grid-text-section .section-title .js-marquee, .marqueeSecTwo.grid-text-section .section-title .js-marquee { margin-right: 0 !important; }
.marqueeSec h2, .marqueeSecTwo h2 { font-size: 300%; white-space: nowrap; padding: 20px 0 10px 0; }
.marqueeSec h2 { color: var(--text-isabelline); }
.marqueeSecTwo h2 { background-color: rgba(25, 38, 42, 1); color: var(--text-gold); }

/*gallery-section*/
.gallery-section .gallery-container .gallery-cubes { display: grid; grid-gap: 4.5px; grid-template-columns: 1fr 1fr 1fr; }
.gallery-section .gallery-container .gallery-cubes::before { content: none; }
.gallery-section .col-xs-6.col-sm-3.no-pad { width: 100%; }


@media(min-width:767px) {
    /*join us-section*/
    .join-us-section { margin: 0 auto; padding-bottom: 65px; }
    .join-us-section .form-container-wide { position: relative; }
    .join-us-section .form-container-wide::after { content: ''; position: absolute; width: 470px; height: 100%; top: 0; left: 0; background-image: url( /warehouse/dynamic/377924.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; }
    .join-us-section .section-animation-item { opacity: 1; }
    .join-us-section div#DynamicFormObject { justify-content: flex-end; width: 700px; margin: 0; }
    .join-us-section div#DynamicFormObject::after, .join-us-section div#DynamicFormObject::before { top: 25px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 100%; line-height: 40px; }
    .join-us-section .form-container-wide #DynamicFormObject fieldset { justify-content: center; }
    .join-us-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-top: 0; }
    .join-us-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { height: auto; }
    .join-us-section .form-container-wide #DynamicFormObject .dynamicFormObjectField,
    .join-us-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 40%; }
    .join-us-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input[type='submit'] { height: 35px !important; }
}

@media(min-width:767px)and (max-width:1024px) {
    /*cubes-section*/
    .home-page .cubes-section .grid-boxes.row .grid-box-image { min-height: 360px; }

    /*our-story-section*/
    .our-story-section .grid-row-cell.flexslider-box { left: 25px; }
    .our-story-section .grid-row-cell.section-animation-item.grid-row-cell-text { width: 50%; }
    .our-story-section .grid-row .grid-row-text { width: 350px; }
    .our-story-section .grid-row .grid-row-text h2 { top: -60px; font-size: 300%; }
    .our-story-section a.grid-row-button.hvr-fade { margin: 20px 0 !important; }

    /*stickers-section*/
    .marqueeSec h2, .marqueeSecTwo h2 { font-size: 230%; }

    /*join us-section*/
    .join-us-section .form-container-wide::after { content: none; }
    .join-us-section div#DynamicFormObject { margin: 0 auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 100%; }
}

@media(max-width:767px) {
    /*hero*/
    .home-page .gallery-caption #header-center-kdm { margin-top: 70px;  }

    /*sections*/
    .home-page .sections { padding-bottom: 0 !important; }

    /*cubes-section*/
    #home-gallery .gallery-caption { width: 100%; }
    .home-page #home-gallery .gallery-text div { font-size: 100%; line-height: 1.5; }
    #home-gallery .gallery-caption span { width: 100%; white-space: normal; font-size: 20px; }
    .home-page .cubes-section { padding-bottom: 0; margin-bottom: 0; }
    .home-page .cubes-section .grid-boxes.row { flex-direction: column; }
    .home-page .cubes-section .grid-boxes.row > div { width: 300px; margin-left:0; }
    .home-page .cubes-section .grid-boxes.row .grid-box-image { min-height: 400px; }

    /*visit-section*/
    .visit-section .grid-text.gridTextWithImg .gridTextImgContainer img { width: 315px; }

    /*our-story-section*/
    .our-story-section #grid-row0 { opacity: 1; }
    .our-story-section .grid-row-cell.flexslider-box { width: 100%; height: auto; }
    .our-story-section #grid-row0 .grid-row-cell-text { width: 100%; margin-left: auto; }
    .our-story-section .grid-row { padding: 0; overflow: visible; }
    .our-story-section .grid-row li.slider-item { padding-bottom: 83%; }
    .our-story-section .grid-row .grid-row-text { width: 90%; top: -50px; right: 0; margin: 0 12px; padding: 60px 19px; position: relative; z-index: 2; left: unset; text-align: center; }
    .our-story-section .grid-row .grid-row-text::after { background-image: url( /warehouse/dynamic/377904.svg); bottom: -20px; }
    .our-story-section .grid-row .grid-row-text h2 { position: relative; top: 0; font-size: 250%; width: 100%; white-space: nowrap; height: 15%; }
    .our-story-section a.grid-row-button.hvr-fade { margin: 0 auto !important; }

    /*stickers-section*/
    .marqueeSec.grid-text-section { transform: translateY(-45px) rotate(10deg); margin-top: 135px; margin-bottom: 0; }
    .marqueeSecTwo.grid-text-section { transform: translateY(-120px) rotate(-10deg); margin: 0 }
    .marqueeSec .section-title h2, .marqueeSecTwo .section-title h2 { max-width: 100%; font-size: 150%; }

    /*gallery-section*/
    .gallery-section .gallery-container .gallery-cubes { grid-template-columns: 1fr 1fr; grid-gap: 8px; }

    /*join us-section*/
    .join-us-section { margin-bottom: 0; padding-bottom: 0; }
    .join-us-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { height: 305px; }
}



/*-----------------PAGES-------------------*/
/*menu pages*/
nav.menu-tags-list li.active a, #MenuModule h2, a.selected,
.menuModuleContent .menuModuleTextItemPrice, .menuModuleContent h3 { color: var(--text-gold) !important; }
#MenuModule p, #menuModuleNav a:not(.selected),
.menuModuleContent .menuModuleTextItemDescription { color: var(--text-white) !important; }
.menus-page #text1 p { font-size: 80%; }
.menus-page #GridContent a.selected, #MenuModule h2, #MenuModule h3,
.menuModuleContent .menuModuleTextItemPart .menuModuleTextItemPrice { font-weight: bold; }
#GridPage { padding-top: 0; }
#MenuModule { padding-top: 57px; margin-bottom: 50px; }


.menu-tags-list { background-color: transparent !important; position: relative; }
.menu-tags-list ul { display: flex !important; justify-content: center; align-items: center; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); z-index: 2; }
.menu-tags-list ul li { margin: 0 10px !important; background-color: var(--bg-dark-color) !important; }
.menu-tags-list ul li:not(.strip-item) { display: none !important; }
.menu-tags-list ul li:hover, .menu-tags-list ul li.active { background-color: var(--bg-regular-color) !important; text-decoration: none; }
.menu-tags-list ul li a { width: 100%; width: 100%; top: 50%; transform: translateY(-50%); position: relative; }
.menu-tags-list ul li a:focus { text-decoration: none; }

#MenuModule h2 { margin-bottom: 13px; }
#MenuModule .menuModuleNav a { font-size: 80%; margin: 0 20px; }
a.selected { text-decoration: underline; line-height: 17px; text-underline-offset: 5px; }

.menuModuleContent .menuModuleContentPart, .menuModuleContent .menuModuleContentPart:after { border: none !important; }
.menuModuleContent .menuModuleContentPart { display: flex !important; justify-content: center; align-items: center; flex-direction: column; }
.menuModuleContent ul[aria-hidden^="true"] { display: none !important; }
.menuModuleContent .menuModuleContentPart > li { display: flex; align-items: center; gap: 60px; justify-content: flex-start; width: 100%; }
.menuModuleContent .menuModuleTextItemPart .menuModuleTextItemTitle,
.menuModuleContent .menuModuleTextItemPart .menuModuleTextItemPrice { line-height: 30px; font-size: 80%; }
.menuModuleContent .menuModuleTextItemPart:after { border-bottom: 2px solid var(--bg-light-color); width: 100%; }
.menuModuleContent .menuModuleTextItemPart .menuModuleTextItemPrice:before { margin-right: 0px; font-size: 10px; }
.menuModuleContent .menuModuleTextItemDescription { font-size: 70%; line-height: 22px; min-height:50px}

@media (max-width:767px) {
    .menu-tags-list ul { justify-content: flex-start; overflow-x: scroll; width: 100%; }
    .menu-tags-list ul::-webkit-scrollbar { background-color: transparent; }
    .menu-tags-list ul .strip-item a { width: 160px; }
    .menus-page nav.menu-tags-list .mobile-strip { display: none }
    .menus-page #GridContent { margin-bottom: 0px; padding: 10px 0px 0px 0px; }
    #MenuModule { display: flex; flex-direction: column; padding-top: 50px; }
    #MenuModule div#subheadline { order: 2; }
    #MenuModule div#text1 { order: 3; }
    #MenuModule .menuModuleNav { padding: 0; padding-bottom: 30px; }
    #MenuModule .menuModuleNav a { margin: 0 15px; }
    #MenuModule .menuModuleContent { order: 4; }
    .menuModuleContent .menuModuleContentPart { padding: 30px 25px 0 25px; margin-bottom: 0; }
    .menuModuleContent .menuModuleContentPart > li { flex-direction: column; gap: 0; }
    .menuModuleContent .menuModuleTextItemDescription { margin-bottom: 25px ; min-height: 10px}

}


/*media page*/
.media { margin-top: 0; }
.media #GridContent #pageview { display: none; }
.media #gridshort-view-media { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px 30px; }
.media #gridshort-view-media > div { width: 33.33367%; max-width: 300px; padding: 0; }
.media #gridshort-view-media .grid-short-box.box { border: 4px solid var(--bg-light-color); background: var(--bg-card); color: var(--text-white); margin: 0; }
.media #gridshort-view-media .grid-short-box.box:hover { background: rgba(8, 33, 39, 1) }
.media #gridshort-view-media .grid-short-box.box .text-caption { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; width: 100%; padding: 0 25px; padding-bottom: 70px; color: var(--text-white); }
.media #gridshort-view-media .grid-short-box.box .grid-short-box-label { font-size: 110%; font-weight: bold; line-height: 30px; letter-spacing: 0.5px; color: var(--text-white); margin-bottom: 8px; }
.media #gridshort-view-media .grid-short-box.box .grid-short-box-subtitle { border-bottom: none; font-size: 80%; line-height: 17px; padding-bottom: 40px; }
.media #gridshort-view-media .grid-short-box.box .grid-short-box-text { border: solid 3px var(--text-gold) !important; }


@media(max-width:767px) {
    .media #GridContent { padding-top: 50px; padding-bottom: 0; }
    .media #gridshort-view-media > div { width: 100%; }
}

/*about - our story page*/
.contact #GridContent { padding-bottom: 0; margin-bottom: 0; }
.contact #text1, .contact #text2 { margin: auto 135px; }
#GridContent a, .contact #GridContent h3 { color: var(--text-gold) !important;  }
.contact #GridContent h3 { margin-top: 30px; letter-spacing: 0.48px; font-weight: bold; }
.contact #GridContent h3, #GridContent .MainContent #text1 p, #GridContent #text2 p { padding: 0 100px; }
.contact #GridContent .MainContent #text1 p, .contact #GridContent #text2 p { font-size: 80%; line-height: 22px; letter-spacing: 0.28px; }
/*.contact #GridContent .MainContent #text1 p:last-child { padding: 0; margin: 30px 0; }*/
.contact #GridContent .MainContent #text1 img { width: 100%; }
.contact .GridBottomGallery, .contact .gallery-container { padding-top: 0; }
.contact .GridBottomGallery .gallery-cubes, .contact .gallery-container .gallery-cubes { display: flex; flex-wrap: wrap; width: 1170px; margin: 0 auto; background: var(--bg-opacity-color); padding: 20px 95px 50px 95px; }
.contact .GridBottomGallery .gallery-cubes > div, .contact .gallery-container .gallery-cubes > div { padding: 10px; }
.contact .gallery-container .gallery-cubes { background: none; }

@media(min-width:767px)and (max-width:1024px) {
    .contact #text1, .contact #text2 { margin: auto; }
    .contact #GridContent h3, #GridContent .MainContent #text1 p, #GridContent #text2 p { padding: 0 75px; }
    .contact .GridBottomGallery .gallery-cubes, .contact .gallery-container .gallery-cubes { width: 100%; }
}

@media(max-width:767px) {
    .contact #text1, .contact #text2 { margin: auto 12px; max-width: 100%; }
    .contact #GridContent h3, #GridContent .MainContent #text1 p, #GridContent #text2 p { padding: 0 25px; text-align: center !important; }
    .contact #GridContent .MainContent #text1 img { width: 100%; height: auto; object-fit: cover; }
    .contant #GridContent .MainContent #text1 p, .contact #GridContent #text2 p { padding: 0 10px; }
    .contact #GridContent #text2 p:last-child { margin-bottom: 50px; }
    .contact .gallery-container { width: 100%; padding: 0 2.5px; }
    .contact .gallery-container .gallery-cubes { padding: 0; width: auto; }
    .contact .gallery-container .gallery-cubes > div { padding: 5px; }
    .contact .GridBottomGallery { padding-bottom: 0; }
    .contact .GridBottomGallery .gallery-cubes { padding: 0 5px; width: auto; }
    .contact .GridBottomGallery .gallery-cubes > div { padding: 5px; }
}


/*events-page*/
.contact.events-page #GridContent .MainContent #text1 h3 { display: none; }

@media(max-width:767px) {
    .contact.events-page #GridContent .MainContent #text1 p:last-child { padding: 0px; }
    .contact.events-page #GridContent .MainContent #text1 h3 { display: inline-block; margin-bottom: 30px; }
}

/*about page*/

@media(max-width:767px) {
    .about-page .GridBottomGallery .gallery-cubes { padding: 0 5px 50px 5px; width: auto; }
}

/*jobs page*/
/*.contact.jobs-page.card-message #GridContent .MainContent #text1 p:last-child { padding: 0 100px; }*/
.contact.jobs-page.card-message #GridContent { padding-top: 50px; }
.contact.jobs-page.card-message #GridContent .MainContent #text1 ul { max-width: 180px; margin: 0 auto; font-size: 80%; text-align: right; }

@media(max-width:767px) {
    .contact.jobs-page.card-message #GridContent .MainContent #text1 p:last-child { padding: 0 25px; }
}

/*gallery page*/
.gallery-page #GridPage.gallery .max-width { max-width: 1170px; }
.gallery-page #GridContent { padding: 50px 15px; }
.gallery-page #GridContent .gallery-container .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; align-items: center }
.gallery-page #GridContent .gallery-container .gallery-cubes > div { width: 350px; margin: 15px; }

@media(max-width:767px) {
    .gallery-page #GridContent { padding: 50px 0px; }
    .gallery-page .gallery-container { width: 100%; }
    .gallery-page #GridContent .gallery-container .gallery-cubes > div { width: 45%; margin: 5px; }
}

/*contact - opening page*/
.contact.open-hours #GridPage .max-width { background-color: var(--bg-opacity-color); padding-bottom: 50px; margin-bottom: 50px; }
.contact.open-hours #GridPage #GridContent { background: none; }
.contact.open-hours #SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; }
.contact.open-hours #pageview { display: flex; align-items: center; justify-content: center; gap: 100px; margin-bottom: 85px; }
.contact.open-hours #pageview #text1, .contact.open-hours #pageview #text1 *,
.contact.open-hours #pageview #text2, .contact.open-hours #pageview #text2 * { margin: 0; max-width: 100%; }
.contact.open-hours #pageview #text1 h3, .contact.open-hours #pageview #text2 h3 { color: var(--text-gold); padding: 0; }
.contact.open-hours #pageview #text1 p, .contact.open-hours #pageview #text2 p { padding: 0; }
.contact.open-hours #GridContent .MainContent #text1 p:last-child { padding: 0; margin: 0; }

@media(max-width:767px) {
    .contact.open-hours #GridPage .max-width { padding-bottom: 0px; }
    .contact.open-hours #GridContent { padding-top: 50px; }
    .contact.open-hours #pageview { flex-direction: column; gap: 30px; margin-bottom: 0px; }
}



/*accessability  Page */
.accessabilityMainPage #text1 li { font-size: 0.8rem; }

/*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; -webkit-transform: unset !important; }*/

@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; background-size: 100% 100%; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    body.macOs.chromeBrowser #home-gallery {zoom:0.7;}
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio:1.25) {
    body.macOs{zoom:1.15 !important;}
    body { zoom: 1 !important; }
    /*.top-caption h1, #text1, #text2, #MenuModule h2, #menuModuleNav a, 
    .our-story-section .grid-row .grid-row-text *:not(h2) { zoom: 1.25 !important; }
    .menu-tags-list ul li a, .menuModuleContentPart * { zoom: 1.10 !important; }
    .contact #GridContent h3, #GridContent .MainContent #text1 p, #GridContent #text2 p,
    .contact.jobs-page.card-message #GridContent .MainContent #text1 p:last-child { padding: 0; }
    .our-story-section .grid-row .grid-row-text { padding: 60px 40px; }*/
}

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

}