﻿/* Paz Geresh */
body { font-family: 'Montserrat-Regular', 'arial'; }

/* Header Styles */
#header.bg, #header { background-color: transparent; }
#header.bg:before, body.home-page #header:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.65; pointer-events: none; -webkit-transition: all .3s ease; transition: all .3s ease; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,0.6027004551820728) 0%, rgba(255,255,255,0) 80%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.6027004551820728) 0%, rgba(255,255,255,0) 80%); background: linear-gradient(180deg, rgba(0,0,0,0.6027004551820728) 0%, rgba(255,255,255,0) 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1); z-index: 0; }
#header.internalPageBg.bg:before { opacity: 1; }
#header #header-left img, #header.bg #header-left img { max-width: 180px; }
#header { padding: 70px 30px 70px 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#header #header-right { order: 2; display: block; padding: 0; }
#header #header-center-kdm { display: none; }
#header #header-left { order: 1; display: block; padding: 0; }
#header .social-links, #header .submenu li.social-mobile .social-links { display: none; }
#header .menu-nav { display: block; background: transparent; padding: 0; outline: 0; width: 220px; text-align: center; }
#header .menu-nav .open, #header #header-right .closed { font-size: 0; opacity: 0; -webkit-transition: unset; transition: unset; }
.nav-menu-anim { margin-right: 0; }

#header .submenu { width: 100%; height: auto !important; margin: 0 !important; left: unset; right: 0; background: transparent; }
#header .submenu > li { margin: 5px 0; }
#header .submenu li > a { font-size: 100%; font-family: 'Montserrat-SemiBold', 'arial'; letter-spacing: 1.4px; }
#header .submenu > li.active, #header .submenu > li:focus, #header .submenu > li:hover { background: transparent; color: #fff;  }
#header .submenu li > a, #header .submenu li:not(.has-sub) > a { display: inline-block; width: auto; text-transform: uppercase; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease; }
#header .submenu > li.active > a, #header .submenu > li:focus > a, #header .submenu > li:hover > a { border-bottom-color: #fff; }
#header .submenu li>a:focus { text-decoration: none; color: #fff; }

#header .submenu:before { content: ""; position: absolute; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; background: transparent radial-gradient(closest-side at 50% 50%, #00000061 0%, #00000014 74%, #00000000 100%) 0% 0% no-repeat padding-box; box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); background: rgb(0 0 0 / 0.15); }
#header.menu-open .submenu:before { opacity: 1; }

#header .submenu li.social-mobile { display: none; }

#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 { width: 41px; height: 2px;}
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -11px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -11px; }
.nav-menu-anim { width: 41px; height: 26px; }

#nav-toggle-mobile.active span:before, #nav-toggle.active span:before { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
#nav-toggle-mobile.active span:after, #nav-toggle.active span:after { bottom: 0; top: unset; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

@media (min-width: 768px) {
    .home-page #header { background: -webkit-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: -moz-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: -ms-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: -o-linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); background-image: linear-gradient(top,rgba(0,0,0,.52),rgba(0,0,0,.3),rgba(0,0,0,.2),transparent); }
    #header .submenu { top: 60px !important; width: 100% !important; pointer-events: none; clip: unset !important; opacity: 0; display: block !important; -webkit-transition: opacity .5s ease, transform .5s ease; transition: opacity .5s ease, transform .5s ease; -webkit-transform: translate(0, -30px) !important; transform: translate(0, -30px) !important; }
    #header.menu-open .submenu { opacity: 1; pointer-events: all; -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
    
    #SiteFooter .site-credit.alternative .text-center { padding-left: 70px; text-align: left; }
}

@media (max-width: 991px) {
    #header { padding: 70px 10px 70px 45px; }
    #header #header-left img, #header.bg #header-left img { max-width: 160px; }
    #header #header-right { width: auto; }
    #header .submenu > li { padding: 12px; }
    #header #header-right .social-mobile .social-links { display: none; }
}

