﻿/* Averbuch */

/* General */
body { line-height: 1; color: #1e1e1e; font-size: 20px; background: #f4f1ec; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 350%; font-family: 'FuturaStd-Bold', serif; color: #1e1e1e; position: relative; }
h3, .grid-rows .grid-row-text h3 { font-size: 170%; position: relative; }
p { font-size: 95%; line-height: 1.2; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 10px 0; }
#GridTop { height: 340px; }
.top-caption { font-size: 100%; top: 63%; }
.top-caption h1 { font-size: 300%; color: #fff; text-align: center; }
.section-animation-item { margin-top: 200px; }
.internalPage .section-animation-item.up { margin-top: 0; }
.GalleryWrapper .gallery-cubes, .grid-form-section .section-animation-item { margin-top: 100px; }
.section-animation-item.up { animation-delay: 0.3s; }
.GalleryWrapper .gallery-cubes.up, .grid-form-section .section-animation-item.up { animation-delay: unset; }

@media(max-width: 767px) {
    #GridTop { height: 270px; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2 { font-size: 190%; }
    h3, .grid-rows .grid-row-text h3 { font-size: 140%; }
    p, .grid-rows .grid-row-text p { font-size: 85%; }
    .top-caption h1 { font-size: 190%; }
}

/* Header */
#header2 { background: #fff; padding: 22px 60px; padding: 0 60px; }
#header2 .max-width { max-width: unset; width: 100%; }
#header2 #header-container { display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; }
#header2 #header-container #header-left { width: auto; }
#header2 #header-container #header-left img { max-width: 202px; }
#header2 .header-right-section { flex-grow: 1; display: inline-flex; flex-direction: row-reverse; align-items: center; }
#header2 #header-container .header-right-section .menu-nav { margin: 0; }
#header2 #header-container .header-right-section .header-top { width: auto; padding: 0; }
#header2 #header-container .header-right-section .header-top .address { display: none; }
#header2 #header-container .header-right-section .header-top .header-top-left { display: inline-flex; margin: 0; }
#header2 #header-container .has-sub i.opensub { font-size: 100%; position: absolute; font-weight: 300; }
#header2 ul.menu { margin-bottom: 0; display: flex; align-items: center; justify-content: center; }
#header2 #header-container ul.menu > li { color: #000000; font-size: 115%; transition: 0.3s all; }
#header2 #header-container ul.menu li:before { display: none; }
#header2 #header-container ul.menu li.active, #header2 #header-container ul.menu li:hover { color: #265c5c; background: transparent; }
#header2 #header-container ul.menu > li { padding: 28px 0px; cursor: pointer; }
#header2 #header-container ul.menu .menu-sub li::after { position: absolute; content: ""; bottom: -1px; left: 50%; width: 93%; background: #265c5c; height: 1px; opacity: 0; transform: translateX(-50%); transition: 0.4s all; }
#header2 #header-container ul.menu .menu-sub li.active::after, #header2 #header-container ul.menu .menu-sub li:hover::After { opacity: 1; }
#header2 .social-links a { background-size: 100%; background-repeat: no-repeat; margin-right: 7px; }
#header2 .social-links a svg { opacity: 0; height: 27px; width: 27px !important; }
#header2 .social-links .social_icon_instagram { background-image: url(/warehouse/temp/averbuch/insta.svg); }
#header2 .social-links .facebook_icon_instagram { background-image: url(/warehouse/temp/averbuch/FB.svg); }
/*#header2 .social-links a:last-child { background-image: url(/warehouse/temp/averbuch/pin.svg); }*/
#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: #121212; height: 3px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { width: 30px; }
#nav-toggle.active span:after, #nav-toggle-mobile.active span:after { width: 35px; }
#header2 ul.menu > li > a:focus { border: none; }
#header2 ul.menu > li > a::before { content: ''; width: 0%; border: none; position: absolute; height: 1px; background: #265c5c; left: 50%; bottom: -2px; transform: translateX(-50%); transition: .25s ease-in-out; }
#header2 ul.menu > li > a::after { content: ''; width: 0%; border: none; position: absolute; height: 1px; top: -1px; background: #265c5c; left: 50%; transform: translateX(-50%); transition: .25s ease-in-out; }
#header2 ul.menu > li > a { position: relative; }
#header2 ul.menu > li:hover > a::before, #header2 ul.menu > li:hover > a:after { width: 100%; }
#header2 ul.menu > li:focus > a::before, #header2 ul.menu > li:focus > a:after { width: 100%; }
#header2 #header-container ul.menu .menu-sub { background: #fbf3ea; padding: 15px 20px 5px; right: unset; left: 50%; transform: translateX(-50%); }
#header2 #header-container ul.menu .menu-sub li { font-size: 90%; transition: 0.3s all; margin-bottom: 5px; color: #000; }


@media(max-width: 1024px) {
    #header2 { padding: 23px 15px; }
    #header2 #header-container { display: flex; flex-direction: unset; justify-content: space-between; }
    #header2 #header-container #header-left { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-flex; align-items: center; }
    #header2 #header-container #header-left img { max-width: 167px; }
    #header2 ul.menu, #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-container .header-right-section { background: #fff; display: inline-flex; flex-direction: row; z-index: 0; padding: 0; }
    #header2 #header-container .header-right-section .header-top { display: none; }
    #header2 .phone-icon { left: 0px; top: 0px; }
    #header2 .phone-icon a { position: relative; }
    #header2 .phone-icon a::after { background-image: url(/warehouse/temp/averbuch/phone.svg); background-repeat: no-repeat; background-size: 100%; content: ""; width: 30px; height: 30px; position: absolute; left: 0; top: -5px; }
    #header2 .phone-icon a .fa-phone { width: 30px; }
    #header2 ul.menu { background: #f4f1ec; min-height: 100%; position: fixed; text-align: right; width: calc(var(--vw)); height: 100%; top: 69px; left: 0; text-align: center; bottom: 0px; right: 0; overflow-y: auto; padding: 40px 0 60px; transform: translateX(100%); display: block !important; transition: 0.4s all ease; }
    #header2.open ul.menu { transform: translateX(0); }
    #header2 ul.menu li > a { font-size: 100%; }
    #header2 ul.menu .has-sub.open { padding-bottom: 0px; }
    #header2 #header-container .has-sub i.opensub { font-size: 70%; margin-top: 6px; }
    #header2 #header-container ul.menu > li { font-size: 172%; padding: 16px 0; }
    #header2 #header-container ul.menu > li.has-sub.open { padding-bottom: 0; }
    #header2 #header-container ul.menu li.has-sub.open .menu-sub { padding: 16px 0 0px; display: flex !important; flex-direction: column; align-items: center; background: transparent; }
    #header2 #header-container ul.menu .menu-sub li { font-size: 85%; width: fit-content; }
    #header2 ul.menu .social-links a svg { display: none; }
    #header2 ul.menu .social-links a { background-size: auto; padding: 0px 18px; }
    #header2 #header-container ul.menu .social-mobile { padding-left: 10px; }
    #header2 #header-container .has-sub i.opensub { display: inline-block; }
    #header2 ul.menu > li:not(.has-sub) > a::before { bottom: -10px; }
    #header2 ul.menu > li > a::after { top: -8px; }
}

@media(max-width: 767px) {
}

/* Home Gallery */
#home-gallery .gallery-caption { left: 60px; transform: none; max-width: 500px; width: 90%; top: 30%; }
#home-gallery .gallery-caption .gallery-text { font-size: 240%; font-family: 'FuturaStd-Bold', serif; text-transform: uppercase; white-space: unset; line-height: 60px; color: #1e1e1e; }
#home-gallery .gallery-caption .gallery-text span { color: #265c5c; white-space: nowrap; }
#home-gallery .gallery-caption .gallery-text span .letter { display: inline-block; line-height: 1; }
#home-gallery .scroll-down { left: 60px; width: fit-content; }
#home-gallery .scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down button img { width: 50px; min-width: 50px; }
#home-gallery .opacity-layer { display: none; }

@media(max-width: 1360px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 200%; }
    #home-gallery .gallery-caption { max-width: 450px; left: 50px; }
}

@media(max-width: 1180px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 180%; }
    #home-gallery .gallery-caption { max-width: 400px; left: 30px; }
}

