﻿/*zvulon*/



@media (min-width: 768px) {
    /*#home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: auto !important; top: 100px; padding-bottom: 46%; }*/
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) * var(--unZoom)) !important; }

    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh)) !important; }
   .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; }
}



body { color: #000; font-size: 20px; font-family: 'ploni-regular-aaa'; }
#GridTop:after { content: ''; background: #000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.4; }
.home-page #SiteGrid { overflow: hidden; padding: 0 120px; }
header.shopHeader #header2 ul.menu li > a:hover, #header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a { border-color: transparent; }

.contact-popup  .modal-body {padding-inline:40px;}

/*header*/
#header2 { background: #fff; }
#header2 #header-container { direction: ltr; }
#header2 .header-right-section { text-align: center; }
#header2 ul.menu li a { color: #000; font-family: 'ploni-medium-aaa-new'; }
#header2 ul.menu > li.active:before { content: ''; border-top: none; border-bottom: 2px solid #dcbd94; position: absolute; width: 100%; margin: 0; bottom: 0; }
#header2 ul.menu > li:before { display: none; }
#header2 ul.menu li:after { content: ''; position: absolute; width: 0%; height: 3px; bottom: 0; right: 0; background-color: #dcbd94; transition: 0.2s ease-in-out; }
#header2 ul.menu li.active:after,
#header2 ul.menu li:hover:after { width: 100%; }
#header2 .header-top-left a, #header2 ul.menu .social-links a { background: #000; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; margin-right: 10px; margin-left: 0; }

@media(min-width:1025px) {
    #header2 { padding: 36px 0; }
    #header2 #header-left { position: absolute; top: 0; right: 120px; display: flex; justify-content: flex-end; align-items: center; }
    #header2 ul.menu > li:hover:before, #header2 ul.menu > li:focus:before { opacity: 1; }
    #header2 ul.menu li { margin-left: 49px; }
    #header2 ul.menu li.last-item { margin-left: 0; }
    #header2 ul.menu { margin-bottom: 0px; }
    #header2 .header-top { padding: 0; }
    #header2.detailsInRow .header-top { position: absolute; left: 120px; top: 0; }
    #header2.detailsInRow .menu-nav { margin-top: 0; display: flex; justify-content: center; align-items: center; }
    #header2 .header-top-left { margin-left: 0; margin-right: 0; display: flex; }

}

@media(max-width:1024px) {
    #header2 ul.menu li:hover:after, #header2 ul.menu li.active:after { width: 50%; left: 50%; transform: translate(-50%); }
    .header-right-section { background: #fff; }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: #000; }
    #header2 #header-container { direction: rtl; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 ul.menu { position: fixed; height: 100%; width: 100%; padding-top: 100px; background: #fff; }
    #header2 ul.menu li a { font-size: 150%; }
    #header2 .max-width { max-width: 100%; width: 90%; }
    #header2 #header-left img { width: 200px; }
    #header2 .social-links { display: flex; justify-content: center; margin-left: 10px; }
    #header2 ul.menu li.social-mobile { margin-top: 60px; }

    .contact-popup .modal-body { padding-inline: 25px; }
}

@media(max-width:991px) {
    div#player-controls { display: block !important; }
    #header2 ul.menu { height: 100vh; width: 100vw; }
    button#unmute-player { display: none !important; }
    #player-controls span { display: none; }
    button#stop-player, button#play-player { padding-top: 10px; }
}

@media(max-width:767px) {
    .home-page #SiteGrid { padding: 0; }
    #header2 #header-left img { width: 160px; padding-left: 10px; }
    .header-right-section { padding-right: 1px; }
    #header2 ul.menu li:hover:after { display: none; }
    #header2 .max-width { max-width: 100%; width: 100%; }
}

/*home gallery*/
.scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down img { min-width: 38px; width: 38px; }
.TopVideo iframe { height: 60vw; width: 90vw; top: 0; }

@media(max-width:1440px) {
    /*.home-page #SiteGrid { overflow: hidden; padding: 0 70px; }*/
}

@media(min-width:1350px) {
    /*.TopVideo iframe { height: 100%; }
    .TopVideo iframe { height: 110vh; }*/
    #home-gallery .scroll-down { bottom: 5px; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25) {
    /*#home-gallery { height: calc(0.5*var(--vw) + 60px) !important; margin: 0; top: 84px; }*/
    /*body { zoom: 1; }*/
}

@media(max-width:1220px) {
    .TopVideo iframe { height: 60vw; width: 110vw; top: 20px; }
}

@media(max-width:1024px) {
    /*#home-gallery { margin-top: 30px; }*/
}

@media(max-width:767px) {
    #home-gallery { margin-top: 65px; }
    #home-gallery video { width: 100vw !important; height: inherit !important; top: 0; }
    .TopVideo { height: inherit !important; }
    #home-gallery { height: 133.5vw !important; }
    #home-gallery .scroll-down { bottom: 0; }
}

/*home page*/
.grid-row-text p { font-size: 82%; width: 460px; }
.grid-rows .grid-row-text h2 { font-family: 'ploni-medium-aaa-new'; font-size: 250%; line-height: 1; margin-bottom: 45px; background: #fff; position: relative; z-index: 1; width: auto; display: inline-block; padding-left: 50px; }
.grid-rows .grid-row-text p { border-right: 2px solid #000; padding-right: 20px; }
.grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button, .content-section-Btn, .aboutPage .grid-boxes .grid-box-subtitle a { width: auto; display: inline-flex; border: none; font-size: 82%; height: 45px; padding: 0 18px 0 50px; border-radius: 0; background-color: transparent; color: #000; position: relative; align-items: center; font-family: 'ploni-medium-aaa-new'; flex-direction: row; }
.grid-rows .grid-row-text a.grid-row-button { margin-top: 52px; margin-right: 10px; }
.grid-rows .grid-row-text a.grid-row-button:after, .content-section-Btn:after { content: ''; background: url(../../../warehouse/temp/Zvulun/button-arrow.svg); position: absolute; width: 32px; height: 22px; background-repeat: no-repeat; bottom: 5px; left: 10px; transition: 0.15s ease-in; }
.grid-rows .grid-row-text a.grid-row-button:before { content: ''; background: #debc91; position: absolute; width: 60px; height: 45px; z-index: -1; bottom: 0; right: 0; transition: 0.35s ease-in; }
.grid-rows .grid-row-text a.grid-row-button:hover:after, .content-section-Btn:hover:after { background: url(../../../warehouse/temp/Zvulun/button-arrow-small.svg); background-repeat: no-repeat; }
.grid-rows .grid-row-text a.grid-row-button:hover:before, .grid-row-section.lineOver .grid-rows .grid-row-text a.grid-row-button:hover:before { width: 100%; }
.grid-row-section.lineOver .grid-rows { max-width: 100%; margin-bottom: 100px; }
.grid-row-section.lineOver .grid-rows .grid-row { direction: ltr !important; }
.grid-row-section.lineOver .grid-rows .grid-row-text a.grid-row-button:before { }
.grid-row-section.lineOver .grid-rows .grid-row-text { position: unset; }
.grid-row-section.lineOver .grid-rows .grid-row-text:before { content: ''; position: absolute; top: 30px; height: 2px; background: #000; width: calc(37.5vw + 80px); right: 0; }
.grid-row-section.lineOver .grid-row-text a { margin-right: 22px; }
.section-title h2, .section-title h1, #lobbyview h2, h2.galleryHeadline { font-size: 250%; font-family: 'ploni-medium-aaa-new'; }
.section-title h2:before, h2.galleryHeadline:before { content: ''; display: inline-block; width: 106px; height: 2px; margin: 10px; background: #000; }
.section-title h2:after, #lobbyview h2:after, h2.galleryHeadline:after { content: ''; display: inline-block; width: 106px; height: 2px; margin: 10px; background: #000; }
.content-section-Btn { margin: 30px auto; text-align: left; }
.content-section-Btn:hover:before { width: 100%; }
.content-section-Btn:before { left: 100px; content: ''; background: #debc91; position: absolute; width: 60px; height: 45px; z-index: -1; bottom: 0; right: 0; transition: 0.35s ease-in; }
.home-page .grid-row-section { padding: 0; margin-bottom: 0; }
.home-page .content-section-Btn:hover:before, .home-page .content-section-Btn:focus:before { /* left: -40px; */ /* width: 188px; */ }
.home-page .section.grid-gallery-section.shown { margin-top: 100px; }
.home-page .section.grid-content-section:after { content: ''; background: #000; position: absolute; opacity: 0.7; z-index: -1; inset: 0; }
.home-page .content-section-Btn a:hover, .home-page .content-section-Btn a:focus { color: #000; }
.home-page .grid-row-section .grid-rows { max-width: 100%; margin: 100px auto 60px; }
.noLine .grid-rows .grid-row-text { width: 80%; }
.home-page .noLine .grid-rows { max-width: 1440px; }
.flex-control-nav { right: 20px; text-align: right; overflow: visible; font-size: 0; }
.flex-control-paging li a { background: #fff; overflow: visible; color: transparent; }
.flex-control-paging li a.flex-active { background: #e0bb8e; position: relative; }
.flex-control-paging li a.flex-active:after { content: ""; position: absolute; border: 2px solid #e0bb8e; top: -5px; left: -5px; right: -5px; bottom: -5px; border-radius: 100%; }
.flex-control-nav li { overflow: visible; margin: 0 10px; }
.flex-control-paging li a { width: 7px; height: 7px; }
.owl-carousel .owl-item .item { margin: 0 45px; padding: 0; }
.owl-carousel .photoTextWrapper:before, .projectInnerPage.contentInnerPage .owl-carousel .owl-item a.slide-bg-layer:before { content: ""; position: absolute; background-image: url(../../../warehouse/temp/Zvulun/beige-arrow-left.svg); background-repeat: no-repeat; background-size: contain; width: 33px; height: 22px; bottom: 5px; right: 120px; transition: 0.2s ease-in; }
.projectInnerPage.contentInnerPage .owl-carousel .owl-item a.slide-bg-layer:before { bottom: 12px; }
.projectInnerPage.contentInnerPage .owl-carousel .owl-item a.slide-bg-layer:hover:before { right: 140px; }
.owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/Zvulun/black-arrow-left.svg); width: 32px; height: 18px; background-size: cover; background-repeat: no-repeat; }
.owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/Zvulun/black-arrow-right.svg); width: 33px; height: 18px; background-size: cover; background-repeat: no-repeat; }
.owl-carousel .photoTextWrapper { background: transparent; color: #fff; position: relative; width: 100%; padding: 0; }
.owl-carousel .photoTextWrapper h3 { position: absolute; bottom: 10px; right: 17px; font-size: 115%; margin: 0; }

.home-page .owl-carousel .topImg:before { content: ""; position: absolute; background-image: url(../../../warehouse/temp/Zvulun/beige-arrow-left.svg); background-repeat: no-repeat; background-size: contain; width: 33px; height: 22px; bottom: 10px; right: 117px; transition: 0.2s ease-in; z-index: 1; }
.home-page .owl-carousel .topImg:hover:before { right: 137px; }

.owl-carousel .owl-item .item .plus-sign { display: none; }
.home-page .owl-item:not(.owl-item.center) { opacity: 0.8; }
.owl-carousel .photoTextWrapper:before { right: 220px; bottom: 10px; }
.home-page .owl-carousel .photoTextWrapper:before { right: 130px; display:none;}
.home-page .owl-carousel .photoTextWrapper:hover:before { right: 150px; }
.owl-carousel .photoTextWrapper:hover:before { right: 240px; }
.owl-carousel .owl-prev { left: 65.4%; }
.owl-carousel .owl-next { left: 32.8%; }
.owl-carousel .owl-nav div { font-size: 0; transition: 0.2s ease-in-out; }
.owl-carousel .owl-nav .owl-next:hover { transform: translate(-10px, -50%); }
.owl-carousel .owl-nav .owl-prev:hover { transform: translate(10px, -50%); }
.home-page .topImg:after { content: ''; position: absolute; background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,1) 100%); opacity: 0.85; width: 100%; left: 0; bottom: 0; right: 0; top: 0; pointer-events: none; }
.home-page .topImg { position: relative; }

@media(max-width:1441px) {
    .home-page .topImg:after { width: 90%; }
    .grid-row-section.lineOver .grid-rows .grid-row-text:before { width: calc(47.5vw + 80px); }
    .grid-row-section.lineOver .grid-rows .grid-row-text { width: 100%; }
}

@media(max-width:1320px) {
    .flex-control-nav { bottom: 40px; }
}

@media(max-width:1171px) {
    .grid-rows .grid-row-text { margin: auto; padding-bottom: 0; }
    .grid-boxes.row { width: 100%; margin: auto; max-width: 100%; }
    .lobby-grid #GridPage .max-width { width: 100%; padding: 0 20px; }
    .home-page .grid-row-section { top: 30px; }
}

@media(max-width:1025px) {
    .section-title h2, .section-title h1, #lobbyview h2 { font-size: 200%; }
    .grid-row-section.lineOver .grid-rows .grid-row-text:before { width: 170px; }
    .flex-control-nav { bottom: 0; }
    .owl-carousel .photoTextWrapper:before { left: 180px; bottom: 63px; }
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button, .content-section-Btn, .aboutPage .grid-boxes .grid-box-subtitle a { width: 160px; }
    .noLine .grid-rows .grid-row-text { width: 95%; }
    .grid-row-text p { width: 100%; }
    .owl-carousel .owl-next { left: 32%; }
}

@media(max-width:991px) {
    .section-title h2, .section-title h1, #lobbyview h2 { font-size: 190%; }
    .grid-row-text p { width: 360px; margin: auto; }
    .grid-row-section.lineOver .grid-rows .grid-row-text:before { width: 40%; }
    .flex-control-nav { bottom: 0; }
    .home-page .grid-boxes .grid-box-title h3 a { font-size: 300%; }
    .grid-rows .grid-row-text h2 { margin-bottom: 10px; }
    .owl-carousel .owl-prev { left: 95%; }
    .owl-carousel .owl-next { left: 0%; }
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button, .aboutPage .grid-boxes .grid-box-subtitle a { width: 170px; }
    .content-section-Btn { width: 220px; }
    .grid-rows .grid-row-text p { padding-left: 30px; }
}

@media(max-width:767px) {
    .home-page .topImg:after { width: 100%; left: 0; }
    .owl-carousel .owl-prev { left: 93%; }
    .home-page .section.grid-gallery-section.shown { margin-top: 50px; }
    .content-section-Btn { width: 30%; }
    .grid-rows .grid-row-text { width: 100%; }
    .home-page .grid-content-section .col-md-4:after { }
    .grid-row-section.lineOver .grid-rows .grid-row-text:before { width: 65%; display: none; }
    .grid-rows .grid-row-text h2 { }
    .grid-rows .grid-row-text p { font-size: 82%; padding: 0 3px; width: 100%; border: none; }
    .grid-row-section.lineOver .grid-rows { margin-bottom: 0; margin-top: 0; }
    .grid-row-text p { width: 320px; margin: auto; }
    .grid-row-section .grid-rows { max-width: 100%; margin: 100px auto 50px; }
    .home-page .grid-boxes .grid-box-title h3 a { font-size: 200%; }
    .grid-box-title { font-size: 150%; }
    .section-title { margin-bottom: 30px; }
    .section-title h2, .section-title h1, #lobbyview h2 { font-size: 130%; margin-top: 50px; }
    .section-title h2 { display: flex; align-items: flex-start; justify-content: center; }
    .section-title h2:before, .section-title h2:after { width: 60px; }
    .owl-carousel .photoTextWrapper h3 { font-size: 100%; bottom: 10px; right: 10px; margin: 0; }
    .owl-carousel .photoTextWrapper:before { bottom: 20px; left: 110px; }
    .flex-control-nav { bottom: 10px; right: 30px; }
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button { width: 200px; margin-top: 30px; margin-bottom: 30px; margin-right: 0; }
    .grid-box-title { font-size: 100%; }
    .content-section-Btn { width: 70%; }
    .grid-rows .grid-row-text h2 { margin-top: 20px; font-size: 125%; }
    .lineOver .grid-rows .slides { width: 90%; margin: auto; }
    .grid-rows .grid-row-text a.grid-row-button:after { left: 50px; }
    .content-section-Btn:after { left: 80px; }
    .content-section-Btn:hover:before { width: 75%; }
    .home-page .grid-row-text { padding: 0px 20px; }
    .grid-rows .grid-row-text a.grid-row-button:hover:before, .grid-row-section.lineOver .grid-rows .grid-row-text a.grid-row-button:hover:before { width: 80%; }
    .owl-carousel .photoTextWrapper:hover:before { right: 220px; }
    .owl-carousel .owl-prev:after { width: 23px; height: 19px; background-size: contain; }
    .owl-carousel .owl-next:after { width: 23px; height: 19px; background-size: contain; }
    .home-page .grid-gallery-section .topImg { position: relative; padding-top: 100%; }
    .home-page .grid-gallery-section .owl-carousel .owl-item img { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%, -50%); }
    .owl-carousel .owl-item .item { padding: 0 10%; margin: 0; }
}


@media(max-width:375px) {
    .section-title h2:after, #lobbyview h2:after, h2.galleryHeadline:after { width: 90px; margin-bottom: 7px; }
    .section-title h2:before, .section-title h2:after { width: 60px; margin-bottom: 6px; /* margin-right: 2px; */ }
    .content-section-Btn { width: 90%; }
}


.sections .homeAdvantageSection { margin: 0; padding: 0; position: relative; max-width: 100%; padding: 90px 0; }
.homeAdvantageSection .grid-boxes { margin: auto; text-align: center; max-width: 1041px; display: flex; flex-wrap: wrap; }
.homeAdvantageSection .section-animation-item { width: calc(33.33% - 30px); padding: 0; display: block; margin: 0 15px; border-left: 3px solid #ddbb90; border-right: 3px solid #ddbb90; border-top: 3px solid #ddbb90; }
.homeAdvantageSection .grid-box:after,
.homeAdvantageSection .grid-box:before { content: ''; position: absolute; width: 45px; height: 3px; background-color: #dbbb92; bottom: 0; }
.homeAdvantageSection .grid-box:after { left: 0; }
.homeAdvantageSection .grid-box:before { right: 0; }
.homeAdvantageSection .grid-boxes .grid-box-subtitle { color: #fff; font-size: 150%; position: absolute; bottom: -21px; left: 0; right: 0; }
.homeAdvantageSection:before { content: ''; background-image: url(../../../warehouse/temp/Zvulun/contact-pic.jpg); position: absolute; z-index: -2; inset: 0; }
.homeAdvantageSection .grid-boxes .grid-box-image { display: none; }
.homeAdvantageSection .grid-box-title h3 a { font-size: 382%; color: #fff; font-family: ploni-medium-aaa-new; }


@media(max-width:1025px) {
    .homeAdvantageSection .section-animation-item { width: 30%; margin: auto; }
}

@media(max-width:991px) {
    .homeAdvantageSection .section-animation-item { width: 30%; margin: auto; }
    .homeAdvantageSection .grid-boxes .grid-box-subtitle { font-size: 125%; bottom: -16px; }
    .homeAdvantageSection .grid-box:after,
    .homeAdvantageSection .grid-box:before { width: 19px; }
}

@media(max-width:767px) {
    .sections .homeAdvantageSection { padding: 35px 15px; }
    .homeAdvantageSection .grid-boxes { max-width: 250px; }
    .homeAdvantageSection .section-animation-item { width: 100%; margin-bottom: 35px; }
    .homeAdvantageSection .section-animation-item.lastItem { margin-bottom: 0; }
}

/*footer*/
.FooterForm.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; max-width: 100%; width: 100%; padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; max-width: 1320px; margin: auto; padding-top: 20px; padding-right: 0; }
.FooterForm.form-container-wide { width: 100%; background: #000; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 18%; padding: 0 0 0 37px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; max-width: 1350px; margin: auto; }
.normal-form select:focus, .internal-form textarea:focus, .internal-form textarea:focus { border-color: #fff; }
.normal-form input:focus { border: 1px solid #fff !important; }
#DynamicFormObject input[type="submit"] { border: none; width: 100%; height: 45px; background-color: #e0bb8e; color: #000; border-radius: 0; text-align: center; font-size: 82%; font-family: 'ploni-medium-aaa-new'; font-weight: bold; }
#DynamicFormObject input[type="submit"]:hover, #DynamicFormObject input[type="submit"]:focus { background: #dcbd94; border: none; color: #000; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 24px; color: #e0bb8e; text-align: right; }
.normal-form select, .normal-form input { color: #fff; border-color: #fff; height: 45px; border-radius: 0; font-size: 82%; margin: 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 13.6%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 25px; }
option { color: #000; }
#SiteFooter { background: #000; color: white; }
#SiteFooter li > a img { filter: invert(1); }
.footerFormContainer { height: 145px; background-image: url(../../../warehouse/temp/Zvulun/contact-pic.jpg); position: relative; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before, .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { transition: 0.15s ease-in; content: ''; background: url(../../../warehouse/temp/Zvulun/arrow-button-black.svg); position: absolute; width: 32px; height: 9px; background-repeat: no-repeat; bottom: 17px; left: 42px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 35px; }
.footerFormContainer:before { content: ''; position: absolute; background-color: #000; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0.55; }
.footer-text-divided li a:hover, .footer-text-divided li a:focus { color: #dcbd94; }
.footerFormContainer input::placeholder { color: #fff; }
.footer-text-left li { margin-bottom: 10px; }
.footer-text-divided > .footer-text-right { width: 25%; display: flex; justify-content: flex-end; }
.footer-text-divided > div.footer-text-middle { width: 50%; }
.footer-text-divided > div.footer-text-left { text-align: right; width: 25%; }
.footer-text-divided ul { list-style: none; }
.footer-text-divided { max-width: 100%; margin: auto; display: flex; justify-content: space-evenly; align-items: center; height: 272px; padding: 40px 0 30px; width: 90%; }
#SiteFooter .footer-text-middle img { width: 60%; }
.footer-text-divided ul { padding: 0; }
.must:before { right: 5px; color: #fff; }
.select-wrapper:after { top: 24px; content: ''; background-image: url(../../../warehouse/temp/Zvulun/arrow-dropdown-white.svg); width: 14px; height: 10px; background-repeat: no-repeat; left: 60px; }
a.AccessabilityLink:hover { color: white; }
.footer-text-right ul li { /* width: 20%; */ margin-bottom: 7px; }
.footer-text-right ul { display: flex; flex-direction: column; width: 170px; }
#SiteFooter li img { margin-left: 10px; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper { position: relative; }

#SiteFooter li > a:hover img { opacity: 0; }
#SiteFooter .footer-text-left li:last-of-type a:before { content: ''; height: 24px; width: 24px; position: absolute; right: 0; top: 0; opacity: 0; background-size: contain; background-repeat: no-repeat; display: block; }
#SiteFooter li > a { position: relative; }
#SiteFooter .footer-text-left li a:hover:before { opacity: 1; }
#SiteFooter .footer-text-left li:last-of-type a:first-of-type:before { background: url(../../../warehouse/temp/Zvulun/youtube-h.svg); }
#SiteFooter .footer-text-left li:last-of-type a:last-of-type:before { background: url(../../../warehouse/temp/Zvulun/facebook-h.svg); }
#SiteFooter .footer-text-left li:last-of-type a:nth-of-type(2):before { background: url(../../../warehouse/temp/Zvulun/instagram-h.svg); }

@media(max-width:1171px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 100%; width: 95%; margin: auto; padding: 20px 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { max-width: 100%; width: 95%; padding: 0; }
    .footer-text-divided { width: 95%; font-size: 82%; }
    .footer-text-divided > .footer-text-right { width: 20%; }
    #SiteFooter .footer-text-middle img { width: 80%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 60px; }
    .must:before { right: 0; }
}

@media(max-width:1024px) {
    .footer-text-right ul { width: 60%; }
    .footer-text-divided > div.footer-text-left { width: 30%; }
    .footer-text-divided > .footer-text-right { width: 15%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { max-width: 95%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 40px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 50px; }
}

@media(max-width:990px) {
    .footer-text-divided > div.footer-text-middle { width: 40%; }
    #SiteFooter .footer-text-middle img { width: 100%; }
    .footer-text-divided > div.footer-text-left { width: 37%; }
    .footer-text-divided { width: 100%; }
    .footer-text-divided > .footer-text-right { width: 26%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 20%; }
    #DynamicFormObject .must:before { right: 3px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 30px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 20px; }
}

@media(max-width:767px) {
    .footer-text-right ul { width: 80px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding-left: 6px; padding-right: 2px; }
    #DynamicFormObject input[type="submit"] { width: 100%; }
    .footerFormContainer { height: 100%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 7px; }
    .footer-text-divided { display: flex; flex-direction: column; height: auto; padding: 10px 0; }
    #SiteFooter .footer-text-middle img { margin: 0; }
    .site-credit.alternative { padding: 5px; }
    #SiteFooter { padding-bottom: 0; margin-top: 0; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 120px; bottom: 34px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 100px; }
    .footer-text-right ul { align-items: flex-start; }
    .grid-row-section .grid-rows { margin: 50px auto 25px; width: 100%; }
    .footer-text-divided > div.footer-text-middle { width: 100%; margin: 20px 0; order: 1; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { width: 100%; justify-content: flex-start; padding: 0 20px; display: flex; order: 2; }
    .footer-text-divided ul { width: unset; }
    .footer-text-divided > div.footer-text-left { width: 100%; }
    #SiteFooter .footer-text-left li:last-of-type a:before { top: -2px; }
    .select-wrapper:after { left: 20px; }
}

@media(max-width:425px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding-left: 2px; padding-right: 0; margin-top: 15px; }
}
/*inner pages*/

/*about page*/
section#GridPage { padding-top: 0; }
.top-caption h1 { font-size: 86%; }
.aboutPage #lobbyText p { font-size: 82%; text-align: right; }
.aboutPage #lobbyText { max-width: 900px; margin-top: 67px; }
.aboutPage #lobbyText p:last-child { margin-bottom: 101px; }
.aboutPage #lobbyview h2 { text-align: right; }
.aboutPage .grid-row-section .grid-rows { margin: 80px; }
.aboutPage .grid-text-section, .aboutPage .grid-content-section { max-width: 900px; margin: auto; padding: 0 0 20px; }
.aboutPage .grid-boxes .grid-box-title h3 a { font-size: 120%; }
.aboutPage .grid-boxes .grid-box-subtitle { font-size: 110%; }
.aboutPage .grid-text-section p { font-size: 82%; }
.aboutPage .grid-boxes .grid-box-subtitle a:before { content: ''; background: #debc91; position: absolute; width: 51px; height: 34px; z-index: -1; bottom: 5px; right: -5px; transition: 0.2s ease-in-out; }
.aboutPage .grid-boxes .grid-box-subtitle a:after { content: ''; transition: .2s all ease-in-out; background: url(../../../warehouse/temp/Zvulun/button-arrow.svg); position: absolute; width: 32px; height: 22px; background-repeat: no-repeat; bottom: 5px; left: -30px; }
.aboutPage .grid-boxes .grid-box-subtitle a:hover:after { background: url(../../../warehouse/temp/Zvulun/button-arrow-small.svg); background-repeat: no-repeat; }
.aboutPage .grid-boxes .grid-box-subtitle a:hover:before { width: 140px; }
.aboutPage .grid-boxes .lastItem .grid-box-subtitle a:hover:before { width: 90px; }
.aboutPage .grid-boxes .grid-box-subtitle a { padding: 0; }
.aboutPage .grid-content-section { margin-top: 0; padding: 0; }
.aboutPage .grid-row-section { max-width: 1440px; margin: auto; padding: 0; }
.aboutPage .grid-content-section.pictures .grid-boxes .grid-box-image { padding-bottom: 110%; }
.aboutPage .grid-content-section.pictures .grid-box-title { position: absolute; bottom: 60px; right: 40px; }
.aboutPage .grid-content-section.pictures .grid-box-subtitle { position: absolute; bottom: 30px; right: 40px; }
.aboutPage .grid-content-section.pictures .grid-box-title h3 a { color: #fff; font-family: 'ploni-medium-aaa-new'; font-size: 115%; }
.aboutPage .grid-content-section.pictures .grid-box-subtitle { position: absolute; bottom: 30px; right: 40px; }
.aboutPage .grid-content-section.pictures .grid-box-subtitle span { font-size: 75%; color: #fff; }
.aboutPage .grid-boxes .box-image-animation:hover img { transform: none; }
.aboutPage .section-title h2 { margin-top: 45px; }
.aboutPage .grid-content-section.globas { max-width: 1140px; }
.aboutPage .grid-content-section.globas .grid-boxes .grid-box-image { padding-bottom: 60%; }
.aboutPage #LobbyModule .grid-content-section.globas .grid-box { border: 1px solid #000; width: 21.1%; padding: 0; margin: 20px; }
.aboutPage #LobbyModule .grid-content-section.globas .grid-boxes { max-width: 100%; }
.aboutPage .grid-content-section.globas { max-width: 1140px; }
.aboutPage .grid-content-section.globas .grid-boxes .grid-box-image { padding-bottom: 87.8%; }
.aboutPage .grid-content-section.globas .grid-boxes .box-image-animation img { width: 185px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.aboutPage .grid-content-section.globas .grid-boxes .grid-box-subtitle { text-align: right; margin-right: 35px; font-size: 100%; margin-top: -10px; margin-bottom: 25px; }
.aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { content: ''; position: absolute; height: 375px; width: 3px; background: #fff; right: 20px; z-index: 3; }
.aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:after { content: ''; position: absolute; height: 3px; width: 360px; background: #fff; right: 0; bottom: 86px; z-index: 2; }
.aboutPage .image-section-data img { margin-top: 0 !important; }
.aboutPage .image-section-data { height: auto; }
.aboutPage .grid-image-section { height: auto; }
.aboutPage .image-section-data:before { content: ''; opacity: 0.5; background: #000; top: 0; left: 0; position: absolute; z-index: 1; width: 100%; height: 100%; }
.aboutPage .image-section-data:after { content: ''; background-image: url(../../../warehouse/temp/Zvulun/wide-banner-logo.svg); position: absolute; width: 877px; height: 192px; top: 50%; left: 50%; background-size: cover; z-index: 2; transform: translate(-50%,-50%); }
.aboutPage .grid-row li.slider-item { padding-bottom: 50%; }
.aboutPage .pictures .grid-box-image-container:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom, transparent 70%, #000000b0 100%); pointer-events: none; }

@media(max-width:1170px) {
    .aboutPage .grid-row-section { max-width: 100%; }
    .aboutPage .noLine .box-image-animation img { margin-top: 50px; }
    .aboutPage .noLine .grid-rows .grid-row-text { width: 100%; }
}

@media(max-width:1024px) {
    .aboutPage .grid-row-section .grid-rows { margin: auto; }
    .aboutPage .grid-boxes .grid-box-subtitle a:after { width: 21px; left: -10px; }
    .aboutPage .grid-boxes .grid-box-subtitle a:hover:before { width: 170px; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 360px; }
}

@media(max-width:990px) {
    .aboutPage #lobbyText { max-width: 100%; }
    .aboutPage .image-section-data:after { width: 647px; height: 112px; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 290px; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:after { width: 80%; }
    .aboutPage #LobbyModule .grid-content-section.globas .grid-box { margin: 10px; width: 30%; }
    .aboutPage .grid-boxes .grid-box-subtitle a:after { width: 40px; }
    .aboutPage .grid-boxes .grid-box-subtitle a:hover:before { width: 200px; }
    .aboutPage .grid-boxes .lastItem .grid-box-subtitle a:hover:before { width: 200px; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 74.6%; }
}

@media(max-width:767px) {
    .aboutPage .image-section-data { height: 250px; }
    .aboutPage .image-section-data:after { width: 260px; height: 50px; }
    .aboutPage .section-title { margin: 0; }
    .top-caption h1 { font-size: 100%; }
    .aboutPage .section-title h2 { font-size: 119%; }
    .aboutPage #LobbyModule .grid-content-section.globas .grid-box { width: 70%; margin: 10px auto; }
    .aboutPage .grid-content-section.globas .grid-boxes .grid-box-subtitle { margin-right: 0; text-align: center; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 77%; }
}

@media(max-width:400px) {
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 75%; }
}

@media(max-width:375px) {
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 74%; }
}

@media(max-width:320px) {
    .aboutPage .grid-content-section.globas .grid-boxes .grid-box-image { padding-bottom: 50%; }
    .aboutPage .image-section-data:after { width: 250px; height: 40px; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:before { height: 200px; }
    .aboutPage .grid-content-section.pictures .grid-boxes .box-image-animation:after { width: 210px; }
    .aboutPage #lobbyview h2 { font-size: 130%; }
    .aboutPage .noLine .grid-rows .grid-row-text { width: 100%; }
    .aboutPage .grid-text-section .section-animation-item { width: 100%; }
    .aboutPage .grid-rows .grid-row-text p { font-size: 82%; width: 100%; }
    .aboutPage #LobbyModule .grid-content-section.globas .grid-box { width: 100%; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 40px; }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 90px; }
    .normal-form select { width: 100%; }
}

/*project and inner project*/

.projectPage .sections .grid-content-section { margin: 0; max-width: 100%; padding: 0; width: 100%; }
.projectPage #lobbyview { display: none; }
.projectPage #GridTop:after { display: none; }
.projectPage #lobbyview .grid-boxes, .projectPage #LobbyModule .grid-boxes { padding: 0; max-width: 100%; margin: 0; }
.projectPage #lobbyview .grid-box, .projectPage #LobbyModule .grid-box { padding: 0; position: relative; margin-bottom: 0; }
.projectPage .grid-boxes .box-image-animation:hover:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; opacity: 0.5; }
.projectPage .grid-boxes .box-image-animation:hover img { transform: none; }
.projectPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 100%; margin-bottom: 0; }
.projectPage .grid-box-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; }
.projectPage .grid-boxes .grid-box-title h3 a { font-size: 227.3%; color: #fff; border-bottom: 3px solid #fff; }
.projectPage footer { padding: 0; }
.projectPage .FooterForm.form-container-wide { display: none; }
.projectPage #GridContent { margin-top: -20px; }

.projectPage #LobbyModule .grid-box { animation-delay: 2.5s !important; /*animation-duration: 1.25s;*/ }
.projectPage .sections .grid-content-section { background-color: #464545; }
.projectPage .sections .grid-content-section::before,
.projectPage .sections .grid-content-section::after { content: ''; position: absolute; left: 50%; height: 0%; width: 3px; background-color: #fff; z-index: 1; transition: 2s ease; }
.projectPage .sections .grid-content-section::before { top: 0; }
.projectPage .sections .grid-content-section::after { bottom: 0; }
.projectPage #lobbyview.shown + .sections .grid-content-section::before,
.projectPage #lobbyview.shown + .sections .grid-content-section::after { height: 50%; }
.projectPage #LobbyModule .grid-boxes .grid-box.animation-end .grid-box-title h3 { opacity: 1; transform: translateY(0); }

.projectInnerPage .categories-strip { background: transparent; margin-top: -30px; }
.projectInnerPage .categories-strip ul li { background: #debc91; font-size: 99%; color: #000; margin-right: 10px; }
.projectInnerPage .categories-strip ul li:first-child { display: none; }
.projectInnerPage .categories-strip ul li.active { background: #000; color: #fff; }
.projectInnerPage .categories-strip ul li:hover { background: #000; color: #fff; }
.grid-short-box { height: 100%; }
.projectInnerPage .col-md-4:nth-child(2), .projectInnerPage .col-md-4:nth-child(3),
.projectInnerPage .col-md-4:nth-child(6), .projectInnerPage .col-md-4:nth-child(7),
.projectInnerPage .col-md-4:nth-child(10), .projectInnerPage .col-md-4:nth-child(11),
.projectInnerPage .col-md-4:nth-child(14), .projectInnerPage .col-md-4:nth-child(15),
.projectInnerPage .col-md-4:nth-child(18), .projectInnerPage .col-md-4:nth-child(19) { width: 60%; height: 455px; }

.projectInnerPage .col-md-4:nth-child(1), .projectInnerPage .col-md-4:nth-child(4),
.projectInnerPage .col-md-4:nth-child(5), .projectInnerPage .col-md-4:nth-child(8),
.projectInnerPage .col-md-4:nth-child(9), .projectInnerPage .col-md-4:nth-child(12),
.projectInnerPage .col-md-4:nth-child(13), .projectInnerPage .col-md-4:nth-child(16), .projectInnerPage .col-md-4:nth-child(17) { width: 40%; height: 455px; }

.projectInnerPage .col-md-4:last-child { /* width: 100%; */ }


#ContentGridShortModule .grid-short-box-image a { height: 435px; overflow: hidden; }
.projectInnerPage .grid-short-box-image .grid-short-box-fulltext { bottom: 5px; top: auto; transform: none; left: auto; right: 15px; color: white; z-index: 2; width: auto; }
.projectInnerPage .grid-short-box-subtitle { display: none; }
.projectInnerPage .owl-carousel .owl-item .item { padding: 0px; }
.projectInnerPage .grid-short-box-image .grid-short-box-fulltext:hover { color: white; }
.projectInnerPage .categories-strip ul li.active { background: #000; }
.projectInnerPage .grid-short-box-fulltext:before { content: ''; background: url(../../../warehouse/temp/Zvulun/beige-arrow-left.svg); position: absolute; width: 32px; height: 22px; background-repeat: no-repeat; bottom: 3px; z-index: 1; right: 105px; transition: .2s all ease-in-out; }
.projectInnerPage .grid-short-box:hover .grid-short-box-fulltext:before { right: 125px; }
.projectInnerPage .grid-short-box-image .grid-short-box-fulltext .grid-short-box-label { text-align: right; }
.projectInnerPage #ContentGridShortModule .grid-short-box-image a:after { content: ''; background: #000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.2; pointer-events: none; }
.projectInnerPage .top-caption-subtitle { font-size: 25px; text-align: center; }
.projectInnerPage #gridshort-view { margin-top: 50px; }
.projectInnerPage #GridTop { z-index: -3; }
.projectInnerPage .grid-short-box-image { padding-bottom: 100%; }
.projectInnerPage .grid-short-box-image img { width: 100%; transition: 0.3s ease-in; }
#ContentGridShortModule .grid-short-box-image:hover a img { transform: translate(-50%, -50%) scale(1.2); }
.projectPage #LobbyModule .grid-boxes { display: flex; flex-wrap: wrap; }
.projectPage #LobbyModule .grid-box { margin: 0; }
body:not(.home-page) .FooterForm.form-container-wide { display: none; }
.projectInnerPage.contentInnerPage .topImg h3 { font-size: 115%; color: #fff; position: absolute; bottom: 10px; right: 12px; margin: 0; }

@media(min-width:768px){
    .projectPage #LobbyModule .grid-boxes .grid-box-title h3 { transform: translateY(100%); opacity: 0; /*transition-delay: 0.3s;*/ transition-duration: 1s; transition-property: opacity, transform; transition-timing-function: ease-in-out; }
}

@media(max-width:1025px) {
    .projectPage #LobbyModule .grid-box:before { height: 43%; }
}

@media(max-width:991px) {
    .projectPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 111%; }
    .projectPage #SiteGridContainer { min-height: auto; }
    .projectInnerPage .grid-short-box-image .grid-short-box-fulltext { bottom: 10px; left: 60%; }
    .projectInnerPage .col-md-4 { padding: 0 6px; }
}

@media(max-width:767px) {
    .projectPage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: calc(50vh - 33px); }

    .projectPage #LobbyModule .grid-boxes .grid-box-title h3 { opacity: 0; /*transition-delay: 0.3s; transition-duration: 1s; transition-property: opacity, transform; transition-timing-function: ease-in-out;*/ animation: 3s title 2s; }
    .projectPage .sections .grid-content-section::before, .projectPage .sections .grid-content-section::after { top: 50%; left: 0; position: absolute; width: 0%; height: 4px; transition: 3.5s ease; }
    .projectPage #lobbyview.shown + .sections .grid-content-section::before, .projectPage #lobbyview.shown + .sections .grid-content-section::after { height: 4px; width: 100%; }
    .projectPage .sections .grid-content-section::before { right: 0; }
    .projectPage .sections .grid-content-section::after { left: 0; }
    .projectPage .lobby-grid #GridPage .max-width { padding: 0; }
    .projectPage #LobbyModule .grid-box { opacity: 0 !important; }
    .projectPage #lobbyview.shown + .sections .grid-box { opacity: 1 !important; }
    .projectInnerPage #SiteContainer { overflow: hidden; }
    .projectPage #LobbyModule .grid-box:first-child:after { display: none; }
    .projectPage #LobbyModule .grid-box:first-child:before { display: none; }
    .projectPage #LobbyModule .grid-box:nth-child(2):before { display: none; }
    .projectPage #LobbyModule .grid-box:nth-child(2):after { display: none; }
    .projectInnerPage .categories-strip { margin-top: -10px; background: #e0bb8e; }
    .projectInnerPage .categories-strip ul li:first-child { display: block; padding: 15px 0; }
    .projectInnerPage .col-md-4 { width: 100%; }
    .projectInnerPage .grid-short-box-image { padding-bottom: 320%; }

    .projectInnerPage .col-md-4:nth-child(1), .projectInnerPage .col-md-4:nth-child(4),
    .projectInnerPage .col-md-4:nth-child(5), .projectInnerPage .col-md-4:nth-child(8),
    .projectInnerPage .col-md-4:nth-child(9), .projectInnerPage .col-md-4:nth-child(12),
    .projectInnerPage .col-md-4:nth-child(13), .projectInnerPage .col-md-4:nth-child(16), .projectInnerPage .col-md-4:nth-child(17) { width: 100%; }

    .projectInnerPage .col-md-4:nth-child(2), .projectInnerPage .col-md-4:nth-child(3),
    .projectInnerPage .col-md-4:nth-child(6), .projectInnerPage .col-md-4:nth-child(7),
    .projectInnerPage .col-md-4:nth-child(10), .projectInnerPage .col-md-4:nth-child(11),
    .projectInnerPage .col-md-4:nth-child(14), .projectInnerPage .col-md-4:nth-child(15),
    .projectInnerPage .col-md-4:nth-child(18), .projectInnerPage .col-md-4:nth-child(19) { width: 100%; }

    .projectInnerPage .grid-short-box:before { bottom: 35px; }
    #GridTop.noTopImage.longer { height: 80px; }
    .projectPage #SiteFooter { margin-top: 0; }
    .projectPage .grid-boxes .grid-box-title h3 a { font-size: 180%; }
    .projectInnerPage .mobile-strip { padding: 0; }
    .projectInnerPage .mobile-strip span { color: #000; }
    .projectInnerPage .mobile-strip .select-wrapper { background: #000; padding: 0; }
    .mobile-strip:after { content: ''; filter: brightness(0); background-image: url(../../../warehouse/temp/Zvulun/arrow-dropdown-white.svg); width: 22px; height: 14px; background-repeat: no-repeat; background-size: contain; top: 25px; }
}

@media(max-width:425px) {
    .projectInnerPage .grid-short-box-image { padding-bottom: 130%; }
    .projectInnerPage .grid-short-box-image .grid-short-box-fulltext { width: 40%; }
    .projectInnerPage .grid-short-box-image img { width: auto; }
}

@media(max-width:320px) {
    .projectInnerPage .grid-short-box-image { padding-bottom: 158%; }
    .projectInnerPage .grid-short-box-image .grid-short-box-fulltext { left: 50%; width: 50%; }
}


/*concrete*/
.concretePage .flex-control-nav { right: auto; left: 20px; text-align: left; direction: ltr; }
.concretePage #LobbyModule .grid-content-section.examples .grid-boxes .grid-box-image { padding-bottom: 100%; margin: 0; }
.concretePage .grid-content-section.examples .grid-box-title { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%); width: 100%; }
.concretePage .grid-content-section.examples .grid-boxes .grid-box-title h3 a { color: #fff; font-size: 80%; width: 100%; }
.concretePage .grid-content-section { max-width: 1100px; padding-top: 0; margin-bottom: 30px; }
.concretePage .expoConcrete .grid-boxes .grid-box-image { padding-bottom: 62%; }
.concretePage .grid-boxes .box-image-animation:hover img { transform: none; }
.concretePage .expoConcrete .grid-boxes .box-image-animation img, .concretePage .disadvantage .grid-boxes .box-image-animation img { width: 144px; }
.expoConcrete .grid-boxes, .disadvantage .grid-boxes { display: flex; justify-content: flex-end; flex-direction: row; align-content: center; align-items: flex-start; }
.concretePage #LobbyModule .expoConcrete .grid-box, .concretePage #LobbyModule .disadvantage .grid-box { display: flex; flex-direction: column; }
.concretePage .expoConcrete .grid-boxes .grid-box-title h3 a, .concretePage .disadvantage .grid-boxes .grid-box-title h3 a { color: #000; font-size: 30px; text-align: right; }
.expoConcrete .grid-box-title, .disadvantage .grid-box-title { min-height: 60px; }
.concretePage #LobbyModule .disadvantage .grid-boxes .grid-box-image { padding-bottom: 60%; margin-bottom: 0; min-height: 160px; }
.concretePage #LobbyModule .disadvantage .grid-box { width: 30%; margin: auto; padding: 0; margin: 0 auto; }
.concretePage .noLine { max-width: 100%; width: 100%; }
.concretePage .grid-row-section { padding-top: 95px; margin-bottom: 100px; }
.concretePage .expoConcrete .grid-boxes .box-image-animation, .concretePage .disadvantage .grid-boxes .box-image-animation { display: flex; align-items: center; justify-content: center; align-content: center; }
.concretePage #LobbyModule .grid-content-section.disadvantage .grid-boxes { max-width: 830px; }
#lobbyview .grid-boxes .grid-box-title h3, #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 100%; }
.concretePage #LobbyModule .grid-box { padding: 0 9px; }
.concretePage #LobbyModule .grid-content-section.examples .grid-boxes .grid-box-image:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(to bottom, transparent 60%, #000000b0 100%); pointer-events: none; }
.concretePage .FooterForm.form-container-wide { display: none; }

@media(max-width:1025px) {
    .concretePage .expoConcrete .grid-boxes .grid-box-image { padding-bottom: 76%; }
}

@media(max-width:991px) {
    .concretePage #LobbyModule .examples .grid-boxes .grid-box { width: 25%; }
    .concretePage .expoConcrete .grid-boxes .grid-box-image { padding-bottom: 90%; }
}

@media(max-width:767px) {
    .concretePage #LobbyModule .disadvantage .grid-box.lastItem { margin: auto; }
    .concretePage .grid-row-section { padding-top: 0; margin-bottom: 0; width: 100%; margin: auto; }
    .grid-row-section .grid-rows { margin: 50px auto 25px; width: 100%; }
    .home-page .grid-row-section .grid-rows { margin-top: 50px; }
    .concretePage #LobbyModule .examples .grid-boxes .grid-box { width: 50%; padding: 4px; }
    .expoConcrete .grid-boxes, .disadvantage .grid-boxes { align-items: center; flex-wrap: wrap; }
    .concretePage #LobbyModule .expoConcrete .grid-box, .concretePage #LobbyModule .disadvantage .grid-box { width: 50%; }
    .concretePage .section-title { margin-bottom: 10px; }
    .expoConcrete .grid-box-title, .disadvantage .grid-box-title { min-height: 80px; }
    .concretePage .expoConcrete .grid-boxes .grid-box-title h3 a, .concretePage .disadvantage .grid-boxes .grid-box-title h3 a { font-size: 100%; }
    .concretePage .grid-content-section { padding: 0; }
    .concretePage .lobby-grid #GridPage .max-width { margin: 30px auto 0; }
    .concretePage .noLine .grid-row .grid-row-cell { width: 100%; margin: auto; }
    .concretePage #LobbyModule .grid-content-section.disadvantage .grid-boxes { max-width: 100%; width: 97%; margin: auto; }
    .concretePage .noLine .grid-row { overflow: hidden; }
    .concretePage #SiteFooter { margin-top: 0; }
    .concretePage .expoConcrete .grid-boxes .box-image-animation img, .concretePage .disadvantage .grid-boxes .box-image-animation img { width: 130px; }
}

@media(max-width:325px) {
    .concretePage .expoConcrete .grid-boxes .box-image-animation img, .concretePage .disadvantage .grid-boxes .box-image-animation img { width: 100px; }
}

/*jobs*/

.faq-headline { background-color: #f9f9f9; border-bottom: 2px solid #000; font-size: 150%; }
.faq-headline.open { background-color: #f9f9f9; }
.faq-body { background: #fff; }
.faq-body li { font-size: 17px; }
.faq-body ul { padding-right: 20px; }
.faq-body p { font-size: 82%; }
.faq-body a { font-weight: bold; text-decoration: underline; position: relative; }
.faq-body a:after { content: ''; background: url(../../../warehouse/temp/Zvulun/arrow-button-black.svg); position: absolute; width: 32px; height: 22px; background-repeat: no-repeat; bottom: -8px; }
.faq-body h3 { font-size: 20px; margin: 30px 0; font-family: 'ploni-medium-aaa-new'; }
.panel-group { max-width: 1026px; margin: 0 auto 100px; }
.jobPage #pageview { max-width: 600px; margin: auto; padding-top: 38px; margin-bottom: 50px; }
.jobPage #pageview h2 { font-size: 250%; font-family: 'ploni-medium-aaa-new'; }
.jobPage #text1 p { font-size: 82%; width: 100%; margin-top: 20px; margin-bottom: 30px; }
.jobPage .fa-angle-down:before { content: ''; background: url(../../../warehouse/temp/Zvulun/plus.svg); width: 20px; height: 20px; display: block; }
.jobPage .fa-angle-up:before { content: ''; background: url(../../../warehouse/temp/Zvulun/minus.svg); width: 20px; height: 20px; display: block; background-repeat: no-repeat; margin-top: 20px; }
.jobPage #SiteGrid #GridPage:after { background-image: url(/warehouse/temp/Zvulun/bg1.jpg); background-size: contain; content: ''; position: absolute; width: 100%; height: 30vw; top: 0; left: 0; z-index: -32; }
.jobPage #SiteGrid:after { background-image: url(/warehouse/temp/Zvulun/bg2.jpg); background-size: contain; content: ''; position: absolute; width: 100%; height: 20vw; bottom: 0; right: 0; z-index: -32; }
.aboutPage #lobbyview { background-image: url(/warehouse/temp/Zvulun/sketch-bg.jpg); background-size: cover; padding: 20px; }

@media(max-width:1171px) {
    .panel-group { width: 95%; margin: auto; }
}

@media(max-width:1025px) {
    .faq-headline { font-size: 130%; }
}

@media(max-width:991px) {
    .jobPage #SiteGrid #GridPage:after { background-image: url(/warehouse/temp/Zvulun/sketch-bg-mob.jpg); height: 60vh; }
    .aboutPage #lobbyview { background-image: url(/warehouse/temp/Zvulun/sketch-bg-mob.jpg); }
}

@media(max-width:767px) {
    .aboutPage .lobby-grid #GridPage .max-width:before { background-image: url(/warehouse/temp/Zvulun/bg1.jpg); content: ''; position: absolute; width: 100vw; height: 8vh; top: 0; left: 0; }
    .faq-headline { font-size: 110%; }
    .jobPage #pageview h2 { font-size: 130%; }
    .jobPage #text1 p { margin-bottom: 0; }
    .jobPage #pageview { max-width: 100%; width: 100%; padding: 40px 15px; }
    .jobPage #GridPage { padding-bottom: 50px; }
}

/*contact page*/

.contactPage #GridTop { margin-bottom: 38px; }
.contactPage #lobbyview h2 { text-align: center; }
.contactPage #lobbyview h2:after { content: none; }
.contactPage #lobbyText p { font-size: 100%; text-align: center; }
.contactPage #lobbyview h2 { text-align: center; }
.contactPage #lobbyview h2:after { content: none; }
.contactPage #lobbyText p { font-size: 100%; text-align: center; }
.contactPage #lobbyText { margin-top: 0; display: flex; justify-content: center; }
.contactPage #DynamicFormObject { border: none; display: flex; flex-direction: column; justify-content: center; }
.contactPage #DynamicFormObject:after { display: none; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding-bottom: 0; }
.contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 114%; color: black; font-family: 'ploni-medium-aaa-new'; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: right; font-size: 82%; margin-bottom: 50px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.contactPage .normal-form select, .contactPage .normal-form input { box-shadow: none; border-bottom: 1px solid #707070; border-radius: 0; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; padding-right: 0; }
.contactPage .form-container-wide #DynamicFormObject .textareaField { width: 100%; padding: 25px 0; }
.contactPage .normal-form textarea { border: none; box-shadow: none; border-bottom: 1px solid #707070 !important; width: 97%; border-radius: 0; height: 60px; font-size: 85%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 23%; padding: 0; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 20%; padding: 0; }
.contactPage #allSectionsWrapper { display: flex; margin: auto; align-items: center; justify-content: flex-end; width: 100%; max-width: 100%; }
.contactPage .grid-form-section { margin: 0; margin-right: 0; width: 50%; max-width: 100%; }
.contactPage .grid-text-section { width: 40%; margin: 0; }
.contactPage .footerFormContainer { display: none; }
.contactPage #DynamicFormObject .must:before { color: #000; right: 0; }
.contactPage .normal-form select, .contactPage .normal-form input { color: #000; }
.contactPage .normal-form input:focus { border-bottom: 2px solid #707070 !important; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 35px; bottom: 19px; }

.FormResultPage .top-caption h1 { display: none; }
a.FormResultPageButton { background: #e0bb8e; padding: 10px; }

@media(max-width:1171px) {
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25%; }
}

@media(max-width:990px) {
    .contactPage .grid-form-section { width: 50%; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding-left: 0px; }
    .contactPage #allSectionsWrapper { flex-direction: row; }
    .contactPage .grid-text-section { width: 50%; }
    .contactPage .normal-form textarea, .contactPage .normal-form input { max-width: 100%; width: 100%; }
    .normal-form { max-width: 100%; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 40%; float: right; }
}

@media(max-width:767px) {
    .contactPage .form-container-wide #DynamicFormObject .textareaField { padding: 0; }
    .contactPage #lobbyText { flex-direction: row; }
    .contactPage .grid-form-section { width: 100%; }
    .contactPage #allSectionsWrapper { flex-direction: column-reverse; }
    .contactPage .grid-text-section { width: 100%; }
    .contactPage #DynamicFormObject { margin: 0; padding: 0; }
    .contactPage #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 75%; margin-bottom: 0; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:before { left: 25px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover:before { left: 15px; }
    .contactPage #headline { font-size: 26px; font-family: 'ploni-medium-aaa-new'; }
    .contactPage #lobbyview h2 { margin-top: 0; }
    .contactPage #lobbyText p { font-size: 75%; }
}

@media(max-width:425px) {
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 45%; }
}


/*inner inner project page*/
.projectInnerPage.contentInnerPage #GridTop .top-caption, .projectInnerPage.contentInnerPage .categories-strip { display: none; }
.projectHeadline { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 1; font-size: 300%; width: 100%; text-align: center; }
.projectHeadline h1 { font-size: 100%; }
.projectBox { display: flex; gap: 20px; align-items: center; }
#projectBoxes { display: flex; justify-content: space-between; margin: 40px auto; }
.contentInnerPage .projectPage { margin: auto; width: 1250px; }
#projectGallery { display: flex; justify-content: center; }
.projectPhoto img { width: 100%; margin-bottom: 40px; }
h2.galleryHeadline { text-align: center; margin-bottom: 72px; }
#projectGalleryTemplate { margin-bottom: 60px; }
.contentInnerPage .owl-carousel .owl-stage-outer { overflow: visible; }
.relatedProjects { margin-bottom: 100px; }
.contentInnerPage .topImg { padding-bottom: 100%; background-size: cover; position: relative; }
.owl-carousel .owl-item a.slide-bg-layer { top: auto; left: auto; right: 0; bottom: 0; font-size: 115%; color: #fff; z-index: 10; height: 100%; width: 100%; }
.owl-carousel .owl-item a.slide-bg-layer:before { right: 130px; bottom: 7px; }
.contentInnerPage .owl-carousel .owl-nav .owl-prev, .contentInnerPage .owl-carousel .owl-nav .owl-next { top: 50%; }
.contentInnerPage .owl-carousel .owl-next { left: 32.3%; }
.contentInnerPage #GridPage { overflow: hidden; }
.contentInnerPage .item:after { /* content: ''; */ background-color: #000; position: absolute; width: 87%; height: 100%; opacity: 0.3; left: 24px; top: 0; }
.projectInnerPage.contentInnerPage .owl-carousel .owl-item a:before { bottom: 3px; right: 190px; }
.contentInnerPage .topImg:after { content: ''; position: absolute; background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(0,0,0,1) 100%); opacity: 0.7; inset: 0; }
.contentInnerPage .owl-carousel .owl-prev:after, .contentInnerPage .owl-carousel .owl-next:after { display: none; }

@media(max-width:1171px) {
    #projectPage { max-width: 100%; width: 90%; margin: auto; }
}

@media(max-width:1200px){
    #header2 #header-left { right: 100px; }
}

@media(max-width:1025px) {
    #header2 #header-left { right: 0; }

    #projectPage { max-width: 100%; width: 90%; margin: auto; }
    .projectBox { width: 50%; justify-content: space-evenly; margin-bottom: 30px; }
    #projectBoxes { flex-wrap: wrap; }
    .projectTextContainer { min-width: 145px; text-align: center; }
    .projectTextContainer h3 { margin-top: 0; }
    .owl-carousel .photoTextWrapper:before, .projectInnerPage.contentInnerPage .owl-carousel .owl-item a.slide-bg-layer:before { right: 200px; bottom: 8px; }
}

@media(max-width: 767px) {
    .projectInnerPage.contentInnerPage .owl-carousel .owl-item a.slide-bg-layer:before { right: 170px; }
    .projectBox { width: 50%; flex-direction: column; }
    .projectInnerPage.contentInnerPage h2.galleryHeadline { font-size: 150%; }
    .projectInnerPage.contentInnerPage h2.galleryHeadline:before, h2.galleryHeadline:after { width: 10%; }
    .contentInnerPage .owl-carousel .owl-nav .owl-prev, .contentInnerPage .owl-carousel .owl-nav .owl-next { display: none !important; min-height: 44px; }
    .projectInnerPage.contentInnerPage .owl-carousel .owl-item .item { padding: 0px 15px; }
    .projectHeadline { font-size: 250%; }
}

@media(max-width:767px) {
    .projectInnerPage.contentInnerPage .owl-carousel .owl-item a.slide-bg-layer:before { right: 130px; bottom: 12px; }
}

.accessabilityMainPage .top-caption { display: none; }
.accessabilityMainPage #headline { padding-top: 50px; }
.accessabilityMainPage .container-fluid { padding-bottom: 50px; }
ul.accessability-list { padding: 13px; }
#accessability #text1 { max-width: 1171px; width: 100%; }
#FormResultPage .container-fluid { margin-top: 50px; }

@keyframes title {
    from { transform: translateY(100%); opacity: 0; }

    to { transform: translateY(0%); opacity: 1; }
}



.testVideo .TopVideo { position: relative; }
.testVideo .TopVideo iframe { height: 100%; width: 100%; transform: none; left: auto; transform: scale(1.2); }
.testVideo #home-gallery { margin: 0 auto; }




/****HomeGallery Correction*/



@media(min-width:1024px) {
    #home-gallery { max-height: calc(var(--vh) - 100px) !important; height:auto !important; margin-top:100px;}
    #home-gallery.video-slider .opacity-layer {  visibility: hidden;  }
    .TopVideo { height: auto !important; }
    .TopVideo iframe { position: unset; transform: none; width: 100%; height: calc(0.625*calc(var(--vw)) - 240px); }
 
}