﻿/*Atar Eli*/

@import url("https://p.typekit.net/p.css?s=1&k=fmk2ati&ht=tk&f=40972&a=27030482&app=typekit&e=css");

@font-face { font-family: "AWConquerorDidot"; src: url("https://use.typekit.net/af/a394b0/00000000000000003b9b28de/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/a394b0/00000000000000003b9b28de/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/a394b0/00000000000000003b9b28de/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }

/*.tk-aw-conqueror-didot { font-family: "AWConquerorDidot",serif; }*/

body { font-size: 20px; color: #101728; background-color: #f0f2f5; }
h1, h2 { color: #030d23; }
h1, h2, h3 { font-family: almoni-neue-aaa-700; margin: 0; }
h1:after, h2:after, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { content: ''; display: block; width: 90px; height: 4px; background-color: #c1a97f; margin: 10px auto 15px; }
h1, .section-title h1, #headline h1 { font-size: 290%; letter-spacing: -1.45px; }
h2, .section-title h2 { font-size: 240%; }
.section-title h3, .grid-text-section.aboutSec .grid-text-content h3, #subheadline h2, #contactDetails .contactDetailsText1 > h2 { position: absolute; width: 100%; color: #001853; opacity: 0.08; font-size: 375%; top: 20px; right: 50%; font-family: "AWConquerorDidot"; text-transform: uppercase; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
.internalPage ul { margin-bottom: 20px; }
ul { list-style: none; margin-bottom: 0; }
p, ul li { font-size: 95%; line-height: 1.3; }
input, select, textarea { outline: none; }
#headline { font-size: 100%; }
.grid-rows .grid-row { background: none; }
.row { margin: 0; }
.container-fluid { padding: 0; }
.section { position: relative; margin: 0; padding: 0; }
a:hover, a:focus, .grid-boxes .grid-box-title h3 a { color: inherit; }
a:focus { outline: none; text-decoration: none !important; }
.grid-text p { margin-top: 0; }
.section-title { position: relative; margin-bottom: 0; }
.gallery-container { width: 100%; display: block; }
.sections .grid-content-section { max-width: 100%; padding: 0; margin-bottom: 0; }
.grid-boxes .grid-box-title h3 { margin: 0; }
.grid-text-section .section-title { margin-bottom: 0; }
iframe { width: 100%; }

/*General Transition Styles*/
a, .normal-form input[type=submit], svg, #header2 ul.menu > li > a:after, .promo-map-content button, .grid-text .sec-button:after,
#DynamicFormObject .dynamicFormObjectSubmit:after, #contactform .contact-form-submit:after, .innerProPage .promo-map-content button:after,
.grid-content-section.projectsSec .grid-box .grid-box-image:after { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }

/*General Button Styles*/
.grid-text .sec-button, #DynamicFormObject input[type=submit], .normal-form input[type=submit], #FormResultPage #text1 a, .promo-map-content button { height: 45px; width: 180px; background: none; border: 2px solid #001853; color: #101728; border-radius: 0; line-height: 42px; padding: 0; font-size: 95%; font-family: almoni-neue-aaa-700; }

.grid-text .sec-button:after, .grid-form-section.contactFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after,
#DynamicFormObject .dynamicFormObjectSubmit:after, #contactform .contact-form-submit:after, .innerProPage .promo-map-content button:after { content: ''; position: absolute; width: 100%; left: 0; bottom: 0; top: 100%; background-color: #001853; z-index: -1; }
.grid-text .sec-button:hover, .grid-text .sec-button:focus, #DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover,
.normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus,
.innerProPage .promo-map-content button:hover, .innerProPage .promo-map-content button:focus { color: #fff; border: 2px solid #001853; background: none; }
.grid-text .sec-button:hover:after, .grid-text .sec-button:focus:after,
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::after,
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:focus:after,
#contactform .contact-form-submit:hover:after, #contactform .contact-form-submit:focus:after,
#DynamicFormObject .dynamicFormObjectSubmit:hover:after, #DynamicFormObject .dynamicFormObjectSubmit:focus:after,
.innerProPage .promo-map-content button:hover:after, .innerProPage .promo-map-content button:focus:after { top: 0; }

.grid-text .sec-button { position: relative; margin-top: 25px; }
.innerProPage .promo-map-content button:after { z-index: 0; }

/*General Form Styles*/
#DynamicFormObject { color: inherit; }
body:not(.home-page) #DynamicFormObject:before { content: ''; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; background-color: #c1a97f; pointer-events: none; z-index: -1; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields,
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject, #DynamicFormObject { display: block; background: #fff; border: none; }
#DynamicFormObject:after, .normal-form:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { position: relative; font-size: 190%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 105%; margin-bottom: 25px; line-height: 1.2; }
.normal-form input, .normal-form select, .normal-form textarea { max-width: 100%; width: 100%; margin: 0 0 20px 0; font-size: 85%; color: #101728; border: 1px solid #babecb; border-radius: 0; background: #f0f2f5; padding-right: 15px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 12px; }
.normal-form input, .normal-form select { height: 46px; }
.normal-form textarea { height: 127px; }
.normal-form input::-webkit-input-placeholder, .normal-form select::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder { color: #101728; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { margin-top: 40px; font-size: 95%; }
.form-container-wide #DynamicFormObject .dynamicFormEndText p { line-height: 1.15; }
label.error, span.error { font-size: 75%; left: 20px; top: 5px; }
.must:before { right: 20px; }

/*Header*/
#header2 { color: inherit; background: #fff; padding: 0; }
#header2 .max-width { max-width: unset; width: 100%; }
#header2 .header-right-section { padding: 35px 0; padding-right: 50px; }
span.topAddress { margin-left: 20px; }
span.topAddress:before, span.bottomAddress:before { content: ''; display: inline-block; vertical-align: middle; margin-left: 5px; background-size: cover; background-position: center center; }
span.topAddress:before { width: 11px; height: 17px; background-image: url('../../../warehouse/temp/atarEli/iconGps.svg'); }
span.bottomAddress:before { width: 17px; height: 17px; background-image: url(../../../warehouse/temp/atarEli/iconPhone.svg); }
#header2 #header-left { padding-left: 50px; }
#header2 .header-top-left { display: none; }
#header2 .header-top { position: absolute; width: auto; left: 0; top: 50%; padding: 0; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#header2 #header-left a.logoHeader img { max-width: 140px; }
#header2 .header-top-left svg { fill: #001853; }
#header2 .menu-nav { margin: 0; }
#header2 ul.menu > li:before { content: none; }
#header2 ul.menu li { margin-left: 25px; }
#header2 ul.menu li.last-item, #header2 ul.menu li.social-mobile { margin-left: 0; }
#header2 ul.menu li, #header2 ul.menu li.active, #header2 ul.menu li:hover { color: inherit; display: inline-flex; align-items: center; }
#header2 ul.menu li a:focus { opacity: 1; border: none; }
#header2 ul.menu > li > a { position: relative; }
#header2 ul.menu > li > a:after { content: ''; display: block; width: 0; height: 4px; background-color: #c1a97f; }
#header2 ul.menu > li.active > a:after, #header2 ul.menu > li > a:hover:after, #header2 ul.menu > li > a:focus:after { width: 50%; }
#header2 ul.menu li.social-mobile { display: inline-block; }
#header2 ul.menu li.social-mobile a { height: 28px; width: 28px; display: inline-block; margin: 0 3px; border: 1px solid #001853; border-radius: 50%; text-align: center; line-height: 30px; }
#header2 ul.menu li.social-mobile svg { height: 15px; fill: #001853; }

#header2 .menu-sub { background: #fff; border-bottom: 5px solid #c1a97f; }
#header2 ul.menu .menu-sub li { color: #000; }
#header2 ul.menu .menu-sub li:hover { color: #001853; }
.has-sub i.opensub { font-size: 100%; }
/*Top Banner*/
.TopVideo iframe { width: 95vw; height: 160vh; }
#home-gallery, #home-gallery .slider-bg.stellar-bg { height: 600px !important; }
#home-gallery { margin-top: 99px; padding: 0 50px; background: #f0f2f5; /*overflow: visible;*/ }
#home-gallery:before { content: ''; position: absolute; width: 100%; height: 100px; background: #fff; left: 0; top: 0; pointer-events: none; }
#home-gallery .opacity-layer { /*width: calc(100% - 100px);*/ display: none; }
#home-gallery .slider-bg.stellar-bg { min-height: unset; background-attachment: unset; }
#home-gallery .slides .slider-item:after { content: ''; position: absolute; width: 100%; height: 60%; bottom: 0; right: 0; pointer-events: none; background: linear-gradient(to bottom, rgba(16, 23, 40,0) 0%, rgba(16, 23, 40,0.5) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(16, 23, 40,0)), color-stop(100%, rgba(16, 23, 40,0.5))); background: -webkit-linear-gradient(top, rgba(16, 23, 40,0) 0%, rgba(16, 23, 40,0.5) 100%); background: -o-linear-gradient(top, rgba(16, 23, 40,0) 0%, rgba(16, 23, 40,0.5) 100%); background: -ms-linear-gradient(top, rgba(16, 23, 40,0) 0%, rgba(16, 23, 40,0.5) 100%); background: -moz-linear-gradient(top, rgba(16, 23, 40,0) 0%, rgba(16, 23, 40,0.5) 100%); }
#home-gallery .gallery-caption { top: 35%; }
#home-gallery .gallery-logo { width: 100%; }
#home-gallery .flex-direction-nav a.flex-prev { left: 35px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#home-gallery .flex-direction-nav a.flex-next { right: 110px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.flex-direction-nav a { width: 47px; height: 30px; margin: 0; }
#home-gallery .flex-direction-nav a.flex-prev:before, #home-gallery .flex-direction-nav a.flex-next:before { width: 100%; height: 100%; }
#home-gallery .flex-direction-nav a.flex-prev:before { background-image: url(../../../warehouse/temp/atarEli/arrTopBannerL.svg); }
#home-gallery .flex-direction-nav a.flex-next:before { background-image: url(../../../warehouse/temp/atarEli/arrTopBannerR.svg); background-position: right center; }
#home-gallery .scroll-down { width: 100%; left: 0; bottom: -30px; }
#home-gallery .scroll-down svg { width: 4px; height: 60px; opacity: 0; }
#home-gallery .scroll-down:after { content: ''; position: absolute; width: 4px; height: 60px; background-color: #c1a97f; top: 0; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }

/*About Section*/
.grid-text-section.aboutSec { padding: 130px 0; background-image: url('../../../warehouse/temp/atarELi/bg-svg.png'); background-size: cover; background-position: center center; }
.grid-text-section.aboutSec .grid-text { position: relative; max-width: 850px; margin: 0 auto; }
.grid-text-section.aboutSec .grid-text:before { content: ''; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; background-color: #c1a97f; pointer-events: none; }
.grid-text-section.aboutSec .section-animation-item { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none; }
.grid-text-section.aboutSec .grid-text-content { width: 100%; background-color: #fff; padding: 75px 0 60px; margin: 0; transition: none; -webkit-transition: none; -o-transition: none; }
.grid-text-section.aboutSec .grid-text-content h3 { top: 105px; }

/*Project Section*/
.grid-content-section.projectsSec { background-color: #f7f7f7; padding: 45px 0 120px; }
.grid-content-section.projectsSec .grid-box { position: relative; padding: 0 30px; }
.grid-content-section.projectsSec .grid-boxes { max-width: 1230px; margin: 0 auto; }
.grid-content-section.projectsSec .grid-box .grid-box-image { padding-bottom: 400px; margin-bottom: 0; overflow: visible; }
.grid-content-section.projectsSec .grid-box .grid-box-image:after { content: ''; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; background-color: #c1a97f; z-index: -1; }
.grid-content-section.projectsSec .grid-box .grid-box-image:hover:after { right: 0; bottom: 0; }
.grid-content-section.projectsSec .grid-box .grid-box-image:before { content: ''; position: absolute; width: 100%; height: 55%; bottom: 0; right: 0; pointer-events: none; z-index: 1; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); }
.grid-content-section.projectsSec .grid-box img { height: 100%; object-fit: cover; }
.grid-content-section.projectsSec .grid-box .grid-box-title { position: absolute; max-width: 110px; display: inline-block; bottom: 10px; right: 0; text-align: right; pointer-events: none; z-index: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.grid-content-section.projectsSec .grid-box .grid-box-title h3 { font-size: 160%; color: #fff; }

/*Contact Section*/
.grid-text-section.contactImgSec, .grid-form-section.contactFormSec { max-width: unset; }

/*Contact Image Section*/
.grid-text-section.contactImgSec .grid-text.gridTextWithImg:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; background-color: rgba(16, 23, 40, 0.3); }
.grid-text-section.contactImgSec .grid-text.gridTextWithImg .grid-text-content { z-index: 1; }
.grid-text-section.contactImgSec .grid-text.gridTextWithImg .gridTextImgContainer img { height: 546px; object-fit: cover; object-position: center bottom; }

/*Grid Form Section*/
.grid-form-section.contactFormSec { height: 100%; background-color: #f0f2f5; }
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject { max-width: 364px; padding: 0; margin: 0 auto; background: inherit; }
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; }
.grid-form-section.contactFormSec #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject input { margin-bottom: 15px; background: none; }
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, #DynamicFormObject .dynamicFormObjectSubmit,
#contactform .contact-form-submit { width: 180px; display: inline-block; padding: 0; float: none; margin-left: auto; margin-right: auto; }
.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject input[type=submit] { margin-bottom: 0; }

/*Footer*/
footer { padding-top: 100px; }
.home-page footer { padding: 0; }
#SiteFooter { background: #101728; color: #cfd0d4; }
#SiteFooter a:hover, #SiteFooter a:focus { text-decoration: underline; }
#SiteFooter #partners-section, .footer-text.text-center { display: inline-block; width: auto; padding: 16px 0; }
#SiteFooter #partners-section > p, .footer-text.text-center > span p { display: inline-block; font-size: 80%; }
#SiteFooter #partners-section { padding-left: 50px; }
#partners-section a { padding: 0; }
#SiteFooter #partners-section img { margin-left: 5px; }
#SiteFooter #partners-section p:first-child { margin-left: 20px; }
#SiteFooter .footer-text.text-center { float: none; padding-right: 50px; }
#SiteFooter .footer-text.text-center p { margin-left: 15px; }
#SiteFooter .footer-text.text-center p:last-child { margin-left: 0; }
#SiteFooter .footer-address { display: none; }
.site-credit.alternative { padding: 10px 0; }

/*****Inner Pages*****/
#GridPage { padding-top: 100px; }
#grid-view { text-align: center; }
#GridContent { position: relative; }
#subheadline h2 { margin-bottom: 0; top: 30px; }
#subheadline h2:after { content: none; }
#text1, #text2 { max-width: 650px; }
#text1 p:last-child { margin-bottom: 0; }
.internalPage ul { padding-right: 0; }
.internalPage ul li { position: relative; }
.internalPage ul li:before { content: ''; display: inline-block; width: 8px; height: 8px; background-color: #c1a97f; vertical-align: middle; margin-left: 5px; }
.gallery-cubes > div { padding: 0 5px 10px; }

/*Inner Project*/
.innerProPage #SiteGrid:before { content: ''; position: absolute; width: 100%; height: 100px; top: 0; background-color: #fff; pointer-events: none; }
/*.innerProPage #GridTop { height: 400px; margin: 0 50px;}*/
.innerProPage #GridTop:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; background-image: linear-gradient(to bottom, rgba(16, 23, 40, 0.2), rgba(16, 23, 40, 0.4)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 23, 40, 0.2)), to(rgba(16, 23, 40, 0.4))); background-image: -o-linear-gradient(top, rgba(16, 23, 40, 0.2), rgba(16, 23, 40, 0.4)); }
.innerProPage #GridPage .max-width { max-width: 100%; width: 100%; }
#ProjectView { position: relative; direction: ltr; max-width: 1170px; margin: 0 auto 75px; }
#ProjectView:after { content: ''; display: table; clear: both; }
#ProjectView .section-title { margin-bottom: 8px; }
#ProjectView .section-title > h2 { font-size: 160%; letter-spacing: -0.8px; }
#ProjectView .section-title > h2:after { content: none; }
#ProjectView .rightGrid { text-align: right; direction: rtl; }

#ProjectView .projectSummary { margin-bottom: 75px; }

#ProjectView .projectDealSec { margin-bottom: 55px; }
#ProjectView .projectDealSec .projectDealTxt { max-width: 545px; }

#ProjectView .projectAccordSec { margin-bottom: 45px; }
#ProjectView .panel-group { margin-bottom: 0; }
#ProjectView .faq-headline { background-color: #fff; border: 1px solid #babecb; font-size: 105%; padding: 7px 20px 7px 10px; }
#ProjectView .panel-group .faq-item { margin: 0 0 10px !important; border-radius: 0; }
#ProjectView .faq-headline .button-open { left: 10px; }
#ProjectView .faq-body { background-color: #fff; border-top: 2px solid #c1a97f; }
#ProjectView .faq-body > div { max-width: 95%; padding: 15px 20px; }
#ProjectView .faq-body h3 { font-size: 105%; }

#ProjectView .fieldsUpdate { margin-top: 35px; }
#ProjectView .fieldsUpdate .gallery-cubes > div { padding: 0 10px 20px; float: right; }
#ProjectView .owl-prev, #ProjectView .owl-next { font-size: 0; }

@media(max-width: 767px) {
    #ProjectView .gallery-container { margin-top: 15px; }
}

#ProjectView .projectImageSec { margin-bottom: 55px; }
#ProjectView .projectImageSec .imgContainer img { width: 100%; }

#ProjectView .moreInfoSec .moreInfoContact { font-size: 95%; }
#ProjectView .moreInfoSec .moreInfoContact .projectSvgBox { width: 32px; height: 32px; display: inline-block; text-align: center; border: 1px solid #c1a97f; border-radius: 50%; vertical-align: middle; line-height: 35px; margin-left: 10px; }
#ProjectView .moreInfoSec .moreInfoContact .moreInfoContactGps { margin-bottom: 15px; }
#ProjectView .moreInfoSec .moreInfoContact .moreInfoContactPhone .projectSvgBox svg { width: 14px; height: 14px; }

#ProjectView #GridPromoCustom { width: 313px; padding-left: 0; }
#ProjectView #GridPromoCustom.affix { position: fixed; /*width:327px;*/ top: 101px; margin-top: 0; z-index: 1; }
#ProjectView .moreInfoSec .section-title, #ProjectView .moreInfoSec .moreInfoTxt { display: none; }

.innerProPage #PromoMap { width: 100%; height: 378px; position: relative; overflow: hidden; }
.innerProPage .promo-map-overlay { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(16, 23, 40, 0.7); z-index: 10; }
.innerProPage #PromoMap iframe { width: 100%; height: 100%; display: block; }
.innerProPage .promo-map-content { position: absolute; right: 50%; top: 50%; z-index: 11; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
.innerProPage .promoBgDeco { position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; background-color: #c1a97f; z-index: -1; }
.innerProPage .promoContentBoxInner { background-color: #fff; padding: 32px 60px; }
.innerProPage .promo-map-content h3 { font-size: 160%; font-family: almoni-neue-aaa-400; color: #030d23; letter-spacing: -0.8px; margin: 0 0 23px 0; }
.innerProPage .promo-map-content button { position: relative; direction: ltr; }
.innerProPage .promo-map-content button span { position: relative; z-index: 1; }

.innerProPage footer { padding-top: 0; }
.normal-grid .gridshort-view-item { pointer-events: none; }

#gridshort-view .grid-short-box-link { display: none; }
/*Contact Page*/
#contactview { overflow: unset; }
#contactDetails { font-size: 100%; margin-bottom: 40px; }
#contactDetails .contactDetailsText1 { margin: 0; font-size: 100%; line-height: unset; }
#contactDetails .contactDetailsText1 > h2 { top: 30px; }
#contactDetails .contactDetailsText1 p { margin-bottom: 0; font-size: 95%; }
#contact-boxes { display: none; }
#contactDetails .contactDetailsText1 h2:after { content: none; }
#contactform { padding: 40px 100px; margin-bottom: 10px; border: none; background-color: #fff; }
#contactview > .row > div { position: static; }
#contactview > .row > div.contact-form-wrap { position: relative; max-width: 1154px; margin: 0 auto; }
.contact-form-wrap:after { content: ''; position: absolute; top: 13px; left: 13px; right: -13px; bottom: -3px; background-color: #c1a97f; z-index: -1; }
#contactview > .row > div { padding: 0; }
#contactform .contact-container { width: 100%; }
#contactform .contact-container > .row { margin: 0 -9px; }
#contactform .contact-container > .row > div { padding: 0 12px; }
#contactform h3 { font-size: 105%; margin: 0 auto 25px; font-family: almoni-neue-aaa-400; }
#contactform textarea { margin: 0 0 10px; }
#contactform .contact-form-submit { position: relative; text-align: center; margin-bottom: 10px; }
#contactform .contact-form-comment { font-size: 75%; margin-bottom: 0; }

/*Accessability Page*/
#accessability { max-width: 650px; margin: 0 auto; }
#accessability #text1 { max-width: 100%; width: 100%; }
#accessability #text1 h2 { font-size: 160%; }
#accessability #text1 h2:after { content: none; }

#accessability #headline { text-align: right; }
#accessability #headline h1:after { margin-right: 0; }

@media(min-width: 1025px) {
    #header2 ul.menu li.social-mobile { margin-right: 15px; }

    #ProjectView .rightGrid { width: 745px; }
}

@media(min-width:991px) {
    #ProjectView .rightGrid { float: right; }
    #ProjectView #GridPromoCustom { float: left; }

    .innerProPage .promoContentBoxInner { min-width: 415px; }
}

@media(min-width: 768px) {
    .grid-text-section.contactImgSec, .grid-form-section.contactFormSec { display: table-cell; width: 50%; vertical-align: middle; }
    /*.grid-form-section.contactFormSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {display: inline-block; width: 206px; float: none;}*/

    #contactform .contact-container > .row > div:not(.textareaWrapper) { width: 33.333%; }
}

@media(max-width: 1280px) {
    #header2 #header-left { padding-left: 20px; }
    #header2 .header-right-section { padding-right: 20px; }

    .grid-content-section.projectsSec .grid-boxes { max-width: 90%; }
}

@media(max-width: 1170px) {
    .rightGrid { width: 100%; padding-left: 0; }
    #ProjectView { max-width: 91%; }
}

@media(max-width: 1024px) {
    #header2 .header-right-section { background: none; }
    #header2 .menu-nav { max-width: unset; width: 35px; }
    #header2 .nav-menu-anim { margin-left: 0; }
    #header2 .menu-nav .opened, #header2 .menu-nav .closed { display: none !important; }
    #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: #101728; }
    #header2 ul.menu { width: 100vw; height: 100vh; padding-top: 15vh; background: #fff; }
    #header2 ul.menu > li { margin: 0; font-size: 160%; padding: 10px 0; }
    #header2 ul.menu > li > a:after { position: absolute; right: 0; }
    #header2 ul.menu li.social-mobile { padding-top: 30px; }
    #header2 ul.menu li.social-mobile a { width: 35px; height: 36px; padding: 0; vertical-align: middle; }
    #header2 #header-left a.logoHeader img { max-width: 100px; }
}

@media(min-width: 991px) and (max-width: 1024px) {
    #ProjectView { max-width: 95%; }
    #ProjectView .rightGrid { width: 71%; }
    #ProjectView #GridPromoCustom { width: 280px; }
}

@media(max-width: 990px) {
    h1, .section-title h1, #headline h1, h2, .section-title h2 { font-size: 210%; }
    .section-title h3, .grid-text-section.aboutSec .grid-text-content h3, #subheadline h2, #contactDetails .contactDetailsText1 > h2 { top: 15px; font-size: 250%; }

    /*Header*/
    #header2 .header-right-section { padding-top: 20px; padding-bottom: 20px; }

    /*Top Banner*/
    #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 380px !important; }
    #home-gallery { margin-top: 67px; padding: 0 30px; }
    #home-gallery:before, .innerProPage #SiteGrid:before { height: 50px; }
    #home-gallery .gallery-caption { top: 33%; }
    #home-gallery .gallery-logo img { min-width: unset; max-width: 270px; }
    .flex-direction-nav a { width: 40px; height: 25px; }
    #home-gallery .flex-direction-nav a.flex-prev { left: 20px; }
    #home-gallery .flex-direction-nav a.flex-next { right: 60px; }

    /*About Section*/
    .grid-text-section.aboutSec { padding: 90px 0 65px; }
    .grid-text-section.aboutSec .grid-text-content h3 { top: 65px; }
    .grid-text-section.aboutSec .grid-text { max-width: 90%; }
    .grid-text-section.aboutSec .grid-text-content { padding: 45px 30px; }

    /*Projects Section*/
    .grid-content-section.projectsSec { padding-bottom: 60px; }
    .grid-content-section.projectsSec .grid-box .grid-box-image { padding-bottom: 250px; }
    .grid-content-section.projectsSec .grid-box { padding: 0 15px; }
    .grid-content-section.projectsSec .grid-box .grid-box-title { right: -30px; }

    /*Footer*/
    footer { padding-top: 60px; }
    #SiteFooter #partners-section { padding-left: 20px; }
    #SiteFooter .footer-text.text-center { padding-right: 20px; }

    /*****Inner Pages*****/
    #GridPage { padding-top: 60px; }
    #GridPage .max-width { width: 90%; }

    /*Inner Project*/
    .innerProPage #GridTop { height: 300px; margin: 0 30px; }

    #ProjectView { max-width: 90%; margin-bottom: 60px; }
    #ProjectView .section-title > h2 { font-size: 130%; }
    #ProjectView .projectSummary { margin-bottom: 50px; }
    #ProjectView .projectDealSec, #ProjectView .projectAccordSec, #ProjectView .projectImageSec, #ProjectView .moreInfoSec { margin-bottom: 40px; }

    #ProjectView #GridPromoCustom.affix { position: static; width: 90%; margin: 0 auto; float: none; padding-right: 0; }

    .innerProPage #PromoMap { height: 300px; }
    .innerProPage .promoContentBoxInner { padding: 20px 20px; }
    .innerProPage .promo-map-content h3 { font-size: 130%; margin-bottom: 10px; }

    /*Contact Page*/
    #contactform { padding: 30px; }
    #contactform h3 { margin-bottom: 15px; }
}

@media(min-width: 768px) and (max-width: 990px) {
    /*Projects Section*/
    .grid-content-section.projectsSec .grid-box .grid-box-title h3 { font-size: 120%; }

    /*Contact Section*/
    .grid-text-section.contactImgSec, .grid-form-section.contactFormSec { display: inline-block; }

    /*Contact Image Section*/
    .grid-text-section.contactImgSec { margin-right: -6px; }

    /*****Inner Pages*****/
    /*Inner Project*/
    #ProjectView { max-width: 75%; }
    #ProjectView #GridPromoCustom.affix { max-width: 450px; }

    /*Accessability Page*/
    #accessability { width: 70%; }
}

@media(max-width: 767px) {
    .section-title h1, .section-title h2 { max-width: 100%; }
    #header2 ul.menu li, #header2 ul.menu li.active, #header2 ul.menu li:hover { display: inline-block; }
    /*General Form Styles*/
    #DynamicFormObject { max-width: 100% !important; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px; }
    input[type=submit] { font-size: 95% !important; }

    /*Header*/
    #header2 #header-left { margin: 0; width: auto; }
    #header2 ul.menu > li { font-size: 140%; padding: 7px 0; }
    #header2 ul.menu li > a { font-size: 100%; }
    #header2 .menu-sub { border-bottom: unset; }

    /*Top Banner*/
    #home-gallery .gallery-caption { top: 25%; }
    .flex-direction-nav { top: 65%; }
    #home-gallery .flex-direction-nav a.flex-next { right: 80px; }
    #home-gallery .flex-direction-nav a.flex-prev { left: 40px; }

    /*Projects Section*/
    .grid-content-section.projectsSec { padding-bottom: 20px; }
    .grid-content-section.projectsSec .grid-boxes { max-width: 77%; }
    .grid-content-section.projectsSec .grid-box { margin: 0 0 50px; padding: 0; }
    .grid-content-section.projectsSec .grid-box .grid-box-image { padding-bottom: 110%; }
    .grid-content-section.projectsSec .grid-box .grid-box-image:after { z-index: 0; }
    .grid-content-section.projectsSec .grid-box .grid-box-image .grid-box-image-container { z-index: 1; }

    /*Contact Image Section*/
    .grid-text-section.contactImgSec .grid-text.gridTextWithImg .gridTextImgContainer img { height: 300px; }
    .grid-text-section.contactImgSec .grid-text.gridTextWithImg .grid-text-content img { max-width: 150px; }

    /*Contact Form Section*/
    .grid-form-section.contactFormSec { padding: 30px 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { margin-top: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 15px; }

    /*Footer*/
    #SiteFooter { padding-bottom: 45px; }
    #SiteFooter #partners-section, #SiteFooter .footer-text.text-center { width: 100%; }
    #SiteFooter #partners-section { padding: 20px 10px 10px; }
    #SiteFooter .footer-text.text-center { padding: 10px 10px 20px; }
    #SiteFooter #partners-section a { max-width: unset; display: inline-block; margin: 0; }
    #SiteFooter .mobile-seperator a { padding: 10px 0; }
    #SiteFooter .mobile-seperator { font-size: 95%; }
    a.AccessabilityLink { margin-bottom: 10px; }

    /*****Inner Pages*****/
    /*Inner Project*/
    .innerProPage #GridTop { height: 200px; }

    #ProjectView #GridPromoCustom.affix { width: 100%; }

    .innerProPage .promo-map-content { max-width: 290px; width: 100%; }

    /*Contact Page*/
    #contactDetails .contactDetailsText1 { max-width: 320px; margin: 0 auto; }
    #contactform h3 { max-width: 195px; line-height: 1.2; }
}

@media(max-width: 320px) {
    #home-gallery { padding: 0 15px; }
    #home-gallery .flex-direction-nav a.flex-next { right: 50px; }

    /*Inner Project*/
    .innerProPage #GridTop { margin: 0 15px; }
}

/* 30.8.22 gallery zoom fix */
.blueimp-gallery > .slides > .slide > .slide-content { touch-action: manipulation !important; -ms-touch-action: manipulation !important; -webkit-touch-action: manipulation !important; touch-action: pinch-zoom !important; -ms-touch-action: pinch-zoom !important; -webkit-touch-action: pinch-zoom !important; }
.blueimp-gallery > .slides > .slide { touch-action: manipulation !important; -ms-touch-action: manipulation !important; -webkit-touch-action: manipulation !important; touch-action: pinch-zoom !important; -ms-touch-action: pinch-zoom !important; -webkit-touch-action: pinch-zoom !important; }
