﻿/*Parnas*/
body { font-size: 16px; background-color: #f5f5f5; color: #1c2b2d; }
a:hover, a:focus { color: inherit; }
body.modal-open { padding-right: 0!important; }
#header2 ul.menu li a:focus { border: none; }
/*Header*/
#header2 { background: #1c2b2d; padding: 15px 30px; }
#header2 #header-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; }
#header2.detailsInRow .header-right-section { display: inline-flex; flex-direction: row; width: 100%; }
#header2 #header-left { display: inline-flex; }
#header2.detailsInRow .menu-nav { position: relative; width: 100%; max-width: 100%; margin: 0; flex: 1; }
#header2 ul.menu { position: absolute; width: 80%; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; }
#header2.detailsInRow .header-top { display: flex; width: 20%; padding: 0; justify-content: flex-end; }
#header2 ul.menu > li:before { display: none; }
#header2 ul.menu li:after { content: ""; position: absolute; bottom: -3px; width: 0%; left: 0; height: 1px; background: #fff; right: 0; transition: all 0.4s ease; }
#header2 ul.menu li:hover:after { width: 100%; }
i.opensub.fa.fa-angle-down, i.opensub.fa.fa-angle-up { font-size: 80%; }
#header2 .header-top-left svg { width: 20px; height: 15px; }
#header2 .header-top-left a { position: relative; border: 1px solid; border-radius: 50px; margin: 0; display: inline-flex; padding: 5px; width: 30px; height: 30px; justify-content: center; align-items: center; transition: 0.3s ease-in-out; }
#header2 .header-top-left a:hover { background-color: #839b97; border: 0; }
#header2 .header-top-left a:first-child, #header2 .header-top-left { margin-right: 10px; }
#header2 ul.menu li.active, #header2 ul.menu li:hover { color: #fff; }
#header2 .menu-sub { background: #839b97; padding: 10px 20px; top: 110%; text-align: right; }
#header2 ul.menu ul.menu-sub li:after { content: none; }
@media(max-width: 991px) { 
    #header2.fixedMenu { position: fixed; padding: 0 0 0 20px; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 #header-container { flex-direction: row; }
    #header2 #header-left { width: 100%; justify-content: flex-start; padding-right: 10px; }
    #header2.detailsInRow .header-right-section { flex-direction: row-reverse; justify-content: flex-end; width: auto; position: static; padding: 20px; background: #fff; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: #000; height: 4px; border-radius: 0; }
    #header2.detailsInRow .menu-nav { max-width: none; flex: 0; width: auto; }
    #header2 .menu-nav .closed { display: none !important; }
    #header2 .nav-menu-anim { margin: 0; }
    #header2 .phone-icon, #header2 .mobile-middle-kdm { display: none; }
    #header2 .header-top-left { display: inline-flex; }
    #header2 #header-left img { max-width: 148px; }
    #header2 .header-top-right { position: absolute; left: 10px; right: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    #header2.detailsInRow .header-top { width: 0; }
    #header2 ul.menu { transform: none; position: fixed; top: 0; left: 0; bottom: 0px; width: 100%; background: #1c2b2d; text-align: right; padding: 80px 0px; }
    #header2.open ul.menu li.social-mobile { opacity: 0; }
    #header2 ul.menu .menu-sub li { margin-top: 10px; }
    #header2 ul.menu > li { padding-right: 60px; padding-top: 20px; }
    #header2 ul.menu li > a { font-size: 150%; }
    #header2 ul.menu li.has-sub > ul > li a { font-size: 125% }
    #header2.detailsInRow.open .header-right-section { padding: 0; }
    #header2.open .menu-nav { background: #fff; padding: 20px; }
    #header2 ul.menu li.active { background: transparent; }
    #header2 ul.menu li.active > a { border-bottom: 1px solid; }
    #header2 ul.menu li:after { content: none; }
    #header2 .menu-sub { background: transparent; padding: 0; }
}

/*Slider*/
#home-gallery .photoCaption .photoCaptionText:after { display: none; }
#home-gallery .photoCaption .photoCaptionText { background: transparent; color: #fff; max-width: 40%; margin-right: 130px; text-align: right; }
#home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 75px; letter-spacing: 1.5px; line-height: 90px; margin-bottom: 20px; }
#home-gallery .photoCaption .photoCaptionText p { font-size: 130%; line-height: 1.45; margin-bottom: 35px; }
#home-gallery ol.flex-control-nav.flex-control-paging { bottom: 10%; }
#home-gallery .flex-control-paging li a { background: transparent; border: 1px solid #fff; }
#home-gallery .flex-control-paging li a.flex-active { background: #fff; }
#home-gallery { height: 90vh !important }
#home-gallery .slides .slider-item::after { content: ""; background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3; }
#home-gallery .photoCaption { z-index: 1; }
.scroll-down button { background: transparent; border: none; }
.scroll-down img { min-width: 120px; }
.scroll-down { text-align: center; z-index: 10; display: block; top: -30px; width: 100%; position: relative; }
@media(max-width: 767px) {
    #home-gallery .photoCaption .photoCaptionText { max-width: 100%; margin: 0; }
    #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 50px; }
    #home-gallery .photoCaption .photoCaptionText p { font-size: 100%; }
}
/*Sections*/
/*Generals & Buttons*/
.section:not(:last-child) { margin-bottom: 100px; }
.section:first-child { margin-top: 80px; padding-top: 20px; }
.grid-text-section .section-title, .grid-content-section .section-title { position: relative; }
.section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #pageview #headline h1, #contactview #headline h1, #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle, #pageview #text1 h2 { font-size: 50px; position: relative; }
.grid-text-section h2, .grid-content-section .section-title h3, .form-container-wide #DynamicFormObject .top-form { font-size: 75px; text-transform: uppercase; font-family: FuturaStd-Bold; -webkit-text-stroke: 1px #839b97; color: #f5f5f5; opacity: 0.4; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; z-index: -1; }
#pageview #text1 h3 { font-size: 30px; color: #1c2b2d; }
.grid-text-section h2 { top: -40px; }
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, .content-section-Btn, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink, a.FormResultPageButton { background: #1c2b2d; color: #fff; font-size: 100%; padding: 10px 40px; border-radius: 0; border: none; margin-top: 30px; transition: 0.3s ease; }
.content-section-Btn, #DynamicFormObject input[type=submit] { margin-top: 30px; background: #c6b497; color: #1c2b2d; max-width: 190px; margin-left: auto; margin-right: auto; transition: 0.3s ease; cursor: pointer; }
.grid-text .sec-button:hover, .grid-rows .grid-row-text a.grid-row-button:hover, .team-sec .content-section-Btn:hover, a.FormResultPageButton:hover { background: #c6b497; color: #1c2b2d; }
.grid-rows .grid-row:first-child a.grid-row-button:hover, #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink:hover { background: #fff; color: #1c2b2d; }
.team-sec .content-section-Btn { background: #fff; /*font-size: 120%;*/ position: relative; }
.grid-content-section .content-section-Btn:hover, #DynamicFormObject input[type=submit]:hover { background: #1c2b2d; color: #fff; }
.grid-text { max-width: 790px; margin: auto; }

@media(max-width: 767px ) {
    .section:first-child { margin-top: 40px; }
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #pageview #headline h1, #contactview #headline h1, #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle, #pageview #text1 h2 { font-size: 40px; max-width: 100%; }    
    .grid-text-section h2, .grid-content-section .section-title h3 { font-size: 50px; top: -45px }
    .grid-text-section h2 { top: -30px; }
    .grid-text .grid-text-content { width: 100%; padding: 0 20px; }
}

/*Row-section*/
.grid-rows { display: flex; flex-direction: column-reverse; }
.grid-row:before { content: ""; background-image: url(/warehouse/temp/parnas/text.png); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; width: 153px; height: 100%; left: auto; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.grid-row:first-child:before { left: 0; right: auto; transform: rotate(180deg); top: 0; }
.grid-rows .grid-row { display: inline-flex; max-width: 90vw; margin: auto; align-items: center; padding: 55px 0; }
.grid-rows .grid-row:last-child, .grid-rows .grid-row:first-child { margin-right: auto; margin-left: 0; }
.grid-rows .grid-row:last-child { margin-bottom: 175px; background-color: #a2bfba; }
.grid-rows .grid-row:first-child { background-color: #c6b497; }
.grid-rows .grid-row-cell { display: inline-flex !important; justify-content: center; }
.grid-row-cell.flexslider-box ul.slides { box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.16); }
.grid-rows .grid-row:first-child .grid-row-cell.flexslider-box { justify-content: flex-start; right: -50px; }
.grid-rows .grid-row:last-child .grid-row-cell.flexslider-box { justify-content: flex-start; left: -50px; }
.grid-row .grid-row-cell.grid-row-cell-text { justify-content: flex-start; }
.grid-row .grid-row-image-container { position: relative; }
.grid-rows .grid-row-text h2 { padding-right: 15px; }
.grid-rows .grid-row-text h2:before { content: ""; background-color: #fff; background-size: 100% 100%; background-repeat: no-repeat; position: absolute; width: 69px; height: 69px; right: 0; left: auto; top: 50%; transform: translateY(-50%); border-radius: 100px; z-index: -1; opacity: 0.5; }
.grid-rows .grid-row:first-child .grid-row-text h2:before { transform: none; top: -10px; }
.grid-rows .grid-row:last-child .grid-row-text { width: 70%; left: auto; right: auto; display: flex; flex-direction: column; align-content: flex-end; flex-wrap: wrap; }
.grid-rows .grid-row:first-child .grid-row-text { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; width:70%; }
.grid-rows .grid-row-text a.grid-row-button { max-width: 150px; text-align: center; }
.grid-row li.slider-item { padding-bottom: 0; }
@media(max-width: 767px) {
    .grid-rows .grid-row { padding: 0; }
    .grid-rows .grid-row:first-child, .grid-rows .grid-row:last-child { max-width: none; overflow: inherit; }
    .grid-row:before { content: none; }
    .grid-rows .grid-row:last-child .grid-row-cell.flexslider-box, .grid-rows .grid-row:first-child .grid-row-cell.flexslider-box { left: 0; right: 0; top: -40px; }
    .grid-rows .grid-row:last-child .grid-row-text, .grid-rows .grid-row:first-child .grid-row-text { padding: 35px 20px 50px; width: 100%; align-content: baseline; margin: 0; }
    .grid-rows .grid-row:last-child { margin-bottom: 120px; }
    .grid-rows .grid-row-text h2 { margin-bottom: 25px; }
    .grid-rows .grid-row-text p { font-size: 100%; }
    .grid-row-cell.flexslider-box ul.slides { margin: 0 20px; }
}
/*Services section*/
.grid-content-section:not(:last-child) .grid-boxes, .grid-content-section:not(:last-child) .section-title { max-width: 900px; margin-right: auto; margin-left: auto; }
.grid-content-section:not(:last-child) .grid-boxes .grid-box-image { padding-bottom: 100%; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); }
.grid-content-section:not(:last-child) .grid-boxes .grid-box-image-container { background: #1c2b2d; }
.grid-content-section:not(:last-child) .grid-boxes .box-image-animation img { width: 100%; height: 96px; }
.grid-content-section:not(:last-child) .grid-boxes .box-image-animation { display: flex; justify-content: center; align-items: center; }
.grid-boxes .grid-box-title h3 { font-size: 130%; }
.grid-boxes .grid-box-title h3 a { color: #1c2b2d; }
@media(max-width: 767px) {
    .grid-content-section:not(:last-child) .grid-boxes .grid-box-image { margin-bottom: 10px; }
    .grid-content-section:not(.team-sec) .section-title h3 { top: -50px; }
    .grid-content-section:not(.team-sec) .grid-box { padding: 0 30px; width: 80%; margin-bottom: 10%; }
    .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: 140%; }
}
/*Team section*/
.team-sec { background-image: url('/warehouse/temp/parnas/bg-pic_desktop.jpg'); background-size: 100% 100%; background-repeat: no-repeat; max-width: 90vw; padding: 150px !important; }
.team-sec:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.7; z-index: 0; }
.team-sec .section-title h3 { -webkit-text-stroke: 1px #c6b497; color: transparent; }
.team-sec .section-title h2 { color: #fff; }

.team-sec .grid-boxes { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1000px; justify-content: space-between; margin-left: auto; margin-right: auto; }
.team-sec .grid-box-image { display: inline-block; width: 70%; padding-bottom: 95%; }
.team-sec .grid-box-fulltext, .team-sec .grid-box-title { display: inline-block; width: 100%; color: #fff; }
.team-sec .grid-box { display: flex; flex-direction: column; width: 33.33%; align-items: center; }
.team-sec .grid-box:not(.lastItem), .team-sec .grid-box.lastItem { margin-right: 0px; }
.team-sec .grid-box-title h3 a { color: #fff; }
.team-sec .grid-boxes .box-image-animation:hover img { transform: none; }
.team-info { width: 100%; display: flex; flex-direction: column; text-align: right; margin-right: 30px; }
.team-info .grid-box-title { margin-bottom: 15px; position: relative; }
.team-info .grid-box-title:before { content: ""; background-image: url('/warehouse/temp/parnas/circle.png'); background-size: 100% 100%; background-repeat: no-repeat; position: absolute; width: 43px; height: 43px; left: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -15px; z-index: -1; }
.team-info .grid-box-title h3 { font-size: 190%; }
.team-info .grid-box-fulltext { max-width: 280px; }

.home-page #PopUpData { text-align: right; flex-wrap: nowrap; flex-direction: column; }
@media(max-width:767px) {
    .team-sec { max-width: 90vw; padding: 50px 20px !important; background-image: url('/warehouse/temp/parnas/mobile_pic.jpg'); background-size: auto; }
    .team-sec .section-title h3 { z-index: 1; }
    .team-sec .grid-boxes { flex-direction: column; align-items: center; }
    .team-sec .grid-box { flex-direction: column; width: 100%; margin-bottom: 40px; }
    .team-sec .grid-box-image { padding-bottom: 90%; }
    .team-info { text-align: center; margin: 0; }
    .team-info .grid-box-fulltext { width: 100%; max-width: none; }
    .team-sec .grid-box:not(.lastItem) { margin-right: 0px; }
    .team-sec .grid-box.lastItem { margin-left: 0px; }
}
/*Footer*/
.footer-text-divided { display: flex; align-items: center; padding: 20px; background: #1c2b2d; color: #fff; font-size: 14px; line-height: 17px; }
.footer-text-divided > div.footer-text-right { display: inline-flex; flex-direction: column; align-items: center; }
.footer-text-divided > div.footer-text-left { display: inline-flex; flex-direction: column; align-items: center; }
.footer-text-divided > div.footer-text-right ul { list-style-type: none; column-count: 2; column-gap: 0; width: 60%; }
.footer-text-divided > div.footer-text-right ul > li, .footer-text-divided > div.footer-text-left p { padding-top: 12px; }
.footer-text-divided > div.footer-text-left p > a img { margin-right: 15px; transition: all 0.3s ease; }
.footer-text-divided > div.footer-text-left p > a img:hover { background: #839b97; border-radius: 50px; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
@media(max-width: 767px) {
    #SiteFooter { padding: 0; }
    .footer-text-divided { align-items: flex-start; }
    .footer-text-divided > div.footer-text-right { display: none; }
    .footer-text-divided > div.footer-text-middle p img { width: 70%; }
    .footer-text-divided > div.footer-text-middle, .footer-text-divided > div.footer-text-left { width: 100%; align-items: flex-end; }
    .footer-text-divided > div.footer-text-middle { display: inline-flex; }
    .footer-text-divided > div.footer-text-left p > a img { margin-right: 15px; }
    #SiteFooter .site-credit.alternative > div { display: inline-flex; justify-content: space-between; align-items: center; }
    a.AccessabilityLink { margin: 0; }
}

/*Inner Pages*/
/*generals*/
body:not(.home-page) #GridPage { padding-bottom: 100px; }
#GridPage { padding-top: 110px; }
#GridTop:before { content: ""; background-color: #000; position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.5; }
.MainContent { max-width: 700px; margin: auto; }
#text1, #text2, #pageview #headline { text-align: right; max-width: none; }
#text1 img { padding: 75px 0; }
.top-caption { font-size: 75px; letter-spacing: 1.5px; }
@media(max-width:767px) { 
    #GridPage { padding-top: 60px; }
    .top-caption { font-size: 50px; }
    #text1, #text2, #pageview #headline { max-width: 90vw; margin-right: auto; margin-left: auto; }
    body.contentPage #GridPage { padding-bottom: 0; }
    body:not(.home-page) #GridPage { padding-bottom: 50px; }
}
/*About*/
@media(max-width: 767px) {
    #text1 img { padding: 40px 0; }
}
/*Practice*/
#ContentGridShortModule { max-width: 900px; margin-right: auto; margin-left: auto; }
#grid-view { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
#ContentGridShortModule .gridshort-view-item { width: 50%; }
.practicePage #headline { margin-bottom: 40px; }
.practicePage #headline h1 { text-align: center; }
.practicePage #headline h1:before, #contactview h1:before { content: "areas of practice"; font-size: 75px; text-transform: uppercase; font-family: FuturaStd-Bold; -webkit-text-stroke: 1px #839b97; color: #f5f5f5; opacity: 0.4; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; z-index: -1; }
.grid-short-box-image { background-color: #1c2b2d; }
.grid-short-box-image img { width: 100%; height: 96px; }
.officeTeam .grid-short-box-image img { height: 100%; }
.officeTeam .grid-short-box-image { background-color: transparent; }
@media(max-width:767px) { 
    .grid-short-box-image img { height: 65px; }
}

#PopUpData .modal-image { background-size: contain; background-repeat: no-repeat; vertical-align: middle; background-position: left; }
.modal-text.displayTable { vertical-align: middle; }
#multi-content-modal .modal-content { height: 50vh; display: flex; }
#PopUpData { display: inline-flex; flex-direction: row; width: 100%; flex-wrap: wrap; }
@media(max-width: 767px) {
    #multi-content-modal .modal-content { height: 70vh; padding: 20px; }
    #PopUpData .modal-image { padding-bottom: 30vh; background-position: center; margin-bottom: 10px; }
    .modal-text #pageview #headline { text-align: center; margin-bottom: 10px; }
}
/*inner Practice page*/
.categories-strip ul { background: #1c2b2d; }
.categories-strip ul li { transition: all 0.3s ease; }
.categories-strip ul li.active, .categories-strip ul li:hover { background: #839b97; }
.categories-strip ul li a:focus { text-decoration: none; }
.innerContentPage #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { font-size: 85%; max-width: 85%; margin: 0 auto 20px; }
@media(max-width:767px) {
    #ContentGridShortModule .gridshort-view-item { padding: 0 10px; width: 50%; }
    .practicePage #grid-view .grid-short-box-text { font-size: 100%; }
    .practicePage #headline h1:before { font-size: 40px; top: -20px; }
    .innerContentPage #GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { font-size: 28px; }
    .mobile-strip { background: #1c2b2d; }
}
/*contact*/
#GridPage .max-width-center { max-width: 630px; }
#contactview { max-width: 630px; }
#contactview h1 { padding-top: 40px; }
#contactview h1:before { content: "contact us"; top: 0; }
#contactDetails .contactDetailsText1 p { font-size: 100%; }

#SiteGrid.layout-bottom #GridPromo { max-width: 980px; padding-top: 30px; }
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; width: 100%; border: none; align-items: center; background-image: url(/warehouse/temp/parnas/pic.jpg); background-size: 100% 100%; background-repeat: no-repeat; padding: 5% 3%; }
.form-container-wide #DynamicFormObject:before { content: ""; background: #000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.7; z-index: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding-bottom: 30px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 99%; padding: 0 10px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33%; padding-left: 10px; padding-right: 10px; }
.normal-form input, .normal-form textarea { width: 100%; margin-bottom: 20px; background: #fff; border-radius: 0; padding: 10px 20px; border:none; }
.normal-form input::placeholder, .normal-form textarea::placeholder { font-size: 12px; }
#DynamicFormObject:after { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0; }
#DynamicFormObject input[type=submit] { border-radius: 0; }
#GridPromo #DynamicFormObject h3.dynamicFormObjectTitle { color: #fff; z-index: 1; }
.form-container-wide #DynamicFormObject .top-form { z-index: 0; color: transparent; -webkit-text-stroke: 1px #c6b497; top: -10px; }
.must:before { top: 10px; right: 22px; }

.GridBottomGallery { max-width: 1170px; margin: auto; }
@media(max-width: 767px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField), .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
    #contactview h1:before, .form-container-wide #DynamicFormObject .top-form { font-size: 40px; top: 35px; }
    #contactview h1:before { top: 25px; }
    .form-container-wide #DynamicFormObject { padding: 50px 10px 40px; max-width: 100% !important; }
    #GridPage .max-width-center { max-width: 630px; padding: 0 20px 60px; }
    #SiteGrid.layout-bottom #GridPromo { padding: 0 10px; margin-top: 40px;}
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding-bottom: 0; }
}
/*Thank you Page*/
.container-fluid { margin-bottom: 30px; }
#FormResultPage #headline { text-align: center; }
@media(max-width:767px) {
    body.FormResultPage #GridPage { padding-bottom: 0; }
}