@media(max-width: 1024px) {
    #home-gallery .gallery-caption { left: 50%; transform: translateX(-50%); top: 59%; }
    #home-gallery .gallery-caption .gallery-text { color: #1e1e1e; text-align: center; }
}

@media(max-width: 767px) {
    #home-gallery .gallery-caption { left: 50%; transform: translateX(-50%); top: 60%; }
    #home-gallery .gallery-caption .gallery-text { font-size: 150%; line-height: 1.29; color: #1e1e1e; }
    #home-gallery .scroll-down { bottom: 4%; width: 100%; left: 0; }
    #home-gallery .scroll-down button img { width: 40px; min-width: 40px; }
}

/* Home About Section */
.home-page .grid-row-section { padding-top: 0; margin-bottom: 0; }
.home-page .grid-rows .grid-row { direction: ltr !important; background: transparent; }
.home-page .grid-rows .grid-row li.slider-item { padding-bottom: 0; }
.home-page .grid-rows .grid-row .grid-row-image-container { position: relative; }
.home-page .grid-rows .grid-row .grid-row-image-container img { max-height: 765px; object-fit: cover; }
.home-page .grid-rows .grid-row .grid-row-cell-text { background-image: url(/warehouse/temp/averbuch/about-bg.jpg); }
.home-page .grid-rows .grid-row .grid-row-cell-text h2 { margin-bottom: 0px; }
.home-page .grid-rows .grid-row .grid-row-cell-text h3 { margin-bottom: 10px; padding-right: 50px; position: relative; }
.home-page .grid-rows .grid-row .grid-row-cell-text h3::after { background: #265c5c; content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 40px; height: 2px; }

.home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade, .content-section-Btn .hvr-float { overflow: hidden; position: relative; background: #265c5c; border-radius: 50px; -webkit-border-radius: 50px; color: #fff; border: #265c5c; width: 140px; padding: 0; height: 40px; display: inline-flex; align-items: center; font-size: 105%; justify-content: center; margin-top: 15px; }
body.macOs.home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade, body.macOs .content-section-Btn .hvr-float { clip-path: circle(75%); }
.home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade::before, .content-section-Btn .hvr-float::before { position: absolute; top: 90%; content: "עוד עלינו"; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); width: 70%; height: 100%; display: flex; align-items: center; background: #265c5c; justify-content: center; transition: 0.35s; pointer-events: none; -webkit-border-radius: 50px; border-radius: 50px; }
.home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade:hover::before, .content-section-Btn .hvr-float:hover::before { top: 0; }
.home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade .btn-span, .content-section-Btn .hvr-float .btn-span { position: absolute; transition: transform 0.35s; height: 40px; width: 140px; display: flex; -webkit-border-radius: 50px; align-items: center; justify-content: center; pointer-events: none; background: #265c5c; }
.home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade:hover .btn-span, .content-section-Btn .hvr-float:hover .btn-span { transform: translateY(-100%); }

@media(max-width: 767px) {
    .home-page .grid-rows .grid-row .grid-row-image-container img { max-height: 300px; }
    .home-page .grid-rows .grid-row .grid-row-text { margin: 0; padding: 50px 20px; width: 100%; }
    .home-page .grid-rows .grid-row .grid-row-cell-text h2 { margin-bottom: 15px; }
    .home-page .grid-rows .grid-row .grid-row-cell-text p { font-size: 95%; }
    .home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade { margin-top: 25px; }
}

/* Home Projects Section */
.home-page .grid-content-section .section-title { margin-bottom: 20px; }
.home-page .grid-content-section .section-title h3 { display: inline-block; margin-top: 5px; }
.home-page .grid-content-section .section-title h3::before, .home-page .grid-gallery-section h3::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before,
.ourProducts #GridContent #text1 h2::before,
.clientsPage #subheadline h2::before { background: #265c5c; content: ""; position: absolute; top: 50%; left: -50px; transform: translateY(-50%); width: 40px; height: 2px; }
.home-page .grid-content-section .section-title h3::after,
.home-page .grid-gallery-section h3::after,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::after,
.ourProducts #GridContent #text1 h2::after,
.clientsPage #subheadline h2::after { background: #265c5c; content: ""; position: absolute; top: 50%; right: -50px; transform: translateY(-50%); width: 40px; height: 2px; }

.home-page .project-boxes { max-width: 1210px; padding-top: 115px; }
.home-page .project-boxes .grid-boxes { margin: 0; }
.home-page .project-boxes .grid-boxes .grid-box { width: 50%; padding: 0 10px; overflow: hidden; }
.home-page .project-boxes .grid-boxes .grid-box-image { padding-bottom: 0; margin-bottom: 0; }
.home-page .project-boxes .grid-boxes .grid-box-image .grid-box-image-container { position: relative; }
.home-page .project-boxes .grid-boxes .grid-box-image a.box-image-animation { transition: 0.4s all; }
.home-page .project-boxes .grid-boxes .grid-box-image a.box-image-animation::after { background: linear-gradient(0deg, rgb(0 0 0 / 80%) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); content: ""; position: absolute; bottom: 0; width: 100%; height: 70%; left: 0; pointer-events: none; transition: 0.6s all; transition-delay: 0.3s; }
.home-page .project-boxes .grid-boxes .grid-box-image a.box-image-animation:hover::after { height: 150%; }
.home-page .project-boxes .grid-boxes .grid-box-image a.box-image-animation:hover .grid-box-opacity-layer { opacity: 0; }
.home-page .project-boxes .grid-boxes .grid-box-image a.box-image-animation:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.home-page .project-boxes .grid-boxes .grid-box-text { position: absolute; right: 0px; bottom: -70px; padding: 0 40px; display: flex; flex-direction: column; text-align: right; transition: all 0.6s; transition-delay: 0.3s; }
.home-page .project-boxes .grid-boxes .grid-box-text .grid-box-image-text { position: relative; top: unset; left: unset; transform: none; font-size: 90%; opacity: 0; max-width: 330px; overflow: hidden; transition: opacity 1s; }
.home-page .project-boxes .grid-boxes .grid-box-text .grid-box-title h3 { font-size: 250%; margin-bottom: 0; }
.home-page .project-boxes .grid-boxes .grid-box-text .grid-box-title a { color: #fff; }
.home-page .project-boxes .grid-boxes .grid-box:hover .grid-box-image-text { opacity: 1; transition: opacity 2s; }
.home-page .project-boxes .grid-box:hover .grid-box-text { bottom: 20px; }
.home-page .project-boxes .grid-boxes .grid-box-text .grid-box-title { padding-bottom: 10px; }


@media(max-width: 767px) {
    .home-page .grid-content-section .section-title { margin-bottom: 10px; }
    .home-page .project-boxes { padding: 50px 15px 30px; margin: 0; }
    .home-page .project-boxes .grid-boxes .grid-box { width: 100%; padding: 0; margin-right: 0; }
    .home-page .project-boxes .grid-boxes .grid-box .grid-box-image .grid-box-image-text { display: none; }
    .home-page .project-boxes .grid-boxes .grid-box-text { padding: 0 15px; }
    .home-page .project-boxes .grid-boxes .grid-box .grid-box-title { display: block !important; }
    .home-page .project-boxes .grid-boxes .grid-box .grid-box-title h3 { font-size: 140%; }
}

/* Home Products Section */
.home-page .product-boxes { background-image: url(/warehouse/temp/averbuch/bg-product.jpg); max-width: unset; padding: 110px 15px; }
.home-page .product-boxes .grid-boxes { max-width: 1160px; margin: 0 auto; }
.home-page .product-boxes .grid-boxes .grid-box { width: 30%; padding: 20px 35px; }
.home-page .product-boxes .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin-bottom: 15px; }
.home-page .product-boxes .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
.home-page .product-boxes .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { border-radius: 100%; }
.home-page .product-boxes .grid-boxes .grid-box a.box-image-animation { border-radius: 100%; clip-path: circle(50%); }
.home-page .product-boxes .grid-boxes .grid-box .grid-box-title h3 { font-size: 115%; margin-bottom: 0; }
.home-page .product-boxes .grid-boxes .grid-box .grid-box-title a { color: #1e1e1e; font-family: Teko-Light, 'NarkisBlockCondensedThin-Regular'; }
.home-page .product-boxes .content-section-Btn { margin-top: 25px; }
.home-page .product-boxes .content-section-Btn .hvr-float { width: 200px; height: 50px; }
.home-page .product-boxes .content-section-Btn .hvr-float::before { content: "לכל המוצרים"; }

@media(max-width: 767px) {
    .home-page .product-boxes { padding: 60px 5px 50px; }
    .home-page .product-boxes .grid-boxes .grid-box { width: 33.3%; padding: 0px 10px; }
    .home-page .product-boxes .grid-boxes .grid-box .grid-box-image { margin-bottom: 8px; }
    .home-page .product-boxes .grid-boxes .grid-box .grid-box-title h3 { font-size: 95%; }
    .home-page .product-boxes .content-section-Btn { margin-top: 0; }
    .home-page .product-boxes .content-section-Btn .hvr-float { width: 140px; height: 40px; margin-top: 5px; }
}

/* Home Gallery Section */
.home-page .grid-gallery-section h3 { display: inline-block; margin-top: 5px; }
.topGallery, .bottomGallery { margin-bottom: 0; }
.topGallery .gallery-cubes, .bottomGallery .gallery-cubes { overflow-x: hidden; max-width: none; direction: ltr; }
.gallery-cubes .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; cursor: default; padding-bottom: 0; width: 160px; height: 125px; }
.GalleryWrapper { position: relative; padding-bottom: 70px; }
.GalleryWrapper .gallery-container { clear: unset; margin-bottom: 30px; }
.GalleryWrapper .topGallery .gallery-cubes .no-pad, .GalleryWrapper .bottomGallery .gallery-cubes .no-pad { width: auto; margin: 0 20px; background: #fff; }
.GalleryWrapper .bottomGallery { padding-top: 0px; }
.GalleryWrapper .topGallery { padding-bottom: 10px; }
.GalleryWrapper .topGallery .section-title { margin-bottom: 50px; }
.GalleryWrapper .gallery-cubes .boxes-images-outer-image { pointer-events: none; }

@media(max-width: 767px) {
    .GalleryWrapper { padding-bottom: 40px; }
    .GalleryWrapper .topGallery .section-title { margin-bottom: 10px; }
    .GalleryWrapper .gallery-container { margin-bottom: 0px; }
    .GalleryWrapper .topGallery .gallery-cubes .no-pad, .GalleryWrapper .bottomGallery .gallery-cubes .no-pad { margin: 0 6px; }
    .GalleryWrapper .topGallery { padding-bottom: 8px; }
    .gallery-cubes .boxes-images-outer-image { width: 147px; }
}

/* Form */
.home-page .grid-form-section { max-width: unset; padding: 0; margin-bottom: 0; background-image: url(/warehouse/temp/averbuch/bg-contact-web.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover; z-index: 0; }
.home-page .grid-form-section::after { background-image: url(/warehouse/temp/averbuch/tree.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%; content: ''; position: absolute; left: 0; bottom: 0; height: 380px; width: 340px; pointer-events: none; }
fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.form-container-wide #DynamicFormObject { border: none; display: flex; flex-direction: column; align-items: center; padding: 90px 0 80px; z-index: 5; color: #fff; }
.form-container-wide #DynamicFormObject::after { display: none; }
.form-container-wide #DynamicFormObject > div { width: 100% !important; max-width: 900px; overflow: hidden; padding: 0 !important; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 10px; color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 170%; width: fit-content; position: relative; margin: 0 auto 70px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::after { background: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; }
#DynamicFormObject .dynamicFormObjectField.textareaField, .contact #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
#DynamicFormObject .dynamicFormObjectField input, #DynamicFormObject .dynamicFormObjectField textarea, #DynamicFormObject .dynamicFormObjectField select { border: none; box-shadow: none; border-bottom: 1px solid #fff; border-radius: 0; font-size: 95%; width: 100%; margin-bottom: 30px; padding-right: 0px; color: #fff; transition: 0.6s all; max-width: 100%; }
#DynamicFormObject .dynamicFormObjectField textarea { padding-right: 20px; }
#DynamicFormObject .dynamicFormObjectField .select-wrapper:after { top: 20px; left: 0; }
#DynamicFormObject .dynamicFormObjectField input::placeholder,
#DynamicFormObject .dynamicFormObjectField textarea::placeholder { color: #fff; }
#DynamicFormObject .dynamicFormObjectSubmit input:hover, #DynamicFormObject .dynamicFormObjectSubmit input:focus { background: transparent; border: 1px solid #fff; color: #000; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: unset; margin-top: 50px; padding: 0; overflow: hidden; border-radius: 25px; background: #fff; }
#DynamicFormObject .dynamicFormObjectSubmit input { background: #fff; border: 1px solid #fff; color: #265c5c; border-radius: 25px; width: 200px; height: 50px; font-size: 105%; }
#DynamicFormObject .dynamicFormObjectField input:hover,
#DynamicFormObject .dynamicFormObjectField input:focus,
#DynamicFormObject .dynamicFormObjectField textarea:hover,
#DynamicFormObject .dynamicFormObjectField textarea:focus { border: 0 !important; border-bottom: 1px solid !important; }
label.error, span.error { font-size: 90%; top: -5px; left: 20px; }
#DynamicFormObject .dynamicFormObjectField select option { color: #1e1e1e; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper, .form-container-wide #DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }
#DynamicFormObject .dynamicFormObjectField .must:before { top: 0px; right: 0px; }
.home-page #DynamicFormObject .dynamicFormObjectField .must:before { top: 8px; right: -8px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { position: absolute; top: 90%; content: "שליחה"; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); width: 100%; height: 100%; color: #265c5c; display: flex; align-items: center; background: #fff; z-index: 0; justify-content: center; pointer-events: none; transition: 0.35s; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .btn-span { position: absolute; top: 0; transition: transform 0.35s; height: 50px; width: 200px; display: flex; color: #265c5c; align-items: center; justify-content: center; pointer-events: none; background: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::before { top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover .btn-span { transform: translateY(-100%); }

@media (max-width:1024px) {
    .form-container-wide #DynamicFormObject { padding: 80px 0 80px; }
    .home-page .grid-form-section::after { display: none; }
}

@media (max-width:767px) {
    .home-page .grid-form-section { background-image: url(/warehouse/temp/averbuch/bg-contact-mobile.jpg); }
    .form-container-wide #DynamicFormObject { padding: 50px 0px 30px; max-width: 100% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 190% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 140%; margin: 0 auto 25px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0 40px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField input, #DynamicFormObject .dynamicFormObjectField textarea { padding-right: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea { height: 90px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 0px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea { padding: 10px 0px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField input, #DynamicFormObject .dynamicFormObjectField textarea, #DynamicFormObject .dynamicFormObjectField select { font-size: 90% !important; margin-bottom: 25px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { left: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { width: 140px; height: 40px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .btn-span { height: 40px; width: 140px; }
}

/* Projects Lobby Page */
.projectsPage #GridPage .max-width { max-width: unset; width: 100%; }
.projectsPage #gridshort-view .flex-row { max-width: 1190px; margin: 0 auto 80px; }
.projectsPage #gridshort-view .flex-row > div { width: 50%; padding: 0 10px; max-height: 400px; margin-bottom: 20px; }
.projectsPage #gridshort-view .flex-row > div .grid-short-box { margin-bottom: 20px; height: 100%; }
.projectsPage #gridshort-view .flex-row > div .grid-short-box-image { padding-bottom: 0; height: 100%; }
.projectsPage #gridshort-view .flex-row > div .grid-short-box-image::after { background: linear-gradient(360deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 80%, rgba(255,255,255,0) 100%); content: ""; bottom: 0; position: absolute; left: 0; width: 100%; height: 110px; z-index: 0; pointer-events: none; }
.projectsPage #ContentGridShortModule .flex-row > div .grid-short-box-image a { position: relative; }
.projectsPage #gridshort-view .flex-row > div .grid-short-box-image img { position: relative; top: unset; left: unset; transform: none; max-height: 400px; width: 100%; transition: 0.8s all; }
.projectsPage #gridshort-view .grid-short-box .grid-short-box-fulltext { padding-right: 10px; bottom: -175px; left: 0; top: unset; transform: none; -webkit-transform: none; width: 100%; text-align: right; z-index: 2; }
.projectsPage #gridshort-view .grid-short-box .grid-short-box-label { color: #fff; font-size: 200%; padding: 0; position: relative; z-index: 1; }
.projectsPage #gridshort-view .grid-short-box .grid-short-box-label::after { position: absolute; content: ""; width: 60px; height: 40px; left: 10px; top: 50%; background-image: url(/warehouse/temp/averbuch/arrow.svg); background-repeat: no-repeat; transform: translateY(-50%); pointer-events: none; transition: 0.4s all; }
.projectsPage #gridshort-view .flex-row > div .grid-short-box-image:hover img { transform: scale(1.1); }
.projectsPage #gridshort-view .flex-row > div .grid-short-box-image:hover .grid-short-box-label::after { left: 20px; }
.categoriesPage .categories-strip { background: transparent; transform: translateY(-25px); }
.categoriesPage .categories-strip ul li { background: #Fff; color: #1e1e1e; border: 1px solid #265c5c; border-radius: 50px; font-size: 105%; margin: 0px 3px; white-space: nowrap; width: 160px; padding: 8px 32px; display: inline-flex; justify-content: center; align-items: center; transition: 0.4s all; cursor: pointer; }
.categoriesPage .categories-strip ul li:hover { background: #1e1e1e; color: #fff; }
.categoriesPage .categories-strip ul li.active { background: #1e1e1e; color: #fff; }
.categoriesPage .categories-strip ul li:first-child { display: none; }

@media (max-width: 1024px) {
    .categoriesPage .categories-strip ul { display: flex !important; justify-content: center; }
    .categoriesPage .categories-strip { transform: translateY(-20px); }
    .projectsPage #gridshort-view .flex-row { display: flex; flex-wrap: wrap; justify-content: center; }
    .projectsPage #gridshort-view .grid-short-box .grid-short-box-label::after { width: 45px; height: 31px; background-size: 100%; }
    .projectsPage #gridshort-view .flex-row > div { max-height: 300px; }
    .projectsPage #gridshort-view .grid-short-box .grid-short-box-fulltext { bottom: -130px; }
    .projectsPage #gridshort-view .grid-short-box .grid-short-box-label { font-size: 115%; }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .categoriesPage .categories-strip ul { text-align: right; }
    .categoriesPage .categories-strip ul li { margin: 0px 5px; }
}

@media (max-width: 767px) {
    .categoriesPage .categories-strip .select-wrapper ul { display: flex; flex-direction: column; }
    .categoriesPage .categories-strip ul li { padding: 8px 0; width: 100px; font-size: 95%; margin: 0px 5px; }
    .categoriesPage.clientsPage .categories-strip ul li { width: 140px; padding: 10px 0; }
    .categoriesPage .mobile-strip { background: #1e1e1e; padding: 0px 25px; display: none; }
    .projectsPage #gridshort-view .flex-row > div { width: 100%; padding: 0 15px; }
    .projectsPage #gridshort-view .flex-row > div .grid-short-box { margin-bottom: 0; }
    .projectsPage #gridshort-view .flex-row > div .grid-short-box-image img { max-height: 240px; max-width: 400px; }
    .projectsPage #gridshort-view .grid-short-box .grid-short-box-fulltext { bottom: -100px; }
    .projectsPage #gridshort-view .grid-short-box .grid-short-box-label { font-size: 115%; }
}

/* Inner Project Page */
/*.projectsPage.contentInnerPage #GridTop.longer, .projectsPage.contentInnerPage .categories-strip, .ourProducts.contentInnerPage #GridTop.longer { display: none; opacity: 0; height: 0; }*/
.projectsPage.contentInnerPage #GridPage, .ourProducts.contentInnerPage #GridPage { padding-top: 80px; }
.projectsPage.contentInnerPage .upper-section { background-image: url(/warehouse/dynamic/318104.jpg); height: 200px; overflow: visible; margin-bottom: 190px; }
.project .project-head { max-width: 1170px; width: 93%; height: 300px; margin: 0 auto; text-align: center; color: #fff; transform: translateY(50px); display: flex; justify-content: center; align-items: center; flex-direction: column; }
.project .project-head::after { content: ""; position: absolute; width: 100%; height: 100%; background: #1e1e1e; opacity: 0.7; z-index: -1; }
.project .project-head .headline { font-family: 'NarkisBlockCondensedThin-Regular'; color: #fff; font-size: 400%; padding-bottom: 10px; }
.project .project-head .caption-text { display: flex; justify-content: center; }
.project .project-head .caption-text p { padding: 0 5px; font-size: 115%; }
/*.project .project__gallery { display: flex; flex-direction: column; align-items: center; max-width: 1190px; margin: 0 auto 60px; width: 100%; }
.project .project__gallery .gallery__img { width: 100%; padding: 0px 15px 20px; }
.project .project__gallery .gallery__img img { width: 100%; height: 100%; }
.project .project__gallery .gridWrapper { width: 100%; display: flex; flex-wrap: wrap-reverse; justify-items: center; justify-content: center; }
.project .project__gallery .gridWrapper .gallery__img:last-child { width: 100%; }
.project .project__gallery .gridWrapper.gridWrapper-0 { flex-wrap: wrap; }*/

.project .gallery-section .gallery-cubes { display: flex; flex-direction: column; max-width: 1170px; width: 93%; margin: 0 auto 60px; align-items: center; }
.project .gallery-section .gallery-cubes > div { width: 100%; margin-bottom: 20px; }
.project .gallery-section .gallery-cubes .boxes-images-outer-image { width: 100%; height: 100%; padding-bottom: 57%; background-size: cover !important; }
.project .gallery-section .gridWrapper { width: 100%; display: flex; flex-wrap: wrap; justify-items: center; justify-content: center; }
.project .gallery-section .gridWrapper > div { width: 50%; margin-bottom: 20px; }
.project .gallery-section .gridWrapper > div:last-child { width: 100%; padding: 0; }
.project .gallery-section .gridWrapper > div:nth-child(1) { padding-left: 10px; }
.project .gallery-section .gridWrapper > div:nth-child(2) { padding-right: 10px; }

@media (max-width:767px) {
    .projectsPage.contentInnerPage #GridPage { padding-top: 70px; }
    .projectsPage.contentInnerPage .upper-section { height: 150px; margin-bottom: 110px; }
    .project .project-head { height: 210px; padding: 0 15px; }
    .project .project-head { /* background-position: center; */ background-size: 100%; background-repeat: no-repeat; }
    .project .project-head .headline { font-size: 200%; }
    .project .project-head .caption-text { flex-wrap: wrap; }
    .project .project-head .caption-text p { font-size: 90%; }
    .project .project-head .caption-text p:first-child { width: 100%; }
    .project .gallery-section .gallery-container { width: 100%; }
    .project .gallery-section .gallery-cubes > div { margin-bottom: 10px; }
    .project .gallery-section .gridWrapper > div:nth-child(1) { padding-left: 5px; }
    .project .gallery-section .gridWrapper > div:nth-child(2) { padding-right: 5px; }
    .project .gallery-section .gridWrapper > div { margin-bottom: 10px; }
    .project .gallery-section .gallery-cubes { margin: 0 auto 30px; }
}

/* Products Lobby Page */
.ourProducts #SiteGrid { background-image: url(/warehouse/temp/averbuch/bg-product.jpg); background-repeat: no-repeat; background-size: cover; }
.ourProducts #GridTop { height: 290px; }
.ourProducts .top-caption { top: unset; bottom: -65px; }
.ourProducts .top-caption h1::after { content: ""; position: absolute; background-image: url(/warehouse/temp/averbuch/inner-product-web.jpg); width: 1170px; height: 300px; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1; }
.ourProducts #GridContent { padding: 160px 0 50px; }
.ourProducts #GridContent #text1 { margin-bottom: 30px; }
.ourProducts #GridContent #text1 h2 { display: initial; font-size: 245%; font-size: 245%; font-family: inherit; }
.ourProducts #GridContent .flex-row { max-width: 1050px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; }
.ourProducts #GridContent .flex-row > div { padding: 20px 35px; }
.ourProducts #GridContent .flex-row > div .grid-short-box-image { padding-bottom: 0; border-radius: 100%; clip-path: circle(50%); }
.ourProducts #GridContent .flex-row > div .grid-short-box-image:hover img { transform: scale(1.1); }
.ourProducts #GridContent .flex-row > div .grid-short-box-image a { position: relative; }
.ourProducts #GridContent .flex-row > div .grid-short-box-image img { position: relative; top: unset; left: unset; transform: none; border-radius: 100%; transition: 0.8s all; max-width: 280px; max-height: 280px; }
.ourProducts #GridContent .flex-row > div .grid-short-box-label { font-size: 135%; padding: 15px 0 6px; font-family: Teko-Light, 'NarkisBlockCondensedThin-Regular'; }
.ourProducts #GridContent .flex-row > div .grid-short-box-subtitle { font-size: 85%; }
.ourProducts #GridContent .flex-row > div .grid-short-box-link a { opacity: 0; padding: 7px; }
.ourProducts #GridContent .flex-row > div .grid-short-box-link { position: relative; padding-top: 15px; }
.ourProducts #GridContent .flex-row > div .grid-short-box-link::after { content: ""; position: absolute; width: 30px; height: 45px; background-image: url(/warehouse/temp/averbuch/dark-arrow.svg); background-repeat: no-repeat; background-size: 100%; top: 3px; left: 50%; transform: translateX(-50%) rotate(90deg); pointer-events: none; }
.ourProducts #GridContent .flex-row > div .grid-short-box { margin-bottom: 50px; }

@media (max-width: 1024px) {
    .ourProducts .top-caption h1::after { width: 700px; background-image: url(/warehouse/temp/averbuch/inner-product-mobile.jpg); }
}

@media (max-width: 767px) {
    .ourProducts .top-caption { bottom: -25px; width: 100%; }
    .ourProducts .top-caption h1::after { width: 93%; height: 210px; }
    .ourProducts #GridTop { height: 220px; }
    .ourProducts #GridContent { padding: 60px 0 50px; }
    .ourProducts #GridContent #text1 h2 { font-size: 230%; }
    .ourProducts #GridContent .flex-row > div { padding: 10px; }
    .ourProducts #GridContent .flex-row > div .grid-short-box { margin-bottom: 20px; }
    .ourProducts #GridContent .flex-row > div .grid-short-box-image img { max-width: 150px; }
    .ourProducts #GridContent .flex-row > div .grid-short-box-label { font-size: 105%; padding: 12px 0 2px; }
    .ourProducts #GridContent .flex-row > div .grid-short-box-subtitle { font-size: 75%; }
    .ourProducts #GridContent .flex-row > div .grid-short-box-link { padding-top: 5px; }
    .ourProducts #GridContent .flex-row > div .grid-short-box-link::after { content: ""; position: absolute; width: 20px; height: 30px; background-image: url(/warehouse/temp/averbuch/dark-arrow.svg); background-repeat: no-repeat; background-size: 100%; top: 0; left: 50%; transform: translateX(-50%) rotate(90deg); }
}

/* Inner Product Page */
.product { background: #fff; padding-bottom:160px }
.product h1, .product h2, .product h3 { font-family: 'NarkisBlockCondensedThin-Regular'; }
.ourProducts.contentInnerPage #GridContent { padding: 0; }
.product .upper-section { background: #f4f1ec; height: unset; padding: 50px 0px; position: relative; }
.product .upper-section::before { background: #265c5c; content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 38%; z-index: 0; }
.ourProducts.contentInnerPage #GridPage .max-width { max-width: unset; width: 100%; }
.product .product-head { display: flex; align-items: center; justify-content: space-between; max-width: 1170px; width: 93%; margin: 0 auto; }
.product .product-head > div { z-index: 1; opacity: 0; transition: 1.7s all; }
.product .product-head > div.opacity { opacity: 1; }
.product .product-head .headline { font-size: 350%; padding-bottom: 10px; font-weight: 800; }
.product .product-head img { max-width: 585px; }
.product .about-textbox { max-width: 850px; margin: 200px auto 90px; width: 93%; }
.product .about-textbox.down { margin: 70px auto 90px; transition: 1s all; }
.product .about-textbox h2 { font-size: 200%; }
.product .about-textbox h3 { font-size: 135%; }
.product .about-textbox ul { padding-right: 15px; }
.product .about-textbox ul li { font-size: 95%; position: relative; padding-bottom: 10px; list-style-type: none; }
.product .about-textbox ul li:after { content: ""; position: absolute; top: 5px; right: -15px; width: 8px; height: 8px; background: #265c5c; border-radius: 50px; }
.product .gallery-section { max-width: 1170px; margin: 0 auto; width: 95%; }
.product .gallery-section .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; }
.product .gallery-section .gallery-cubes > div { width: 33.3%; padding: 7px; }
.product .gallery-section .gallery-cubes .boxes-images-outer-image { width: 100%; height: 267px; background-size: cover !important; }
.product .download-section { max-width: 1160px; width: 93%; margin: 0 auto; display: flex; padding: 40px 0 160px; }
.product .download-section {display:none;}
.product .download-section > div:first-child { display: none; }
.product .download-section h2 { font-size: 170%; padding-bottom: 5px; }
.product .download-section ul { padding-right: 0px; list-style: none; margin-left: 40px; }
.product .download-section ul li { width: 450px; display: flex; justify-content: space-between; background: #f4f1ec; padding: 10px; margin: 10px 0; }
.product .download-section ul li a { color: #265c5c; text-decoration: underline from-font; }

@media (max-width: 1024px) {
    .product .product-head .caption-text { padding-left: 25px; }
    .product .product-head .caption-text p { line-height: 1; }
    .product .product-head img { max-width: 375px; }
    .product .gallery-section .gallery-cubes .boxes-images-outer-image { height: 170px; }
    .product .download-section > div { flex-grow: 1; }
    .product .download-section ul li { width: 100%; }
}

@media (max-width: 767px) {
    .product { padding-bottom: 40px; }
    .product .upper-section { padding: 25px 0px; }
    .product .upper-section::before { height: 150px; width: 100%; }
    .product .product-head { display: flex; flex-direction: column-reverse; }
    .product .product-head .headline { font-size: 200%; padding: 10px 0; }
    .product .product-head .caption-text { padding-left: 0; }
    .product .product-head img { width: 100%; }
    .product .about-textbox.down { margin: 30px auto; }
    .product .about-textbox h2 { font-size: 160%; padding-bottom: 10px; }
    .product .about-textbox ul li { font-size: 85%; }
    .product .gallery-section .gallery-cubes { justify-content: flex-end; }
    .product .gallery-section .gallery-cubes > div { width: 50%; padding: 3px; }
    .product .gallery-section .gallery-cubes .boxes-images-outer-image { height: 130px; }
    .product .download-section { flex-direction: column; padding-bottom: 40px; }
    .product .download-section > div:first-child { margin-bottom: 10px; }
    .product .download-section ul { margin-left: 0; }
}

/* Clients Page */
.clientsPage #GridPage { padding-top: 30px; }
.clientsPage #GridWrap, .clientsPage #galleryview { max-width: 1185px; width: 100%; }
.clientsPage #galleryview { margin: auto auto 80px; }
.clientsPage #subheadline { margin-bottom: 10px; }
.clientsPage #subheadline h2 { display: initial; font-size: 245%; font-family: 'NarkisBlockCondensedThin-Regular'; margin-bottom: 20px; }
.clientsPage #text1 { max-width: 850px; width: 90%; }
.clientsPage .gallery-cubes { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.clientsPage .gallery-cubes > div { width: fit-content; padding: 7px; }
.clientsPage .gallery-cubes .boxes-images-outer-image { background-color: #fff; width: 183px; height: 143px; }

@media (max-width: 1024px) {
    .clientsPage .gallery-cubes > div { width: 25%; }
    .clientsPage .gallery-cubes .boxes-images-outer-image { width: 100%; }
}

@media (max-width: 767px) {
    .clientsPage #GridPage { padding-top: 0px; }
    .clientsPage #galleryview { margin: auto auto 40px; }
    .clientsPage #subheadline h2 { font-size: 230%; }
    .clientsPage #subheadline h2::before, .clientsPage #subheadline h2::after { display: none; }
    .clientsPage #text1 { padding: 0 15px; width: 100%; }
    .clientsPage .gallery-cubes > div { width: 33.3%; padding: 4px; }
    .clientsPage .gallery-cubes .boxes-images-outer-image { width: 100%; max-height: 90px; }
}

/* About Page */
.about #pageview { max-width: 830px; margin: 0 auto; padding: 30px 0 90px; }
.about #pageview #text2, .about #pageview #text1 { text-align: right; }
.about h3 { line-height: 0.9; }

@media (max-width: 767px) {
    .about #pageview { padding: 0px 15px 60px; }
    .about #GridPage .max-width { width: 100%; }
}

/* Contact Page */
.contact #GridTop { height: 540px; }
.contact #GridTop .top-caption { top: 35%; }
.contact #GridPage { transform: translateY(-300px); margin-bottom: -255px; padding: 0; }
.contact #SiteGrid.layout-bottom #GridPromo { padding: 0; max-width: 1000px; margin-bottom: 0; display: flex; flex-direction: column-reverse; }
.contact #SiteGrid.layout-bottom #GridPromo #text1 { margin-bottom: 0; color: #fff; font-family: Teko-Light, 'NarkisBlockCondensedThin-Regular'; letter-spacing: 0.32px; }
.contact #DynamicFormObject .dynamicFormObjectTitleAndText, .contact .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.contact .form-container-wide #DynamicFormObject { background: #fff; padding: 55px 80px 35px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 50%; padding-right: 10px; padding-left: 10px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField input, .contact #DynamicFormObject .dynamicFormObjectField textarea,
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField select { color: #1e1e1e; border: 1px solid #1e1e1e; padding: 10px; margin-bottom: 25px; height: 50px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField input::placeholder,
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea::placeholder { color: #1e1e1e; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField textarea { height: 150px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { color: #1e1e1e; top: 25px; left: 15px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 20px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { background: #265c5c; border: 1px solid #265c5c; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { background: #265c5c; border: 1px solid #265c5c; color: #fff; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .btn-span { background: #265c5c; border: 1px solid #265c5c; color: #fff; }
.contact #DynamicFormObject .dynamicFormObjectField input:hover, .contact #DynamicFormObject .dynamicFormObjectField input:focus,
.contact #DynamicFormObject .dynamicFormObjectField textarea:hover, .contact #DynamicFormObject .dynamicFormObjectField textarea:focus { border: 1px solid #1e1e1e !important; }

@media (max-width: 767px) {
    .contact #GridTop { height: 340px; }
    .contact #GridTop .top-caption { top: 43%; }
    .contact #GridPage { transform: translateY(-160px); margin-bottom: -115px; }
    .contact #GridPage .max-width { width: 100%; }
    .contact #SiteGrid.layout-bottom #GridPromo { padding: 0 15px; }
    .contact .form-container-wide #DynamicFormObject { padding: 30px 10px 40px; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0 10px; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField input, .contact #DynamicFormObject .dynamicFormObjectField textarea, .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField select { margin-bottom: 15px; height: 40px; padding: 0px 10px; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField .select-wrapper:after { top: 20px; left: 15px; }
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 15px; }
}

/* Construction Page */
.construction { background: #fff; }
.construction #GridPage .max-width { width: 100%; }
.construction #pageview { max-width: 800px; margin: 10px auto 100px; width: 93%; }
.construction #pageview h2 { font-family: 'NarkisBlockCondensedThin-Regular'; font-size: 200%; margin-bottom: 5px; }
.construction #pageview #text1 { text-align: right; max-width: 100%; }
.construction #SiteFooter .footer-text-divided { background: #f4f1ec; }
.construction #pageview #text2 { max-width: 100%; }
.construction #pageview #text2 { display:none; }
.construction #pageview ul { padding-right: 0px; list-style: none; margin-top: 40px; }
.construction #pageview ul li { font-size: 95%; width: 450px; display: flex; justify-content: space-between; background: #f4f1ec; padding: 6px 10px; margin: 10px 0; }
.construction #pageview ul li a { color: #265c5c; text-decoration: underline from-font; }

@media (max-width: 767px) {
    .construction #pageview { margin: 10px auto 50px; }
    .construction #pageview ul li { width: 100%; }
}

/* Footer */
footer { padding: 0; }
#SiteFooter { padding: 0; position: relative; }
body:not(.home-page, .ourProducts, .construction) #SiteFooter .footer-text-divided { background: #fff; }
#SiteFooter .footer-text-divided { display: flex; padding: 45px 100px; position: relative; align-items: center; background: transparent; }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-right ul { list-style: none; }
#SiteFooter .footer-text-divided .footer-text-right ul li { font-size: 95%; }
#SiteFooter .footer-text-divided .footer-text-right ul li:not(:last-child) { padding-bottom: 15px; }
#SiteFooter .footer-text-divided .footer-text-left { width: fit-content; margin-right: auto; display: flex; flex-direction: column; padding: 0; align-items: center; }
#SiteFooter .footer-text-divided .footer-text-left p { font-size: 105%; padding: 5px 0; }
#SiteFooter .footer-text-divided .footer-text-left p a { padding: 0 2px; }
.site-credit.alternative.row { padding: 2px 0; }
#SiteFooter .footer-text-divided .footer-text-middle img { max-width: 186px; }

a.AccessabilityLink:hover { color: #fff;}

@media(max-width: 1024px) {
    #SiteFooter .footer-text-divided { padding: 45px 30px; }
}

@media(max-width: 767px) {
    #SiteFooter .footer-text-divided { padding: 45px 15px; flex-direction: column; }
    #SiteFooter .footer-text-divided .footer-text-left, .footer-text-divided > div.footer-text-right { display: flex; margin-right: unset; justify-content: center; }
    #SiteFooter .footer-text-divided .footer-text-right { display: none; }
    a.AccessabilityLink { margin: 0; }
}

/*Accessability Page*/
.accessabilityMainPage #accessability { max-width: 830px; margin: 0 auto; padding-bottom: 100px; }
.accessabilityMainPage #accessability .container-fluid { margin: 0; padding: 0; }
.accessabilityMainPage #accessability .container-fluid #text1 { max-width: 100%; }
.accessabilityMainPage #accessability #headline h1, .accessabilityMainPage #accessability .container-fluid #text1 h2 { font-family: 'NarkisBlockCondensedThin-Regular'; font-size: 170%; }
.accessabilityMainPage #accessability #text1 p, 
.accessabilityMainPage #accessability #text1 ul { font-family: "Teko-Light", 'NarkisBlockCondensedThin-Regular'; letter-spacing: 0.32px; }

@media(max-width: 1024px) {
    .accessabilityMainPage #GridPage { padding: 0; }
    .accessabilityMainPage #GridWrap.max-width { width: 100%; padding: 0 20px; }
    .accessabilityMainPage #accessability { padding-bottom: 70px; }
    .accessabilityMainPage #accessability #headline h1 { font-size: 120%; }
}

/* Thank You Page */
#FormResultPage { height: 60vh; display: flex; justify-content: center; align-items: center; }
#FormResultPage h1 { font-family: 'NarkisBlockCondensedThin-Regular'; font-size: 130%; }

@media(max-width: 1024px) {
    #FormResultPage { height: 45vh; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    p { font-size: 105%; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 330%; }
    .home-page .product-boxes .grid-boxes .grid-box .grid-box-title h3 { font-size: 125%; }
    .home-page .grid-rows .grid-row .grid-row-cell-text a.hvr-fade, .content-section-Btn .hvr-float,
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before,
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .btn-span { font-size: 115%; }
    #SiteFooter .footer-text-divided .footer-text-right ul li { font-size: 105%; }
    .home-page .project-boxes .grid-boxes .grid-box { width: 40%; }
}

/* UnZoom */
@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 .slider-bg.stellar-bg,
    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; }
}