@media(max-width: 767px) {
    #header.bg, #header { background-color: #000; }
    #header.bg:before, body.home-page #header:before { display: none; }
    #header { padding: 15px 20px; height: 58px; }
    #header #header-left img, #header.bg #header-left img { max-width: 100px; }
    #header .menu-nav { width: auto; padding: 2px; }
    #header #header-right { position: static; }
    #header .submenu { display: block !important; clip: unset !important; pointer-events: none; width: 100% !important; max-height: unset; min-height: 100vh; background-color: #000; padding-top: 20vh !important; transition: all .5s ease; opacity: 0; }
    #header.subopen .submenu { padding-top: 25vh !important; opacity: 1; pointer-events: all; }
    #header .submenu > li { text-align: center; }
    #header .submenu:before { position: relative; }

    #SiteFooter .site-credit.alternative .text-center { padding-left: 70px; text-align: left; }
}

/* Footer Styles */
footer { padding: 0; background-color: #000; color: #fff; overflow: hidden; font-family: Montserrat-Medium; }
.footer-text-divided { font-size: 86%; padding: 38px 100px 39px 70px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer-text-divided > div.footer-text-left { text-align: right; padding: 0; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; direction: rtl; }
.footer-text-divided > div.footer-text-right { text-align: left; padding: 0; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer-text-divided > div.footer-text-left > p > a { margin-left: 10px; }
#SiteFooter img { max-height: 9px; /*display: none;*/ }
.site-credit.alternative { padding: 5px 0px 30px; background: #0b0b0b; }
#SiteFooter a.clientCredit img { max-height: 20px; }
#SiteFooter .site-credit.alternative a.clientCredit { margin-left: 15px; }
/*#SiteFooter img { max-height: 15px; }*/

#SiteFooter .site-credit.alternative a { display: inline-block; vertical-align: middle; }

@media(max-width: 991px) {
    .footer-text-divided { display: block; padding: 30px 45px 30px; }
    .footer-text-divided > div.footer-text-right, .footer-text-divided > div.footer-text-left { width: 100%; text-align: left; direction: ltr; }
    .footer-text-divided > div.footer-text-left { margin-top: 10px; }
    .footer-text-divided > div.footer-text-left > p:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
    .footer-text-divided > div.footer-text-left > p:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
}

@media(max-width: 767px) {
    #SiteFooter { padding-bottom: 0; }
    .footer-text-divided { padding: 15px; }
    .footer-text-divided > div.footer-text-right, .footer-text-divided > div.footer-text-left { display: block; text-align: center; }
    .site-credit.alternative { padding: 5px 0px 5px; }

    #SiteFooter img { max-height: 10px; }
    #SiteFooter a.clientCredit img { max-height: 20px; }
}

/* Home Gallery Styles */
#home-gallery .opacity-layer { display: none; }
.flex-direction-nav { top: 80%; transform: none; }
.flex-direction-nav a { width: 40px; height: 20px; margin: 0; }
#home-gallery .flex-direction-nav a.flex-next:before, #home-gallery .flex-direction-nav a.flex-prev:before { background-image: none; background-color: #fff; height: 2px; width: 100%; position: absolute; left: 0; top: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; }
#home-gallery .flex-direction-nav a.flex-next:hover:before { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
#home-gallery .flex-direction-nav a.flex-prev:hover:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
#home-gallery .flex-direction-nav .flex-prev { left: 70px; }
#home-gallery .flex-direction-nav a.flex-next { right: 120px; }
#home-gallery .scroll-down { display: none;}
.flex-direction-nav a:focus { outline: 0; }

@media(max-width: 767px) { 
    .flex-direction-nav { display: none; }
}


/* Inner Pages Styles */
#GridTop { height: 575px; }
#GridTop { padding: 70px 30px 70px 70px; }
#GridPage .max-width, #GridPage .max-width-center { max-width: 1080px; }
#text1 p, #text2 p { font-size: 122%; }
#headline { text-align: left; }
#text1, #text2 { max-width: 100%; }
.section-title {display: none; }
.top-caption { position: relative; top: 180px; left: 0; transform: none; text-align: left; }
.top-caption h1 { font-size: 22px; position: relative; letter-spacing: 1.4px; }
.top-caption h1:before { content: ""; position: absolute; left: 0; top: -20px; width: 41px; height: 2px; background-color: #fff; }

.gallery-cubes > div { padding: 7px; }
.grid-gallery-section { margin-bottom: 7px; }
.gallery-cubes .image-link-inner { background-color: transparent; color: #fff;}

.gallery-cubes .plus-sign { width: 26px; height: 26px; font-size: 0; }
.gallery-cubes .plus-sign:before, .gallery-cubes .plus-sign:after { content: ""; position: absolute; top: 50%; left: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery-cubes .plus-sign:before { width: 90%; height: 2px; }
.gallery-cubes .plus-sign:after { height: 90%; width: 2px; }

#ContentGridReadMoreModule .grid-short-box.box:hover { background-color: transparent; }
#ContentGridReadMoreModule .grid-short-box.box a { transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
#ContentGridReadMoreModule .grid-short-box.box:hover a { background-color: #000; }
#ContentGridReadMoreModule .grid-short-box.box .text-caption { max-width: 170px; opacity: 0; visibility: hidden; color: #fff; -webkit-transition: all .4s ease; transition: all .4s ease; }
#ContentGridReadMoreModule .grid-short-box.box:hover a .text-caption { opacity: 1; visibility: visible; }
.grid-short-box.box .text-caption:before { content: ""; position: absolute; left: 0; top: -20px; width: 41px; height: 2px; background-color: #fff; }
.grid-short-box.box .grid-short-box-subtitle { border: none; padding-bottom: 10px; }
.grid-short-box.box .grid-short-box-text { padding-top: 0; }
#gridshort-view-media .grid-short-box-label { padding-top: 0; font-size: 20px; font-family: 'Montserrat-SemiBold', 'arial'; letter-spacing: 1.4px; }

.modal .close i.fa-times-circle { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; background-color: #fff; border-radius: 50%; position: relative; font-family: inherit; }
.fa-times-circle:before, .fa-times-circle:after { content: "" !important; background: #000; position: absolute; height: 60%; width: 2px; }
.fa-times-circle:before { transform: rotate(45deg); }
.fa-times-circle:after { transform: rotate(-45deg); }


.grid-box-opacity-layer { background-color: #000; }
.grid-box-image-text, .grid-short-box.box .text-caption { max-width: 180px; text-align: left; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 57px; }
.grid-box-image-text:before { content: ""; position: absolute; left: 0; top: -20px; width: 41px; height: 2px; background-color: #fff; }

.flexslider.modal-slider .flex-direction-nav { top: 50%; }
.flexslider.modal-slider .flex-direction-nav > li { position: relative; }

.flexslider:hover .flex-prev { left: 60px; }
.flexslider:hover .flex-next { right: 90px; }

@media(max-width: 991px) {
    #GridTop { height: 465px; padding: 70px 10px 70px 45px; }
    #text1, #text2 { padding: 0 20px; }
    .top-caption { top: 160px; }
    .gallery-cubes > div { width: 33.333%; }
    #gridshort-view-media .grid-short-box-label { font-size: 123%; }

    .grid-box-image-text, .grid-short-box.box .text-caption { left: 44px; font-size: 20px; }
    
}

@media(max-width: 767px) {
    #GridTop { height: 280px; padding: 15px 20px; }
    #GridPage .max-width { width: 100%; padding: 0 15px; }
    #SiteGrid { margin-top: 58px;}
    #text1 p, #text2 p { font-size: 110%; }
    #text1, #text2 { padding: 0 15px; }
    .top-caption { top: 90px; margin-left: 15px; }
    .top-caption h1 { font-size: 20px; }
    .top-caption h1:before { top: -15px; width: 45px; }
    .gallery-cubes > div { width: 50%; }
    #gridshort-view-media .grid-short-box-label { font-size: 14px; }
    .grid-box-image-text:before, .grid-short-box.box .text-caption:before, .top-caption h1:before { width: 40px; }
    .grid-box-image-text, .grid-short-box.box .text-caption, .grid-box-image-text, .grid-short-box.box .text-caption { left: 25px; }
}

/* About Page Styles */

body.about-page #headline { display: none; }
body.about-page #text1 { margin-bottom: 205px; margin-top: 50px; }

@media(max-width: 767px) {
    body.about-page #text1 { margin-bottom: 50px; }
}


/* Contact Page Styles */
#DynamicFormObject { border: none; }
#DynamicFormObject:after, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
.form-container-wide #DynamicFormObject { border: none; padding: 0; display: block; text-align: left; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }

.dynamicFormObjectFields form fieldset { margin-top: 60px; margin-bottom: 180px; position: relative; padding-right: 50%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 0; }
#DynamicFormObject .dynamicFormObjectField.textareaField { position: absolute; top: 0; right: 0; width: 50%; padding-left: 10px; }
.normal-form input { margin-bottom: 0; border: none; outline: 0; box-shadow: none; padding: 15px 20px; height: auto; font-family: 'Montserrat-SemiBold', 'arial'; }
.normal-form input, .normal-form textarea, .normal-form select { font-size: 17px; }
.normal-form input:focus { border: none !important; box-shadow: none; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper { height: 115px; background-color: #efeeee; margin-bottom: 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; display: block; padding: 0; margin: 0; }
.normal-form textarea { padding-left: 0; height: 240px; padding: 15px 20px; background-color: #efeeee; border: none; box-shadow: none; border-radius: 0; font-family: 'Montserrat-SemiBold', 'arial'; }
.normal-form textarea:focus { box-shadow: none; outline: 0; }
body.contact-page #SiteGrid.layout-bottom #GridPromo { padding: 0; }
#DynamicFormObject .dynamicFormObjectField:not(.textareaField) .must:before { top: 15px; left: 10px; }
#DynamicFormObject .dynamicFormObjectField.textareaField .must:before { top: 15px; left: 22px; }
#DynamicFormObject input[type=submit] { background-color: transparent; border: none; color: #000; font-size: 20px; font-family: 'Montserrat-SemiBold', 'arial'; display: inline-block; width: auto; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { border: none; background: transparent;}
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { position: absolute; right: 0; bottom: -35px; }

.internal-form textarea::-webkit-input-placeholder, .normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { font-family: 'Montserrat-SemiBold', 'arial'; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input:-moz-placeholder { font-family: 'Montserrat-SemiBold', 'arial'; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input::-moz-placeholder { font-family: 'Montserrat-SemiBold', 'arial'; }
.internal-form textarea::-webkit-input-placeholder, .normal-form input:-ms-input-placeholder { font-family: 'Montserrat-SemiBold', 'arial'; }

body.contact-page #headline, body.contact-page #text1 p, body.contact-page #text2 p { font-size: 143%; line-height: 1.25; }
body.contact-page #headline h1 { font-family: 'Montserrat-SemiBold', 'arial'; text-transform: uppercase; }
body.contact-page .MainContent { margin-top: 50px; }

@media(max-width: 991px) {
    .dynamicFormObjectFields form fieldset { margin-bottom: 100px; }
    body.contact-page #text1, body.contact-page #text2 { padding: 0; }
    body.contact-page #GridPage .max-width { width: 92%; }
}

@media(max-width: 767px) {
    .dynamicFormObjectFields form fieldset { padding-right: 0; }
    #DynamicFormObject .dynamicFormObjectField.textareaField { position: relative; width: 100%; padding: 0; }
    .normal-form textarea { max-width: 100%; width: 100%; margin-bottom: 10px; }
    #DynamicFormObject .dynamicFormObjectField .input-wrapper { height: 80px; }
    .normal-form textarea { height: 160px; }
    body.contact-page .MainContent { margin-top: 15px; }
    .dynamicFormObjectFields form fieldset { margin-top: 30px; }
    body.contact-page #headline, body.contact-page #text1 p, body.contact-page #text2 p { font-size: 125%; }
        body.contact-page #headline h1 { font-size: 115%; }
    body.contact-page #text1 p { margin-bottom: 5px; }
    #DynamicFormObject { max-width: 100% !important; }
}

/* Sketches Page */

body.sketches-page #GridTop { height: 340px; }
body.sketches-page #GridPage { padding-top: 7px; }

body.sketches-page .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before { content: "" !important; }
body.sketches-page .flex-direction-nav a:before { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
body.sketches-page .flex-direction-nav a:hover:before { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
body.sketches-page .flexslider:not(:hover) .flex-direction-nav .flex-prev { left: -60px; }
body.sketches-page .flexslider:not(:hover) .flex-direction-nav .flex-next { right: -80px; }

@media(max-width: 991px) {
    body.sketches-page #GridTop { height: 300px; }
    body.sketches-page .lobby-grid #GridPage .max-width { width: 100%; padding: 0; }
}

@media(max-width: 767px) {
    body.sketches-page #GridTop { height: 165px; }
}
a.AccessabilityLink { top: unset; transform: none; }

/* Publications Page */
body.publications-page #GridTop { height: 340px; }
body.publications-page #GridPage { padding-top: 7px; }

body.publications-page .grid-content-section { max-width: 100%; padding: 0; }
body.publications-page #LobbyModule .grid-boxes, body.publications-page #lobbyview .grid-boxes { max-width: 100%; padding: 0; }
body.publications-page .lobby-grid #GridPage .max-width { width: 100%; padding: 0 7px; }
body.publications-page #LobbyModule .grid-box, body.publications-page #lobbyview .grid-box { margin: 0; padding: 7px; float: right !important; }

body.publications-page .grid-boxes .grid-box-image { padding-bottom: 100%; margin-bottom: 0 !important; letter-spacing: 1.4px; }
body.publications-page .grid-boxes .box-image-animation img { width: auto; height: 100%; max-height: 100%; }
body.publications-page .grid-boxes .box-image-animation:hover img { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
body.publications-page .grid-box-title, .grid-boxes .grid-box-subtitle { display: none; }

body.publications-page .grid-box-image-text p { font-size: 20px;  }
    body.publications-page .grid-box-image-text p:first-of-type { font-family: 'Montserrat-SemiBold', 'arial'; font-weight: 600; text-transform: uppercase; }

@media(max-width: 991px) {
    body.publications-page #GridTop { height: 300px; }
    body.publications-page .lobby-grid #GridPage .max-width { width: 100%; padding: 0; }
    body.publications-page #LobbyModule .grid-boxes { padding: 0 7px; }
    body.publications-page #LobbyModule .grid-boxes > div { width: 33.333%; }
}

@media(max-width: 767px) {
    body.publications-page #GridTop { height: 165px; }
    body.publications-page #LobbyModule .grid-boxes > div { width: 50%; }

    body.publications-page .grid-box.textOnHover .grid-box-image .grid-box-image-container { position: absolute; }
    body.publications-page .grid-box.textOnHover .grid-box-image .box-image-animation { overflow: hidden; }
    body.publications-page .grid-box.textOnHover .grid-box-image .grid-box-opacity-layer { display: block; width: 100%; height: 100%; }
    body.publications-page .grid-box-image .hideUntilHover { opacity: 0; width: 80%; position: absolute; top: 50%; left: 50%; bottom: unset; font-size: 16px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
    body.publications-page .grid-box-image-text p { font-size: 14px; }
}

/* Projects Page */
body.projects-page #GridPage .max-width { width: 100%; max-width: 100%; padding: 0; }
body.projects-page #ContentGridReadMoreModule #pageview { display: none; }
body.projects-page #GridPage { padding-top: 14px; }
body.projects-page #gridshort-view-media { margin: 0 7px; }
body.projects-page #gridshort-view-media > div { padding: 0 7px; }
body.projects-page #gridshort-view-media > div .grid-short-box { margin-bottom: 14px; background-position:center;}

/* Projects Inner Page */
body.projects-page.contentInnerPage { }
body.projects-page.contentInnerPage #GridPage { padding-top: 0; }