/*Orit Bezalel*/
body {font-size: 20px; background: #2a2a2a; color: #ffffff; }
a:hover, a:focus { color: #bd8739; }

.home-page #header:not(.bg), #header.bg { background: #2a2a2a; }
#header .menu-nav { background: transparent; }
#header #header-right .closed, #header .menu-nav .open, #header.menu-open div.social-links, .plus-sign, #DynamicFormObject:after { display: none !important; }
#header .social-links a svg { fill: #fff; width: 27px; vertical-align: middle; height: 27px; padding: 5px; }
#header .social-links a { border: 1px solid; border-radius: 50%; font-size: 100%; }
#header #header-left img, #header.bg #header-left img { max-width: 140px; width: 100%; }
#header #header-center-kdm a { border: none; position: relative; }
#header #header-center-kdm a:first-child:after { content: ""; position: absolute; background: #fff; width: 1px; height: 30px; left: -10%; }
#header .submenu { background: #313131; }
#header .submenu > li:focus, #header .submenu > li:hover, #header .submenu > li.active { background: #414141; }
#header .submenu li.social-mobile { padding-bottom: 15px; }
#header.menu-open li.social-mobile .social-links { display: block !important; }
#header .submenu li > a:focus { text-decoration: none; color: #ffffff; }

#home-gallery .slides .slider-item:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.4; }
#home-gallery .gallery-caption .gallery-text { text-align: center; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); line-height: 1.04; }
#home-gallery .gallery-caption .gallery-text div { font-family: "operetta-12"; font-size: 75px; letter-spacing: -1.5px; }
#home-gallery .gallery-caption .gallery-text span { font-size: 36px; display: inline-block; position: relative; bottom: 10px; }
#home-gallery .gallery-caption .gallery-text span:before { content: ""; position: absolute; background: #fff; width: 124px; height: 1px; left: -30%; top: 50%; transform: translateX(-50%); }
#home-gallery .gallery-caption .gallery-text span:after { content: ""; position: absolute; background: #fff; width: 124px; height: 1px; left: 130%; top: 50%; transform: translateX(-50%); }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { fill: #bd8739; }

.home-page #DynamicFormObject.fixedWithBtn { background: #ffffff; border: 1px solid #707070; }
.home-page #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 25px; }
.home-page #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; font-family: 'Heebo-Medium'; font-size: 20px; }
.home-page .normal-form input { border-radius: 0; margin-bottom: 10px; border-color: #b8b8b8; box-shadow: none; }
.home-page #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 10px; }
.home-page #DynamicFormObject input[type=submit] { background: #2a2a2a; border-radius: 0; }

.grid-row-section { margin: 140px; }
.grid-rows .grid-row { background: #2a2a2a; color: #ffffff; }
.grid-row-section:after { content: ""; position: absolute; background-image: url(/warehouse/temp/orit_bezalel/R_graphic_element.svg); background-size: contain; background-repeat: no-repeat; width: 900px; height: 900px; z-index: 0; top: 0; left: 20%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.box-image-animation img { width: 70%; }
.box-image-animation { right: 100px; }
.grid-rows .grid-row-text { line-height: 1.4; letter-spacing: 0.4px; font-size: 112%; left: 100px; }
.grid-rows .grid-row-text h2 { color: #bd8739; font-size: 220%; }

.section-title h1, .section-title h2 { font-size: 250%; position: relative; color: #bd8739; }
.grid-text .grid-text-content h3 { font-family: 'operetta-12'; color: #bd8739; font-size: 75px; opacity: 0.7; line-height: 1.04; text-transform: capitalize; max-width: 808px; margin: auto; }
.master-slider .photoTextWrapper h3 { font-size: 35px; font-family: 'Heebo-Medium'; position: relative; }
.master-slider .photoTextWrapper h3:after { content: ""; width: 125px; height: 2px; position: absolute; background: #ffffff; bottom: -30%; left: 50%; transform: translate(-50%, 30%); }
.master-slider .item.ms-slide:before { content: none; }
.photoTextLinkWrapper a { font-size: 22px; font-family: 'Heebo-Medium'; }
.photoTextLinkWrapper { margin-top: 20px; }
.content-section-Btn { margin-top: 20px; }
.content-section-Btn a { border: 1px solid #bd8739; background: #bd8739; padding: 5px 10px; opacity: 0.7; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; }
.content-section-Btn a:hover { background: transparent; opacity: 1; color: #ffffff; }

.footer-text-divided { background: #313131; }
.footer-text-divided > div.footer-text-middle { vertical-align: middle; }
.footer-text-divided > div.footer-text-middle p img { width: 60%; }
.footer-text-divided > div.footer-text-right ul li { list-style-type: none; line-height: 2.7; }
.footer-text-divided > div.footer-text-left { vertical-align: bottom; }
.footer-text-divided > div.footer-text-left p:first-child { font-size: 90%; }
.footer-text-divided > div.footer-text-left p { margin: 10px; }
.footer-text-divided > div.footer-text-left p img { margin-right:10px; }

/*inner contact page*/
.contactPage #headline h1 { font-size: 120%; color: #bd8739; }
.contactPage .MainContent #text1 { max-width: 615px; }
.contactPage .form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; background: #313131; border: none; padding: 5%; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 12%); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 12%); }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33%; padding: 0 5px; z-index: 9; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding-right: 5px; z-index: 9; }
.contactPage .normal-form textarea, .contactPage .normal-form input { border-radius: 0; width: 100%; border: none; box-shadow: none; background: #464646; color: #f2f2f2; margin-bottom: 10px; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; margin: auto; width: 33%; }
.contactPage #DynamicFormObject .dynamicFormObjectSubmit input[type="submit"] { background: #bd8739; border-radius: 0; width: 70%; }
.contactPage input.form-control.input-data::placeholder,
.contactPage textarea.input-data.form-control::placeholder { color: #f2f2f2; }
.contactPage textarea.form-control { line-height: 2; }
.contactPage .must:before { right: 10px; color: #f2f2f2; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: #f2f2f2; font-size: 220%; padding: 0; white-space: nowrap; width: 100%; }
.contactPage #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { margin-bottom: 12% }

/*outer project page*/
.flex-row > div { min-height: 510px; }
@media(max-width: 768px) {
    .flex-row > div { min-height: 380px; }
}

/*Inner Projects Page*/
.contentInnerPage #GridPage .max-width, .contentInnerPage #GridPage .max-width-center { max-width: 1920px; }
.contentInnerPage #headline h1 { color: #ffffff; }
.projectBanner img, .projectImageSection .projectImageBox img { height: 100%; }
.projectBanner img, .projectImageSection .projectImageBox img, .projectMapSection #projectMapBox iframe { width: 100%; object-fit: cover; }
.projectItemPage #GridPage { padding-top: 0; }
.projectItemPage #GridPage .max-width { max-width: 100%; width: 100%; }
.projectItemPage .categories-strip { display: none; }
.projectBanner { position: relative; height: 200px; margin-top: 20px; overflow: visible; }

.projectBannerContentBox { position: absolute; right: 50%; top: 50%; text-align: center; color: #fff; z-index: 1; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); width: 100%; }
.projectBannerContentBox #headline { margin: 0; }
.projectBannerContentBox .bannerSubheadline { margin-top: 5px; }
.projectBannerContentBox .bannerSubheadline h2 { font-size: 160%; letter-spacing: 11.52px; }
.projectTopInfoStrip { position: relative; text-align: center; top: -76px; max-width: 1170px; margin: auto; }
.projectTopInfoStrip .topInfoStrip-Item { display: inline-block; width: 14%; min-height: 150px; max-height: 150px; vertical-align: top; padding: 30px 10px; margin: 0 11px; background: #fff; box-shadow: 4px 7px 55px 0 rgba(0, 0, 0, 0.09); -webkit-box-shadow: 4px 7px 55px 0 rgba(0, 0, 0, 0.09); }
.projectTopInfoStrip .topInfoStrip-Item h3 { position: relative; color: #272727; font-family: 'Heebo-Medium'; font-size: 130%; margin: 0; line-height: 1; }
.projectTopInfoStrip .topInfoStrip-Item h3:after { content: ''; display: block; height: 1px; width: 95px; background: #bd8739; margin: 10px auto 17px; }
.projectTopInfoStrip .topInfoStrip-Item p { min-height: 35px; font-size: 100%; color: #272727; font-family: 'Heebo-Light'; }
#ProjectView .projectContentSection { padding: 20px 0 44px; }
#ProjectView .projectContentSection #text1 { max-width: 715px; }
#ProjectView .projectContentSection #text1 p { font-size: 113%; }
#ProjectView .projectIconsSection { padding: 44px 0 33px; }
.projectIconsSection .projectIconWrapper { max-width: 650px; margin: 0 auto; }
.projectIconsSection .projectIconWrapper .projectIcon { display: inline-block; width: 18%; text-align: center; padding: 0 20px; margin-right: -5px; vertical-align: top; }
.projectIconsSection .projectIconWrapper .projectIcon img { max-width: 80px; max-height: 80px; }
.projectIconsSection .projectIconWrapper .projectIcon h3 { font-size: 113%; color: #bd8739; }
.projectIconsSection .projectIconWrapper .projectIcon p { max-width: 90%; margin: 0 auto; line-height: 1.6; }
.projectSection_Title { padding-bottom: 30px; text-align: center; position: relative; }
.projectSection_Title h2 { margin-top: 30px; color: #bd8739; font-size: 250%; }
.projectGallery { margin-bottom: 120px; }

.projectGallery .owl-carousel .owl-item .topImg.fixHeight { padding-bottom: 50%; }
.projectGallery .owl-carousel .owl-item .topImg.fixHeight img { padding: 0 20px; }
.projectContentSection .project-Title { font-family: Heebo-Medium; text-align: center; padding-bottom: 10px; }
@media (min-width: 768px) and (max-width:1400px) { 
    .grid-row-section:after { width: 50%; height: 90%; }
    .box-image-animation { right: 0; }
    .grid-rows .grid-row-text { left: 0; }
    .master-slider .photoTextWrapper h3:after { bottom: -20%; left: 50%; transform: translate(-50%, 20%); -webkit-transform: translate(-50%, 20%); }
    .master-slider .photoTextWrapper h3 { white-space: nowrap; font-size: 180%; }
    .grid-row li.slider-item { padding-bottom: 85%; }
    .grid-row-section { margin: 140px 80px; }
    .normal-form textarea { max-width: 100%; padding-right: 2%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding-left: 11px; }

    .projectContentSection .project-Title { padding-bottom: 20px; font-size: 180%; }    
}
@media(min-width: 1170px) {
    #ProjectView .projectContentSection #text1 p { font-size: 130%; }
}
@media (max-width: 767px) { 
    .grid-row-section { margin: 20px; }
    #header #header-left img, #header.bg #header-left img { width: 80%; }
    #header #header-center-kdm a:first-child { font-size: 110%; }
    #header #header-center-kdm a:first-child:after, .grid-row-section:after { display: none; }
    #home-gallery .gallery-caption .gallery-text div { font-size: 45px; }
    #home-gallery .gallery-caption .gallery-text span { font-size: 25px; }
    #home-gallery .gallery-caption .gallery-text span:before, #home-gallery .gallery-caption .gallery-text span:after { width: 55px; }
    .box-image-animation { right: 0; padding: 50px 0; }
    .grid-rows .grid-row-text { left: 0; }
    .grid-row li.slider-item { padding-bottom: 76%; }
    .projectTopInfoStrip .topInfoStrip-Item { width: 45%; margin: 5px; font-size: 90%; }
    .projectIconsSection .projectIconWrapper .projectIcon { padding: 0; width: 25%; }
    #ProjectView .projectIconsSection { padding: 35px 0 35px; }
    #ProjectView .projectContentSection { padding: 20px 0 20px; }
    .grid-text .grid-text-content h3 { font-size: 45px; letter-spacing: -1.5px; margin: 0 20px; text-shadow: 0 3px 6px rgb(0 0 0 / 16%); }
    .master-slider .photoTextWrapper h3 { font-size: 25px; white-space: nowrap; }
    .grid-text-section .section-animation-item { padding: 0; }
    .photoTextLinkWrapper a.item-button { padding: 8px 0; }
    #side-contact-form.mobile-form { width: 90%; margin-top: 50px; }
    .grid-rows .grid-row-text { text-align: center; width: 90%; }
    .grid-rows .grid-row-text p { font-size: 100%; }
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2 { font-size: 150%; }
    .site-credit.alternative { padding: 15px 0; }
    #SiteFooter { padding-bottom: 0px; }

    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding-left: 3px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .contactPage #DynamicFormObject .dynamicFormObjectSubmit input[type="submit"] { width: 100%; }
    .contactPage .normal-form textarea, .contactPage .normal-form input, .home-page .normal-form textarea, .home-page .normal-form input { padding-right: 20px; color: #f2f2f2; }
    .home-page #DynamicFormObject .dynamicFormObjectField .must:before { right: 24px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 150%; padding-bottom: 20px; margin-bottom: 0; white-space: normal; }
    .contactPage input.form-control.input-data::placeholder, .contactPage textarea.input-data.form-control::placeholder { color: #f2f2f2; }
    .contactPage  #GridPromo #DynamicFormObject { margin: 50px auto; }
    .contactPage #GridPage { padding: 40px 10px 0; }
    .contactPage #DynamicFormObject .dynamicFormObjectField .must:before { right: 15px; }
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0 4px 0 5px; }

    .projectGallerySection { margin-top: 35px; }
    .owl-carousel .owl-nav div { font-size: 0; }
}

.fullScreenMenu #navbar-collapse-main.navbar-collapse.in { width: calc( var(--vw) * 1 + 40px ); min-height: calc( var(--vh) * 1 + 20px ) !important; }
.TopVideo iframe { width: calc( var(--vw) * 1.2 ); }
#home-gallery video { height: calc( var(--vh) * 1.1 ); width: calc( var(--vw) * 1.6 ) !important; }
.owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.45 ); }
header.search-open #header2 ul.menu li.search { width: calc( var(--vw) * 1 ); }
#SiteGridContainer { min-height: calc( var(--vh) * 0.8 ); }
#popup-modal-intro .modal-body img { max-height: calc( var(--vh) * 0.7 ); }
#home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 1 ); }
.TopVideo { height: calc( var(--vh) * 1 ); }
.TopVideo iframe { height: calc( var(--vh) * 1.8 ); }
.flexslider .slides img { height: calc( var(--vh) * 0.85 ); }
.flexslider.modal-slider { max-height: calc( var(--vh) * 0.9 ); }
#multi-content-modal .modal-content { margin-top: calc( var(--vh) * 0.1 ); margin-bottom: calc( var(--vh) * 0.05 ); }
.modal-text #text1 { max-height: calc( var(--vh) * 0.25 ); }
#multi-content-modal.textInPop #PopUpData { max-height: calc( var(--vh) * 0.4 ); }
.blog-view-image { max-height: calc( var(--vh) * 0.5 ); }
.CurrentCategoryLocked { top: calc( var(--vh) * 0.44 ); }
#SiteGrid.CategoryLocked { min-height: calc( var(--vh) * 0.94 ); }
@media(max-width: 1440px) {
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.55 ); }
}

@media(max-width: 1170px) {
    #multi-content-modal .modal-content { max-width: calc( var(--vw) * 0.95 ); }
}

@media(max-width: 1024px) {
    header.shopHeader #header2 ul.menu { width: calc( var(--vw) * 1 ); }
    #header2 ul.menu li.megaMenuSection { width: calc( var(--vw) * 0.9 ); left: calc( var(--vw) * -1 ); }
    .megaMenuSectionContainer { padding-right: calc( var(--vw) * 5 ); }
    #header2 ul.menu li.megaMenuSection { height: calc( var(--vh) * 0.1 ); }
}

@media(max-width: 991px) {
    #home-gallery video { width: calc( var(--vw) * 3 ) !important }
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.7 ); }
    #multi-content-modal.textInPop .modal-content { max-width: calc( var(--vw) * 0.9 ); }
    #popup-modal-intro .modal-body { max-height: calc( var(--vh) * 0.75 ); }
    .flexslider .slides img, .flexslider.modal-slider { max-height: calc( var(--vh) * 0.6 ); }
    #GridPromo.fixedLayoutForm { top: calc( var(--vh) * 0.45 ); }
    #GridPromo.fixedLayoutForm.affix { top: calc( var(--vh) * 0.45 ); }
}

@media(max-width: 767px) {
    #popup-modal-intro .modal-body { width: calc( var(--vw) * 0.25 ); }
    #header .submenu { width: calc( var(--vw) * 0.97 ); }
    .modal-dialog { width: calc( var(--vw) * 0.9 ); }
    .owl-carousel .photoTextWrapper { width: calc( var(--vw) * 0.85 ); }
    .gallery-container { width: calc( var(--vw) * 0.95 ); }
    .CurrentCategoryLocked { width: calc( var(--vw) * 0.95 ); }
    #header .submenu { max-height: calc( var(--vh) * 0.75 ); }
    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
    .TopVideo { height: calc( var(--vh) * 0.95 ); }
    .modal-image { padding-bottom: calc( var(--vh) * 0.22 ); }
    .flexslider .slides img, .flexslider.modal-slider { max-height: none; }
    .flexslider .slides img { height: auto; }
}

@media(max-width: 550px) {
    #header2 ul.menu { width: calc( var(--vw) * 0.9 ); }
    #home-gallery .slider-bg.stellar-bg { min-height: calc( var(--vh) * 0.95 ); }
}