:root { --font-regular: "narkisblock-regular_mfw"; --font-bold: "NarkisBlock-Bold"; --font-medium: "NarkisBlock"; --font-english: "Futura-Bold"; --bg-color: #f3f2ed }
body { font-size: 16px }

.scroll-down { display: none }
.gallery-caption { width: 90% }
#header2 { padding: 0; background-color: black; }
#header2 #header-container { display: flex; flex-direction: column }
#header2 .max-width { max-width: unset }
.social-wrapper { background-color: #2a62fd; padding-block: 9px; padding-inline-start: 239px; max-height: 40px }
.header-right-section { order: 3; background-color: #e7e7df }
#header2 ul.menu > li:before { display: none }
#header2 ul.menu li { font-size: 112.5%; color: #000;; padding-inline: 10px; margin-inline-end: 40px; transition: 0.4s; }
#header2 .menu-nav { margin-top: 0 }
#header2 .header-top { padding: 0 }
#header2 ul.menu { margin-bottom: 0; padding-inline-start: 226px; }
#header2 ul.menu li.active { padding-inline: 10px }
#header2 ul.menu li.active { background: #d1d1c3; color: #000; }
#header2 ul.menu li:hover { background: #d1d1c3; color: #000; transition: 0.4s; }
#header2 ul.menu li a { padding: 12.2px 13px; display: inline-block; font-family: var(--font-bold); }
#header2 .menu-sub { background: #e7e7df; z-index: 4; padding: 0; }
#header2 .menu-sub li { color: black }
#header2 ul.menu .menu-sub li:hover { background: #d1d1c3; color: #000; transition: 0.4s; }
#header2 ul.menu .menu-sub li a { padding: 11px 13px; }
#header2 ul.menu .menu-sub li { color: #000; padding: 5px; margin-bottom: 0 }
#header2 ul.menu .menu-sub li a { padding: 0; text-align: center }
#SiteGridContainer { background: #f3f2ec; }
.logo-wrapper { position: relative; order: 2; display: flex; flex-direction: row-reverse; height: 80px; }
#header2 #header-left { position: absolute; left: 50%; transform: translateX(-50%); top: 25%; height: 40px; width: fit-content; }
#header2 .header-top-left svg { width: 27px; height: 19px; }
#header2 #header-left img { display: block; max-width: 153px }
.address { padding-inline-end: 239px }
.address .bottomAddress { font-size: 150%; display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; font-weight: bold; margin-top: 16px; line-height: normal; }
#whatAppButton { position: unset; }
#whatAppButton img { width: 24px; }
#header2 .header-top-left { margin-right: 0; direction: rtl; }
#header2 .header-top-left a { margin-right: 0; }
#header2 .header-top-left a:not(:first-child) { margin-inline-start: 30px; }
#header2 .header-top-left a:hover svg { fill: #C3BCA9; transition: 0.4s; }
#header2 .header-top-left a svg { transition: 0.4s; }
#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 { height: 5px }
#whatAppButton > a { position: relative; display: flex; transition: 0.4s; }
#whatAppButton:hover > a:after { content: ""; position: absolute; background: url(/warehouse/dynamic/387287.svg) no-repeat; background-size: 101%; inset: 0; }
#header2 ul.menu li a:focus { border: unset }
#header2 .header-top-left a:focus:after { display: none; }
.creditWrapper svg { fill: white }
a.AccessabilityLink:hover { color: white; text-decoration: underline; }
#home-gallery .gallery-logo { width: 100%; margin: auto; max-width: 1110px; }

@media (min-width: 768px) {
    body.macOs.safariBrowser #home-gallery { height: calc(var(--app-height) * 1.25) !important; }
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--vh) !important; /*background-position: 0 var(--headerHeight);*/ }
    #header2 .menu-sub { right: -26px; width: 200px; }
}

.sections .look-at-section { height: auto; margin-bottom: 0; background-color: var(--bg-color); padding-top: 50px }
.sections .look-at-section .image-section-data > img { margin-top: unset !important; }
.look-at-section > * { max-width: 1130px; width: 63%; margin-inline: auto; }
.sections .look-at-section .image-section-data { height: unset }
.home-page .sections .look-at-section .section-title { margin-top: 0; }
.sections .look-at-section .section-title { margin-bottom: 30px }
.sections .look-at-section .section-title h1 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; }

.sections .project-index-section { padding-top: 0; padding-bottom: 78px; margin-bottom: 0; background-color: var(--bg-color); }
.project-index-section > * { max-width: 1130px; width: 63%; margin-inline: auto; }
.project-index-section .section-title { margin: 10px auto 51px; text-align: start; }
.project-index-section .section-title h2 { font-size: 150%; color: #3a372f; margin-top: 30px }
.project-index-section .gallery-cubes { display: flex; flex-wrap: wrap; gap: 28px; }
.project-index-section .gallery-cubes::before, .project-index-section .gallery-cubes::after { display: none; }
.project-index-section .gallery-cubes > div { width: 8.9%; max-width: unset; margin-inline: 0; }
.project-index-section .gallery-cubes .boxes-images-outer-image { width: 100%; pointer-events: none; }
.project-index-section .gallery-cubes .image-link-container { display: none; pointer-events: none }
.project-index-section .gallery-cubes .boxes-images-outer-image:hover .image-link-container { opacity: 0 }
.project-index-section .gallery-cubes > div:nth-child(-n + 10) { }


section.about-group { margin-bottom: 0; }

.sections .our-projects-section { padding: 0; max-width: 1320px; width: 75%; margin-top: 100px; margin-bottom: -100px; }
.home-page .sections .our-projects-section .section-title { margin-bottom: 27px; }
.our-projects-section .section-title h2 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; }
.our-projects-section .grid-boxes { }
.our-projects-section .grid-boxes .grid-box { padding-inline: 65px }
.our-projects-section .grid-boxes .grid-box:nth-child(2) { border-left: 3px solid #9D9384; border-right: 3px solid #9D9384 }
.our-projects-section .grid-boxes .grid-box-image { padding-bottom: 86%; margin-bottom: 50px; }
.our-projects-section .grid-boxes .box-image-animation img { max-width: 247px; margin-inline: auto; transform: unset; }
.our-projects-section .grid-box-title h3 { font-size: 150% !important; font-family: var(--font-bold); color: #000; margin-bottom: 20px !important; }
.our-projects-section .grid-box-title h3 > a { color: inherit; transition: 0.4s color ease; border: 2px solid transparent; padding: 0 15px; }
.our-projects-section .grid-box:hover .grid-box-title h3 > a { /*border-color: #2a62fd;*/ }
.our-projects-section .grid-box-fulltext p { font-size: 112.5%; color: #3a372f; line-height: 20px; transition: 0.4s color ease; }
.our-projects-section .grid-box-subtitle.button { margin-top: 20px; }
.home-page .our-projects-section .grid-box-subtitle.button { text-align: center; }
.our-projects-section .grid-box-subtitle.button > a { font-size: 100%; font-family: var(--font-bold); color: #000; padding: 2px 30px; border-radius: 25px; border: solid 2px #000; display: inline-block; letter-spacing: 0.8px; }
.grid-boxes .grid-box-title h3 a:focus { /*outline: unset */ }

.sections .renewal-section { margin: 0; padding: 0; max-width: 1128px; margin-inline: auto; z-index: 3; width: 75%; margin-bottom: 0; transform: translateY(150px); }
.renewal-section .grid-text-content { max-width: 720px; padding-top: 150px; padding-bottom: 150px; }
.renewal-section .grid-text { box-shadow: -10px 10px 13px 0 rgba(83, 80, 54, 0.65); }
.renewal-section .grid-text h2 { font-size: 300%; font-family: var(--font-bold); color: #fff; margin-bottom: 50px }
.renewal-section .grid-text p { margin-top: 0; font-size: 112.5%; color: #fff; line-height: 1.11; }
.renewal-section .grid-text p:not(:last-child) { margin-bottom: 30px }
.renewal-section .grid-text .sec-button { font-size: 100%; font-family: var(--font-bold); padding: 3.3px 24px 3.3px; border-radius: 17px; border: solid 2px #fff; color: white; background: transparent; }
.renewal-section .grid-text .sec-button { transition: 0.4s; }
.renewal-section .grid-text .sec-button:hover { /*color: #5175da;*/ color: #fff; border: solid 2px #5175da; background-color: #0c3bbc; transition: 0.4s; }

.sections .selected-projects-section { max-width: unset; padding: 0; background-color: #e6e1d3; padding-top: 240px; margin-bottom: 0; z-index: 2; }
.home-page .sections .selected-projects-section:before { content: ""; position: absolute; top: -120px; width: 100%; height: 200px; background: #e6e1d3; left: 0; right: 0; }
.selected-projects-section .section-title { margin-bottom: 50px }
.selected-projects-section .section-title h2 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; }
.selected-projects-section .grid-boxes { max-width: 1136px; width: 75%; margin-inline: auto; }
.selected-projects-section .grid-boxes .box-image-animation { pointer-events: none }
.selected-projects-section .grid-boxes .grid-box:not(:last-child) { margin-bottom: 81px; }
.selected-projects-section .grid-boxes .grid-box-image { padding-bottom: 43%; }
.selected-projects-section .grid-boxes .grid-box-title h3 { transition: 0.4s color ease; font-size: 150%; font-family: var(--font-bold); color: #000; margin-top: 30px; margin-bottom: 10px }
.selected-projects-section .grid-boxes .grid-box-title h3 > a { color: unset }
.selected-projects-section .grid-boxes .grid-box-title h3 > a:focus { border: 2px solid #000; }
.selected-projects-section .grid-box-subtitle span { transition: 0.4s color ease; font-size: 116.5%; color: #3a372f; line-height: 30px; display: block }
.selected-projects-section:after { content: ""; position: absolute; height: 234px; bottom: 0; background: #f3f2ec; z-index: -1; left: 0; right: 0; }
.selected-projects-section .grid-boxes .grid-box-subtitle { text-align: center; line-height: normal; font-size: unset }
.selected-projects-section .grid-boxes .grid-box .grid-box-title:hover h3,
.selected-projects-section .grid-boxes .grid-box .grid-box-title:hover + .grid-box-subtitle span { color: #2a62fd; }
.selected-projects-section .grid-boxes .grid-box-image { margin-bottom: 0 }
.about-group .grid-rows { direction: ltr; }




.home-form-section { max-width: unset; padding-top: 100px; background-color: #f3f2ed; padding-bottom: 150px; margin-bottom: 0; }
#DynamicFormObject:after { display: none; }
.form-container-wide { max-width: 1440px; margin-inline: auto; width: 75%; }
.form-container-wide #DynamicFormObject { position: relative; border: unset; background: #000; display: flex; flex-direction: column; align-items: center; padding: 63px 169px 38px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; }
#DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 125% !important; color: #000; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: unset; font-size: unset; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0 }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 25%; padding: 17px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 15px; margin-top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; text-align: start; display: flex; align-items: center; gap: 8px; margin-top: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 20px; }
.form-container-wide #DynamicFormObject .normal-form input[type=checkbox] { width: 20px; height: 20px }
.normal-form input, .normal-form textarea { border-radius: unset; border: solid 1px #483b34; font-size: 112.5%; color: #848484; margin: 0; background: white; z-index: 1; position: relative; font-family: var(--font-noto-sans-he); }
.normal-form input { padding: 27.4px 12px; }
.normal-form textarea { width: 100%; }
.textarea-wrapper.must:before { top: 3%; }
.normal-form textarea { padding-top: 10px; margin-right: 1px; width: 99.5%; height: 152px }
#DynamicFormObject .checkboxField label { font-size: 87.5%; color: #fff; margin: 0 }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; margin: 0 auto; float: right; margin-top: 0 }
#DynamicFormObject input[type="submit"] { transition: 0.4s; font-size: 100%; font-family: var(--font-bold); color: #fff; padding: 3.3px 8px; border-radius: 30px; border: solid 2px #fff; background: black; max-width: 112px; height: unset }
.normal-form input[type=checkbox] { width: 20px; height: 20px; }
#DynamicFormObject input[type="submit"]:hover { color: #5175da; border: solid 2px #5175da; background-color: #0c3bbc; transition: 0.4s; }
#GridPage { padding-top: 90px; padding-bottom: 90px; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { order: 2; display: block; text-align: start; color: white; font-size: 87.5%; width: 100% !important; margin-top: 6px; padding-inline-start: 20px }
.form-container-wide #DynamicFormObject .dynamicFormEndText > p { /*padding-inline-start: 20px*/ }
#DynamicFormObject .dynamicFormObjectFields.row { order: 3 }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none }
.form-control::placeholder { color: #848484 !important; }
.must:before { color: #848484 !important; top: 33px; right: 23px; z-index: 2; }
span.error { top: 20px; z-index: 4; }
.checkboxField span.error { right: 16px; top: 24px; }
.contactusPage #DynamicFormObject .dynamicFormObjectField .input-wrapper span.error { top: -10px; }

.footer-wrapper { display: flex; flex-direction: row; background: #000; color: white; padding: 127px 226px; border-bottom: 37px solid #3964f4; }
.FooterForm.form-container-wide { flex: 2 }
.footer-text-divided { flex: 3; padding-top: 0; padding-bottom: 0; display: block }
.footerFormContainer { background: unset }
.footer-text-divided > .footer-text-middle { display: flex; flex-flow: row wrap; width: 100%; height: 100%; padding: 0 }
.footer-text-middle p { margin-top: 0; margin-bottom: 30px; font-size: 112.5%; color: #fff; text-align: end; font-family: var(--font-english) }
.footer-text-middle > div { display: flex; gap: 30px }
.footer-text-divided > div.footer-text-middle > div:not(.footerSocialIcons):not(.footer-mobile-wrapper) { flex-direction: column; max-width: 50%; margin-left: 52px; width: fit-content; }
.footer-text-divided > div.footer-text-middle > div.footerSocialIcons { width: 100%; margin: 0; height: fit-content; }
.footer-text-divided > div.footer-text-middle > div:not(.footerSocialIcons) p:first-of-type { margin-bottom: 0; }
.footer-text-middle ul { list-style-type: none; padding-inline-start: 0; text-align: end }
.footer-text-middle ul > li { font-size: 91.5%; color: #fff; margin-bottom: 10px }
#SiteFooter #DynamicFormObject { max-width: 490px; align-items: flex-end; padding: 0; width: unset; margin-inline-end: unset; }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin-top: 20px; }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 70%; direction: ltr; padding: 0; background-color: #e7e7e0; }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { background: transparent; width: 100%; order: 3; margin: 20px 0 0; display: flex; flex-direction: row-reverse; align-items: flex-start; }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField input { padding: 0; margin-top: 4px; height: auto; }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField label { font-size: 91.5%; text-align: left; }
#SiteFooter .FooterForm span.error { top: -21px; left: 0; font-size: 17px; }
#SiteFooter .FooterForm .checkboxField span.error { left: auto; right: 0; top: -20px; }
#DynamicFormObject .dynamicFormObjectField .input-wrapper { height: 100% }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField input { height: 100%; border: unset !important; box-shadow: unset; background-color: transparent; padding-inline-start: 16px; font-size: 125% }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: unset; left: 12px; }
#SiteFooter fieldset { display: flex; margin-inline-start: auto; flex-wrap: wrap; flex-direction: row-reverse; }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: unset; left: 11px; top: 11px; }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 0; width: 30% !important; margin: 0; padding: 0; }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { font-size: 112.5%; border-radius: unset; border: unset; padding: 8px 47px; background-color: #3964f4; width: 100%; height: unset; max-width: unset; }
#SiteFooter .dynamicFormEndText { text-align: end; margin-top: 35px; font-size: 112.5%; padding: 0 }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after { display: none }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; font-size: unset }
#SiteFooter #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormObjectTitle { color: white; font-size: 150%; font-family: var(--font-english); }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormEndText > p { font-size: 91.5%; text-align: end; color: white }
#SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField input { font-size: 112.5%; padding: 8px 19px; height: unset }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormEndText { font-size: unset !important; }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormEndText { order: 3; margin-top: 0 }
#SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: end; color: white; margin-bottom: 20px !important; font-size: 112.5% !important; display: block }
#SiteFooter #DynamicFormObject input[type="submit"]:hover, #SiteFooter #DynamicFormObject input[type="submit"]:focus { color: #5175da; box-shadow: inset 0 0 0 2px #5175da; padding: 8px 47px; background-color: #0c3bbc; border: unset; transition: 0.4s; color: #fff; }
.footer-text-left > p { margin-top: 95px; text-align: end }
.footer-text-middle > div.footerSocialIcons { gap: 45px; margin-top: auto }
.footer-text-middle ul > li:hover a { text-decoration: underline; transition: 0.4s; color: unset }
.footerSocialIcons svg { transition: 0.4s; width: 26px; height: 26px; }
.footerSocialIcons a:hover svg { fill: #2044FC; transition: 0.4s }
footer { padding-top: 0; }
#SiteFooter { padding-bottom: 0; }
footer .creditWrapper { display: flex; justify-content: center; gap: 50px; }
#SiteFooter .creditWrapper a.clientCredit img { max-width: 100px }

@media(max-width:1024px) {
    #header2 .max-width { max-width: unset; width: 100% }
    #header2 #header-left { margin: 0; height: auto; }
    #header2 .phone-icon { position: revert; order: 2; text-align: center; flex: 1; z-index: 2; display: flex; align-items: center; gap: 10px; justify-content: flex-start; }
    #header2 .header-right-section { display: none }
    #header2 #header-left { position: revert; transform: unset; flex-basis: 100% }
    #header2 .mobile-wrapper { display: flex; align-items: center; padding-inline: 19px; }
    #header2 .mobile-wrapper > * { flex: 1 }
    #header2 #header-container { flex-direction: column-reverse }
    #header2 .logo-wrapper { height: unset; justify-content: center; padding-block: 16px; }
    #header2 .menu-nav { max-width: unset; flex: 1; }
    #header2 ul.menu { z-index: 2 }
    #header2 #nav-toggle { z-index: 3 }
    #header2 #header-left img { max-width: 114px }
    #header2 ul.menu { box-shadow: 0 3px 6px 0 rgba(38, 36, 33, 0.71); background-blend-mode: multiply; background-image: linear-gradient(to bottom, #c3bca9, #c3bca9); width: 60vw; max-width: 225px; height: 100vh; padding-top: 152px; padding-inline-start: 25px; padding-inline-end: 40px; }
    #header2 .nav-menu-anim.open:before { content: ""; position: fixed; inset: 0; height: 100%; width: 100%; z-index: 2; /*mix-blend-mode: multiply;background-blend-mode: multiply;background-image: linear-gradient(to bottom, #625e54, #625e54);*/ opacity: 0.7; background: #000; }
    #header2 ul.menu li { font-size: unset; text-align: start; color: white; padding: 0; padding-bottom: 22px; margin-bottom: 24px; }
    #header2 ul.menu li:not(:last-child) { border-bottom: 1px solid #a79e89; }
    #header2 ul.menu li.active { color: unset; background: unset; padding-inline-start: 0; }
    #header2 ul.menu li.last-item { border: unset; padding-bottom: 0 }
    #header2 ul.menu li.last-item:after { content: ""; display: block; background: #fff; height: 1px; margin-top: 38px; margin-inline: calc(100% - 80vw); }
    #header2 .social-links { display: flex; align-items: center; gap: 36px; }
    #header2 ul.menu .social-links a { font-size: unset }
    #header2 ul.menu li a { padding: unset; font-size: 112.5% }
    #header2 .phone-icon > a { display: none }
    #header2 .bottomAddress { color: #2a62fd; font-size: 112.5% }
    #header2 .menu-sub { background: #9c9787; }
    #header2 ul.menu li:hover { background: #9c9787; color: white }
    #header2 ul.menu .menu-sub li { color: white }
    #header2 .social-wrapper { padding-block: 7.5px; }
    #header2 .mobile-middle-kdm { display: none }
    #header2 ul.menu .menu-sub li a { padding: 0; padding-inline-start: 20px; text-align: start; }
    #whatAppButton > a { position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 24.45px; }
    #whatAppButton img { width: 24px; height: 24.45px; position: absolute; inset: 0; }
    #whatAppButton > a:after { content: ""; position: absolute; background: url(/warehouse/dynamic/387287.svg) no-repeat; background-size: contain; inset: 0; }
}

@media(max-width:1024px) and (min-width:768px) {
    #header2 .phone-icon { justify-content: center; }
}

@media (max-width: 767px) {
    #home-gallery { height: var(--vh) !important; }
    #home-gallery .gallery-caption { display: none }
    .footer-wrapper { padding: 20px 25px 31px; flex-direction: column; border-bottom-width: 15px; }
    .footer-text-middle > div { gap: 30px; justify-content: space-between; margin-top: 20px; }
    .footerSocialIcons svg { width: 16px; height: 16px; }
    .footer-text-left > p { margin-top: 0; max-width: 125px; }
    #SiteFooter #DynamicFormObject .dynamicFormObjectTitleAndText .dynamicFormObjectTitle { font-size: 150% }
    #SiteFooter .dynamicFormEndText { font-size: 9px; margin-top: 9px }
    #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { margin-top: 10px; margin-bottom: 0 }
    #SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { margin-bottom: 0; padding-inline: 10px; line-height: 10px !important; border-radius: unset !important; font-size: 87.5% !important; margin-top: 0 !important; height: 100%; padding: 0; }
    #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField input { font-size: 75% !important; padding-inline-start: 18px !important; height: 30px }
    #SiteFooter .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 10px !important; font-size: 112.5% !important; }
    #SiteFooter .form-container-wide #DynamicFormObject .dynamicFormEndText > p { font-size: 75%; color: white }
    #SiteFooter .form-container-wide #DynamicFormObject .dynamicFormEndText { margin-top: 10px }
    #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { top: 6px; }
    .footer-mobile-wrapper { display: flex; flex-direction: row-reverse; padding: 0; }
    .footerSocialIcons { display: flex; gap: 20px; align-items: flex-end }
    .footer-text-divided > div.footer-text-middle { padding: 0; display: flex; justify-content: flex-end; column-gap: 40px; }
    .footer-mobile-wrapper { width: 100%; }
    .footer-text-divided > div.footer-text-middle > div:not(.footerSocialIcons):not(.footer-mobile-wrapper) { margin-left: 0; margin-bottom: 20px; justify-content: flex-start; }
    .footer-text-middle > div.footer-mobile-wrapper { margin: 0; }
    .footer-text-middle p { margin-bottom: 10px; font-size: 112.5% }
    .footer-text-middle ul > li { font-size: 75% }
    .FooterForm.form-container-wide .normal-form input { margin-bottom: 0; padding: 0 }
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { left: 5px; top: 5px; }
    #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; }
    #SiteFooter fieldset { max-width: 210px; display: flex; }
    #SiteFooter .FooterForm.form-container-wide { flex: 2; width: 100% !important; }
    .sections .look-at-section { padding-top: 30px; padding-bottom: 41px }
    .sections .look-at-section .section-title { margin-bottom: 20px }
    .sections .look-at-section .section-title h1 { font-size: 150%; }
    .look-at-section > * { width: 90% }
    .look-at-section .image-section-data img { margin-top: 0 !important; }
    .project-index-section { display: none }
    .home-page .sections .our-projects-section .section-title { margin-bottom: 0 }
    .sections .project-index-section { padding-inline: 0; padding-bottom: 50px }
    .project-index-section > * { width: 90% }
    .project-index-section .section-title h2 { font-size: 87.5%; margin-inline: 0; margin-top: 20px }
    .project-index-section .gallery-cubes > div { width: 50%; }
    .project-index-section .gallery-cubes > div:nth-child(-n + 10) { margin-bottom: 25px; }
    .project-index-section .section-title { margin-bottom: 28px }
    .our-projects-section .grid-boxes .grid-box { padding-inline: unset; padding-top: 30px; padding-bottom: 30px; margin-bottom: 0; }
    .our-projects-section .grid-boxes .grid-box:nth-child(2) { border-left: unset; border-right: unset; border-top: 2px solid #9D9384; border-bottom: 2px solid #9D9384; }
    .our-projects-section .grid-boxes .grid-box-image { margin-bottom: 20px; padding-bottom: 39%; }
    .our-projects-section .grid-box-title h3 { font-size: 112.5% !important; margin: 0 !important; line-height: unset; }
    .our-projects-section .grid-box-fulltext { margin-top: 16px }
    .home-page .our-projects-section .grid-box-fulltext { margin-top: 10px }
    .our-projects-section .grid-box-fulltext p { font-size: 87.5%; line-height: normal }
    .our-projects-section .section-title h2 { font-size: 150% }
    .our-projects-section .section-title { margin-bottom: 0 }
    .our-projects-section .grid-boxes .box-image-animation img { max-width: 121px }
    .sections .our-projects-section { transform: translateY(0px); margin-top: 0; padding-top: 30px; }


    .sections .renewal-section { width: 90%; transform: translateY(120px); }
    .renewal-section .grid-text { box-shadow: -5px 5px 8px 0 rgba(83, 80, 54, 0.65); }
    .renewal-section .grid-text-content { width: 90%; padding-top: 36px; padding-bottom: 18px; }
    .renewal-section .grid-text h2 { font-size: 150%; margin-bottom: 10px }
    .renewal-section .grid-text p { font-size: 87.5% }
    .renewal-section .grid-text .sec-button { font-size: 87.5% }
    section.about-group .section-title h2 { font-size: 150% !important; }

    .sections .selected-projects-section { padding-top: 166px; }
    .home-page .sections .selected-projects-section:before { top: 0 }
    .selected-projects-section .section-title { margin-bottom: 20px }
    .home-page .selected-projects-section .section-title { margin-bottom: 30px }
    .selected-projects-section .grid-boxes .grid-box-image { margin-bottom: 20px; }
    .selected-projects-section .section-title h2 { font-size: 150%; }
    .selected-projects-section .grid-boxes { width: 90% }
    .selected-projects-section .grid-boxes .grid-box { padding-inline: 0; }
    .selected-projects-section .grid-boxes .grid-box-title h3 { font-size: 112.5%; margin-top: 0; }
    .home-page .selected-projects-section .grid-boxes .grid-box-title h3 { margin-bottom: 0 }
    .selected-projects-section .grid-box-subtitle span { font-size: 87.5% }
    .home-page .selected-projects-section .grid-box-subtitle span { line-height: normal; margin-top: 5px; }
    .selected-projects-section .grid-boxes .grid-box.lastItem { margin-bottom: 0; }
    .selected-projects-section .grid-boxes .grid-box:not(:last-child) { margin-bottom: 30px }
    .selected-projects-section:after { display: none }


    .home-form-section { padding-top: 50px; padding-bottom: 50px; }
    section#home-form-section6:after { content: ""; position: absolute; top: 0; z-index: 0; left: 0; right: 0; background: #e6e1d3; height: 300px }
    .form-container-wide { z-index: 1; position: relative; width: 90% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 5px }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding: 5px }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { margin-top: 15px }
    .form-container-wide #DynamicFormObject { padding: 19px 30px; width: 90%; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText > p { padding-inline-start: unset; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; z-index: 2; top: 17px; }
    .form-control { padding-inline-start: 12px !important; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 106.25%; margin-bottom: 0 }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; font-size: unset; margin-top: 0; border-radius: 25px; }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { text-align: start; padding-inline-start: 5px; font-size: 75%; margin-top: 31px }
    #DynamicFormObject input[type="submit"] { padding: 10px 7px; max-width: 112px; font-size: 87.5% !important; border-radius: 25px; line-height: 10px; margin-top: 20px; height: unset }
    .normal-form input, .normal-form textarea { font-size: 87.5% !important; }
    #DynamicFormObject .checkboxField label { font-size: 75%; }
    #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField label { font-size: 75%; }
    .form-container-wide #DynamicFormObject { max-width: unset !important; width: 100% }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 150%; margin-top: 0 }
    .form-container-wide #DynamicFormObject .dynamicFormEndText { margin-top: 10px; width: 100%; font-size: 87.5%; }
    #DynamicFormObject .dynamicFormObjectFields.row { margin-bottom: 0 }
    .normal-form textarea { height: 100px }
    .normal-form input { padding: 19px 12px; }
    .normal-form input[type=checkbox] { width: 10px; height: 10px; padding: unset }
    span.error { top: 5px; z-index: 4; }
    footer .creditWrapper { gap: 20px; flex-direction: column }
}

/*about page*/
#GridPage #headline { margin: 0; font-size: unset }
#GridTop:not(.noTopImage) { height: var(--vh) !important; }
#GridPage { padding: 0 }
.aboutPage #GridTop:not(.noTopImage) { background-position: 0 var(--headerHeight); }
.lobby-grid #GridPage .max-width { padding: 0 }
.aboutPage .top-caption { color: transparent; width: 100%; font-size: 500%; text-align: center; top: 50%; }
.aboutPage .top-caption h1 { font-size: unset; }
.aboutPage .top-caption:after { display: none; content: ""; position: absolute; background: url(/warehouse/dynamic/385327.svg) no-repeat; z-index: 2; left: 50%; top: 0; transform: translate(-50%, -50%); width: 100%; height: 100%; background-size: contain; background-position: center; }
.aboutPage .top-caption img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 100%; }
.aboutPage #headline h1 { display: none }
.aboutPage .raise-section { padding: 0; margin-bottom: 0 }
.aboutPage .raise-section .grid-rows .grid-row { background-color: #2a62fd }
.aboutPage .raise-section .grid-rows .grid-row-text { width: unset; max-width: 624px; }
.aboutPage .raise-section .grid-rows .grid-row-text h2 { margin-bottom: 30px; font-size: 300%; color: #fff; font-family: var(--font-bold); }
.aboutPage .raise-section .grid-rows .grid-row-text h3 { font-size: 150%; color: #fff; }
.aboutPage .raise-section .grid-rows .grid-row-text h4 { font-size: 112.5%; color: #fff; font-weight: bold; }
.aboutPage .raise-section .grid-rows .grid-row-text p { color: #fff; }
.aboutPage .raise-section .box-image-animation img { max-width: 250px }
.aboutPage .raise-section .grid-row .grid-row-cell.grid-row-cell-text { text-align: start; padding-block: 100px; }
.aboutPage .sections .our-projects-section { padding: 70px 0 70px; max-width: unset; width: unset; margin-bottom: 0; background-color: #f3f2ed; margin-top: 0; }
.aboutPage .sections .our-projects-section > * { padding: 0; max-width: 1440px; width: 75%; margin-bottom: 0; margin-inline: auto; }
.aboutPage .our-projects-section .section-title h2 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; margin-bottom: 27px }
.aboutPage .our-team-section { padding: 70px 0 137px; max-width: unset; width: unset; margin-bottom: 0; background-color: #d4cec2; padding-bottom: 70px; }
.aboutPage .our-team-section > * { padding: 0; max-width: 1440px; width: 75%; margin-bottom: 0; margin-inline: auto; }
.aboutPage .our-team-section .grid-boxes { padding-top: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; }
.aboutPage .our-team-section .section-title h2 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; margin-bottom: 50px }
.aboutPage .our-team-section .grid-boxes .grid-box { padding: 0 54px; width: 33.333%; max-width: unset; }
.aboutPage .our-team-section .grid-boxes .grid-box-title h3 { margin-top: 12px }
.aboutPage .grid-box-title, .grid-box-subtitle { display: block; text-align: start }
.aboutPage .grid-boxes .grid-box-title h3 { margin-bottom: 0; text-align: start; font-size: unset !important; margin-top: 50px }
.aboutPage .grid-boxes .grid-box { font-size: unset !important; }
.aboutPage .grid-boxes .grid-box-title h3 a { font-size: 150%; font-family: var(--font-bold); color: #000; cursor: default; outline: none; transition: 0.4s color ease; }
.aboutPage .grid-boxes .box-image-animation { cursor: default; }
.our-projects-section .grid-boxes .grid-box:hover .grid-box-title h3 a,
.our-projects-section .grid-boxes .grid-box:hover .grid-box-fulltext p { color: #2a62fd; }
.our-projects-section .grid-boxes .grid-box:hover .grid-box-subtitle.button > a { color: #2a62fd; border-color: #2a62fd; }
.our-projects-section .grid-boxes .grid-box .grid-box-subtitle.button:hover > a { background: transparent; }
.aboutPage .our-projects-section .grid-box-title h3 { font-size: unset !important; text-align: center }
.aboutPage .grid-boxes .grid-box-subtitle { font-size: 111%; color: #3a372f; text-align: center }
.aboutPage .form-section { max-width: unset; margin: unset; padding-top: 0; padding-bottom: 100px; }
.aboutPage .form-section:before { content: ""; position: absolute; left: 0; right: 0; top: 0; background: #d4cec2; width: 100%; height: 250px; }
.aboutPage .our-team-section .grid-boxes .grid-box-subtitle { text-align: start }
.aboutPage .form-container-wide { margin-top: 0 }
.aboutPage .our-projects-section .grid-box-subtitle.button > a { line-height: normal }
.sections { background-color: #f3f2ed }
.grid-box-subtitle.button a { transition: 0.4s; }
.grid-box-subtitle.button:hover a { color: rgba(0,0,0,0.5); background-color: #ddd7cd; transition: 0.4s; }
.aboutPage .our-projects-section .grid-box-fulltext p { transition: 0.4s color ease; font-size: 112.5%; color: #3a372f; }
.grid-boxes .box-image-animation:focus { outline: unset }
.about .form-container-wide { margin-top: 0 }
.safariBrowser.macOs.aboutPage #GridTop:not(.noTopImage) { height: calc(var(--app-height) * 1.25) !important; background-position: 0 60px; }



@media (max-width: 767px) {
    .aboutPage #GridTop:not(.noTopImage) { background-size: cover; background-repeat: no-repeat; background-position: center; }
    .aboutPage .raise-section .box-image-animation img { max-width: 97px; margin-top: 40px; }
    .lobby-grid #GridPage .max-width { width: 100% }
    .raise-section .grid-row li.slider-item { padding-bottom: 49%; }
    .aboutPage .raise-section .grid-row .grid-row-cell.grid-row-cell-text { padding-block: 30px }
    .aboutPage .raise-section .grid-rows .grid-row-text { margin-top: 0; text-align: center; }
    .aboutPage .raise-section .grid-rows .grid-row-text h2 { font-size: 150%; margin-bottom: 20px }
    .aboutPage .raise-section .grid-rows .grid-row-text h3 { font-size: 100% }
    .aboutPage .raise-section .grid-rows .grid-row-text { max-width: 300px; margin: 0 auto; display: block; padding: 0 }
    .aboutPage .raise-section .grid-rows .grid-row-text h4 { font-size: 110%; }
    .aboutPage .sections .our-projects-section { padding: 30px 0 0; }
    .aboutPage .our-projects-section .section-title h2 { margin-bottom: 0; font-size: 150% }
    .aboutPage .grid-box-title, .grid-box-subtitle { text-align: center }
    .aboutPage .grid-boxes .grid-box-title h3 a { font-size: 150% }
    .aboutPage .our-projects-section .grid-box-subtitle.button > a { padding: 5.3px 31.5px; }
    .our-projects-section .grid-box-subtitle.button { margin-top: 20px; }

    .aboutPage #LobbyModule .grid-box { margin-bottom: 0 }
    .aboutPage .our-team-section { padding: 30px 0 248px; margin-bottom: -150px; }
    .aboutPage .our-team-section .section-title h2 { font-size: 150%; margin-bottom: 0 }
    .aboutPage .our-team-section .grid-boxes .grid-box { padding: 0; width: 100% }
    .aboutPage #LobbyModule .our-team-section .grid-boxes { max-width: 158px; margin-top: 30px }
    .aboutPage .grid-boxes .grid-box-subtitle { font-size: 87.5% }
    .aboutPage .form-section { transform: translateY(-50px); padding-bottom: 0 }
    .aboutPage .our-projects-section .grid-boxes .grid-box-image { padding-bottom: 45%; margin-bottom: 20px !important; }
    .aboutPage .our-projects-section .grid-box-fulltext p { font-size: 87.5%; line-height: normal }
    .aboutPage .top-caption { font-size: unset; height: 123px }
    .aboutPage .top-caption:after { left: 46%; background: url(/warehouse/dynamic/388535.svg) no-repeat; transform: translate(-45%, -50%); width: 80%; background-position: center; }
    .aboutPage .sections .our-projects-section .grid-boxes { padding: 0 !important; }
    .aboutPage .our-projects-section .grid-box-title h3 { text-align: center; margin-top: 20px !important; }
    .aboutPage .our-projects-section .grid-box-fulltext { margin-top: 10px; }
    .aboutPage .our-team-section .grid-boxes > .grid-box:not(:last-child) { margin-bottom: 30px !important; }
    .aboutPage .grid-boxes .grid-box-title h3 { text-align: center }
    .aboutPage .our-team-section .grid-boxes .grid-box-subtitle { text-align: center }
    .aboutPage .our-team-section .grid-boxes .grid-box-subtitle { font-size: 87.5% }
    .aboutPage .our-team-section .grid-boxes .grid-box-title h3 { margin-bottom: 5px }
}

@media (max-width: 360px) {
    .our-projects-section .grid-box-subtitle.button > a { padding: 2px 10px; }
}

/*Media page*/
.mediaPage #GridTop { display: none }
.mediaPage #pageview { margin-bottom: 0 }
.mediaPage #GridPage .max-width { max-width: 100%; }
.mediaPage #GridPromo.form-container-wide { max-width: 100% !important; padding: 0 0 200px !important; margin-bottom: 0 !important; background-color: #f3f2ed }
.mediaPage #gridshort-view-media { opacity: 0; transition: 0.8s; }
.mediaPage #gridshort-view-media.show-boxes { opacity: 1; transition: 0.4s; }
.mediaPage #SiteGrid.layout-bottom #GridPromo { padding-bottom: 150px !important; padding-top: 100px !important; }
.mediaPage #SiteGrid.layout-bottom #GridPromo:after { content: ""; position: absolute; inset: 0; background: #e6e1d3; height: 332px; z-index: 0; }
.mediaPage .form-container-wide #DynamicFormObject { z-index: 1 }
.mediaPage .form-container-wide #DynamicFormObject { max-width: 1440px; margin-inline: auto }
.mediaPage #GridContent { max-width: 1440px; margin-inline: auto; float: unset; }
.mediaPage #GridPage { padding-top: var(--headerHeight); background-color: #e6e1d3 }
.mediaPage #GridPage #headline { margin-top: 70px; margin-bottom: 50px; }
.mediaPage #GridPage #headline h1 { font-size: 300%; color: #2a62fd; font-family: var(--font-bold); }
.mediaPage #ContentGridReadMoreModule #pageview { margin-bottom: 0 }
.mediaPage .wrapper-boxes { display: grid; grid-template-columns: 414px 1fr 414px; column-gap: 56px; }
.mediaPage .wrapper-boxes .column-items > * { float: unset !important; width: auto; overflow: hidden }
.mediaPage .column-items > div { padding: unset }
.mediaPage .first-column-container.column-items { display: grid; grid-template-rows: 515px 519px; row-gap: 56px; grid-column: 1/2; }
.mediaPage .second-column-container.column-items { display: grid; grid-template-rows: 646px 388px; grid-template-columns: auto 414px; gap: 56px; grid-column: 2/4; }
.mediaPage .second-column-container.column-items > div:nth-child(1) { grid-column-start: 1; grid-column-end: 3; display: inline-grid; }
.mediaPage .second-column-container.column-items > div:nth-child(1) .grid-short-box.box { margin-bottom: 0 }
.mediaPage .column-items .grid-short-box.box a { z-index: 4 }
.mediaPage .column-items .grid-short-box.box a:focus { outline: 2px solid #3964f4; }
.mediaPage .second-column-container.column-items > div:not(:first-child) .grid-short-box.box { padding-bottom: 138%; }
/*.mediaPage .grid-short-box-subtitle, .mediaPage .grid-short-box-label {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}*/
.mediaPage .grid-short-box.box .text-caption { font-size: unset }
.mediaPage #gridshort-view-media .grid-short-box-label { color: white; font-size: 150%; text-align: start; font-family: var(--font-bold); }
.mediaPage .wrapper-boxes .text-caption .grid-short-box-subtitle { font-size: 112.5%; color: white; text-align: start; margin-bottom: 78px }
.mediaPage .wrapper-boxes .column-items > * .text-caption { z-index: 3; position: absolute; inset: 0; padding-inline: 20px; display: flex; flex-direction: column; justify-content: flex-end; max-width: 360px }
.mediaPage .wrapper-boxes .column-items > *:after { content: ""; background: url("/warehouse/dynamic/386363.png"); position: absolute; inset: 0; z-index: 2; opacity: 0.3; }
.mediaPage .wrapper-boxes .column-items > *:before { content: ""; background: #000; position: absolute; inset: 0; z-index: 3; opacity: 0.6; }
.mediaPage .wrapper-boxes .column-items .grid-short-box-text { position: absolute; right: 0; background: #2a62fd; margin-top: 19px; color: white; width: 270px; font-family: var(--font-bold); font-size: 112.5%; line-height: 33px; bottom: 30px; }
.mediaPage .first-column-container .grid-short-box.box { padding-bottom: 125%; }

@media (min-width: 768px) {
    .mediaPage .wrapper-boxes:not(:last-child) { margin-bottom: 56px }
    .mediaPage .wrapper-boxes:nth-child(even) .second-column-container.column-items { grid-area: 1 / 1 / span 2 / span 2; grid-template-columns: 414px auto; }
    .mediaPage .wrapper-boxes:nth-child(even) .first-column-container.column-items { grid-area: 1 / 3 / span 2 / span 1; }
    .mediaPage .wrapper-boxes:nth-child(odd) .second-column-container.column-items > *:nth-child(2) { grid-column: 2/3; grid-row: 2/3; }
    .mediaPage .wrapper-boxes:nth-child(odd) .second-column-container.column-items > *:nth-child(3) { grid-column: 1/2; grid-row: 2/3; }
}

@media (max-width: 767px) {
    .mediaPage #GridPage .max-width { width: 90% }
    .mediaPage #GridPage #headline { margin-top: 30px; margin-bottom: 30px; }
    #gridshort-view-media { margin-bottom: 59px }
    .mediaPage #GridPage #headline h1 { font-size: 150%; }
    .mediaPage .wrapper-boxes .column-items .grid-short-box-text { width: 100%; text-align: start; font-size: 87.5%; padding-inline-start: 7px; height: 30px; bottom: -37px; }
    .mediaPage .wrapper-boxes { grid-template-columns: 1fr; row-gap: 30px; margin-bottom: 30px; column-gap: unset; }
    .mediaPage .grid-short-box.box { margin-bottom: 0 }
    .mediaPage .first-column-container.column-items { grid-template-rows: minmax(230px, 1fr); grid-template-columns: 1fr; gap: 30px; grid-column: unset; }
    .mediaPage .second-column-container.column-items { grid-template-rows: 230px; grid-template-columns: 1fr; gap: 30px; grid-column: unset; }
    .mediaPage .first-column-container .grid-short-box.box { padding-bottom: 65%; background-position: center; }
    .mediaPage .second-column-container.column-items > div:nth-child(1) { grid-column-start: unset; grid-column-end: unset; }
    .mediaPage #gridshort-view-media .grid-short-box-label { font-size: 112.5%; margin-bottom: 20px }
    .mediaPage .wrapper-boxes .text-caption .grid-short-box-subtitle { font-size: 87.5%; margin-bottom: 20px }
    .mediaPage .wrapper-boxes .column-items > * .text-caption { padding-inline: 7px; bottom: 0; transform: translateY(-37px); top: unset; max-width: 100%; }
    .mediaPage #SiteGrid.layout-bottom #GridPromo:after { content: ""; position: absolute; inset: 0; background: #f3f2ed; z-index: 0; transform: translateY(256px); height: 310px; left: calc(50% - 50vw); width: 100vw; }
    .mediaPage #SiteGrid.layout-bottom #GridPromo { padding-top: 0 !important; padding-bottom: 50px !important; width: 100% !important; }
}


.projectsPage { }
.projectsPage #GridPage .max-width { max-width: unset; }
.projectsPage #SiteGrid.layout-bottom #GridPromo { max-width: 1440px }
.projectsPage #SiteGrid.layout-bottom #GridContent { max-width: 1070px; float: unset; margin-inline: auto }
.projectsPage:not(.contentInnerPage) #GridPage { padding-top: var(--headerHeight); }
.projectsPage:not(.contentInnerPage) .categories-strip { margin-top: var(--headerHeight); background: white; color: black; }
.projectsPage:not(.contentInnerPage) .categories-strip ul { padding: 10px }
.projectsPage:not(.contentInnerPage) .categories-strip ul > li:not(.strip-item) { display: none }
.projectsPage:not(.contentInnerPage) .categories-strip ul > li { padding: 0; }
.projectsPage:not(.contentInnerPage) .categories-strip ul > li > a { display: block; padding: 7px 32px; border-radius: 20px; border: solid 2px #000; font-size: 112.5%; line-height: normal; transition: 0.4s }
.projectsPage:not(.contentInnerPage) .categories-strip ul > li > a:focus { text-decoration: none; }
.projectsPage:not(.contentInnerPage) .categories-strip .projectsPage-subCat:not(:nth-child(2)) { margin-inline-start: 50px }
.projectsPage:not(.contentInnerPage) .categories-strip ul li.active { background: unset; }
.projectsPage:not(.contentInnerPage) .categories-strip ul li.active a { background-color: #ddd7cd; color: rgba(0,0,0,0.5) }
.projectsPage:not(.contentInnerPage) .categories-strip ul li:hover a { background-color: #ddd7cd; color: rgba(0,0,0,0.5); transition: 0.4s; }
.projectsPage:not(.contentInnerPage) #LobbyModule .grid-boxes { max-width: 1300px; display: flex; flex-wrap: wrap; padding-top: 0 }
.projectsPage:not(.contentInnerPage) #headline h1 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; margin-bottom: 50px; margin-top: 70px; }
.page-21487.projectsPage #headline h1 { font-size: 450%; margin-bottom: 0px; color: #000; }
.projectsPage:not(.contentInnerPage) #GridTop.noTopImage.longer { display: none }
.projectsPage:not(.contentInnerPage) .section-title { margin-bottom: 0 }
.projectsPage:not(.contentInnerPage) .section-title h2 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; margin-bottom: 50px }
.projectsPage:not(.contentInnerPage) .grid-boxes { display: flex; flex-wrap: wrap }
/*.projectsPage .grid-boxes > * {padding: 0;margin-bottom: 50px;float: unset !important;width: calc(50% - 100px);margin-inline: auto;}*/
.projectsPage:not(.contentInnerPage) .grid-boxes .grid-project-box { padding-inline: 50px; margin-bottom: 50px }
.projectsPage:not(.contentInnerPage) .grid-boxes .grid-project-box a { transition: 0.4s; }
.projectsPage:not(.contentInnerPage) .grid-boxes .grid-project-box a:hover { color: #2A62FD; transition: 0.4s; }
.projectsPage:not(.contentInnerPage) .grid-project-box .grid-project-box-image img { width: 189px }
.projectsPage:not(.contentInnerPage) .grid-short-box-fulltext { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 10px }
.projectsPage:not(.contentInnerPage) .grid-short-box-title { text-align: start; transition: 0.4s transform ease; }
.projectsPage:not(.contentInnerPage) .grid-boxes .grid-project-box a:hover .grid-short-box-title { transform: translateX(-20px); }
.projectsPage:not(.contentInnerPage) .grid-short-box .grid-short-box-label { padding: 0; font-size: 150%; font-family: var(--font-bold) }
.projectsPage:not(.contentInnerPage) .grid-short-box .grid-short-box-subtitle { font-size: 112.5%; font-weight: bold; }
.projectsPage:not(.contentInnerPage) .content-section-Btn > a { font-family: var(--font-bold); font-size: 100%; transition: 0.4s; border: solid 2px #000; padding: 11px 38px; width: fit-content; display: block; margin-inline: auto; border-radius: 30px; }
.projectsPage:not(.contentInnerPage) .content-section-Btn > a:hover { color: rgba(0,0,0,1); background-color: #ddd7cd; transition: 0.4s; }
.projectsPage:not(.contentInnerPage) .marketing-projects-section, .projectsPage .future-projects-section { padding-block: 70px; margin-bottom: 0 }
.projectsPage:not(.contentInnerPage) .populated-projects-section { padding-block: 70px; margin-bottom: 0; background-color: #e6e1d3 }

@media (max-width: 767px) {
    .projectsPage:not(.contentInnerPage) #GridPage .max-width { max-width: 100%; width: 100%; }
    .projectsPage:not(.contentInnerPage) #GridPage { }
    .projectsPage:not(.contentInnerPage) .grid-boxes { width: 90%; margin-inline: auto; }
    .projectsPage:not(.contentInnerPage) #headline h1 { font-size: 150%; margin-bottom: 30px; margin-top: 30px }
    .page-21487.projectsPage #headline h1 { font-size: 260%; margin-bottom: 0; }
    .projectsPage:not(.contentInnerPage) .categories-strip ul > li > a { text-align: center; color: black; }
    .projectsPage:not(.contentInnerPage) .mobile-strip .select-wrapper li.strip-item:first-child { margin-bottom: 10px }
    .projectsPage:not(.contentInnerPage) .section-title { margin-bottom: 0 }
    .projectsPage:not(.contentInnerPage) .section-title h2 { font-size: 150%; margin-bottom: 30px }
    .projectsPage:not(.contentInnerPage) #LobbyModule .grid-boxes { padding-top: 0; width: 90% }
    .projectsPage:not(.contentInnerPage) .grid-boxes > * { width: 100%; margin-bottom: 30px }
    .projectsPage:not(.contentInnerPage) .marketing-projects-section, .projectsPage .future-projects-section { padding-inline: 0; padding-top: 30px; padding-bottom: 50px }
    .projectsPage:not(.contentInnerPage) .grid-short-box .grid-short-box-label { font-size: 112.5%; }
    .projectsPage:not(.contentInnerPage) .grid-short-box .grid-short-box-subtitle { font-size: 87.5%; }
    .projectsPage:not(.contentInnerPage) .grid-project-box .grid-project-box-image img { width: 100px; }
    .projectsPage:not(.contentInnerPage) .content-section-Btn > a { font-family: var(--font-bold); padding: 3px 9px; }
    .projectsPage:not(.contentInnerPage) .grid-boxes .grid-project-box { padding-inline: 0; margin-bottom: 30px }
    .projectsPage:not(.contentInnerPage) .grid-short-box-fulltext { align-items: revert }
    .projectsPage:not(.contentInnerPage) .populated-projects-section { padding-top: 30px; padding-bottom: 50px }
}

/*project page*/
.projectsPage.contentInnerPage #GridPage { padding-top: calc(var(--headerHeight) + 70px); }
.projectsPage.contentInnerPage .project { padding: 0 }
.projectsPage.contentInnerPage #SiteGrid.layout-bottom #GridPromo { width: 100%; max-width: 100%; background-color: #e6e1d3; padding-block: 100px; margin-bottom: 0; }
.projectsPage.contentInnerPage .form-container-wide #DynamicFormObject { max-width: 1440px; margin-inline: auto }

@media (max-width: 767px) {
    .projectsPage.contentInnerPage #GridPage { padding-top: 0; }
    .projectsPage.contentInnerPage #SiteGrid.layout-bottom #GridPromo { width: 100% !important; padding-block: 30px; }
    .projectsPage.contentInnerPage #GridPromo #DynamicFormObject { width: 90% }
}

.blogPage #GridPage { padding-top: var(--headerHeight); }
.blogPage .blog-grid #GridPage .max-width { max-width: 100%; width: 100%; }
.blogPage #SiteGrid.layout-bottom #GridPromo { width: 100%; max-width: 100%; background-color: #e6e1d3; padding-block: 100px; margin-bottom: 0; }
.blogPage .form-container-wide #DynamicFormObject { max-width: 1440px; margin-inline: auto }
.blogPage .blog-posts { display: flex; flex-wrap: wrap; gap: 26px; justify-content: center; padding-bottom: 70px; max-width: 1440px; margin-inline: auto; }
.blogPage .blog-post { width: calc(33.3333% - 26px); padding: 0; }

.blogPage .blog-post-content > * { max-width: 240px; }
.blogPage #SiteGridContainer { background: #fff; }
.blogPage #GridTop.noTopImage.longer { display: none; }
.blogPage #headline h1 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; margin-bottom: 26px; margin-top: 70px }
.blogPage .blog-post-icons { display: none }
.blogPage .blog-post-image a:focus { outline: unset }
.blogPage .blog-post-content { background: #f3f2ed; padding: 52px 37px; text-align: start }
.blogPage .blog-post-writer { display: inline-block; color: #2a62fd; font-family: var(--font-bold); margin-bottom: 20px; font-size: 87.5% }
.blogPage .fa.fa-pencil { display: none }
.blogPage .blog-post-title { color: #000; font-size: 150%; padding: 0; font-weight: bold }
.blogPage .blog-post-title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.blogPage .blog-post-title::after { content: ""; display: block; max-width: 170px; background-color: #2a62fd; height: 2px; margin-top: 19px }
.blogPage .blog-post-text { display: none }
.blogPage .blog-post-button { display: none }
.blogPage.contentInnerPage #BlogModule { background: #f3f2ed; }
.blogPage.contentInnerPage #BlogView { max-width: 1440px; margin-inline: auto }
.blogPage.contentInnerPage #headline h1 { margin-top: 130px; margin-bottom: 20px; max-width: 800px; margin-inline: auto; }
.blogPage.contentInnerPage #BlogView .subheadline { font-size: 150%; font-family: var(--font-bold); max-width: 800px; margin-inline: auto; line-height: 1.1; }
.blogPage.contentInnerPage #BlogView .share-strip { direction: rtl; margin-block: 30px; float: unset; display: flex; justify-content: center; align-items: center; gap: 20px; }
.blogPage.contentInnerPage #BlogView #text1, .blogPage.contentInnerPage #BlogView #text2 { max-width: 800px; line-height: 20px; }
.blogPage.contentInnerPage #BlogView #text1 img, .blogPage.contentInnerPage #BlogView #text2 img { width: 100% }
.blogPage.contentInnerPage #BlogView p { font-size: 112.5%; line-height: 22px; }
.blogPage.contentInnerPage #BlogView ul { font-size: 112.5%; padding-inline-start: 12px }
.blogPage.contentInnerPage #BlogView .blog-related-posts { padding-bottom: 100px }
.blogPage.contentInnerPage #BlogView .blog-related-post { background-color: transparent }
.blogPage.contentInnerPage #BlogView .blog-related-posts h2 { font-size: 300%; font-family: var(--font-bold); color: #2a62fd; margin-bottom: 20px; margin-top: 103px; max-width: unset }
.blogPage.contentInnerPage #BlogView .share-strip span { order: 1; }
.blogPage.contentInnerPage #BlogView .share-strip span, #BlogView .share-strip a.share-icon { margin-left: 0; height: 21px; line-height: 24px; }
.blogPage.contentInnerPage #BlogView .blog-related-posts .blog-boxes { direction: rtl; display: flex; }
.blogPage.contentInnerPage #BlogView .blog-related-post-title { padding-inline-start: 0 }
.blogPage.contentInnerPage #BlogView .blog-related-post-title a { font-size: 112.5%; font-family: var(--font-bold); text-align: start; display: block; transition: 0.4s color ease; }
.blogPage.contentInnerPage #BlogView .blog-related-post:hover .blog-related-post-title a { color: #2a62fd; }
.blogPage.contentInnerPage #BlogView .share-strip:after, #BlogView .share-strip:before { top: 0; transform: translateY(10px); }
.categories-strip { display: none; }


@media (min-width: 768px) {
    .blogPage .blog-post:nth-child(7) { width: calc(100% - 26px); display: flex; }
    .blogPage .blog-post:nth-child(7) .blog-post-image { width: 67% }
    .blogPage .blog-post:nth-child(7) .blog-post-content { width: 33%; }
    .blogPage .blog-post:nth-child(7) .blog-post-image img { height: 300px; object-fit: cover }
    .blogPage .blog-post:nth-child(7) .blog-post-content { background-color: #2a62fd; }
    .blogPage .blog-post:nth-child(7) .blog-post-writer { color: white }
    .blogPage .blog-post:nth-child(7) .blog-post-title::after { background-color: white }
    .blogPage.contentInnerPage #BlogView .share-strip span, #BlogView .share-strip a.share-icon { line-height: 23px }
}


@media (max-width: 767px) {
    .blogPage #SiteGrid.layout-bottom #GridPromo { width: 100% !important; padding-bottom: 30px; padding-top: 0; }
    .blogPage #GridPromo #DynamicFormObject { width: 90% }
    .blogPage #GridPage { padding-top: 30px; background: #e6e1d3; }
    .blogPage #headline h1 { font-size: 150% }
    .blogPage.contentInnerPage #BlogView .share-strip { gap: 10px }
    .blogPage.contentInnerPage #BlogView h2 { font-size: 112.5% }
    .blogPage.contentInnerPage #BlogView p { font-size: 87.5% }
    .blogPage .blog-grid #GridPage .max-width { width: 100%; }
    .blogPage .blog-posts { gap: 7px; padding-bottom: 0; margin-bottom: 50px; }
    .blogPage .blog-post { width: calc(50% - 26px); padding-bottom: 11px }
    .blogPage .blog-post-title { color: #000; font-size: 87.5%; }
    .blogPage .blog-post-writer { margin-bottom: 10px; font-size: 75.5%; }
    .blogPage .blog-post-content { padding: 24px 6px; }
    .blogPage .blog-posts.blog-posts-style { margin-bottom: -80px }
    .blogPage .blog-post:first-child .blog-post-image img { display: none }
    .blogPage .blog-post:nth-child(n+3):nth-of-type(odd) { transform: translateY(-120px) }
    .blogPage .blog-post:nth-child(n+3):nth-of-type(odd):last-child { transform: translate(93px,-120px); }
    .blogPage.contentInnerPage #BlogView .blog-related-posts h2 { font-size: 150%; margin-top: 30px }
    .blogPage.contentInnerPage #BlogView { width: 90%; margin-inline: auto; padding: 0 20px }
    .blogPage.contentInnerPage #BlogView .blog-related-posts { margin: 0; padding-bottom: 30px }
    .blogPage.contentInnerPage .blog-boxes { display: flex; flex-direction: column }
    .blogPage.contentInnerPage .blog-boxes > div { width: 100%; display: block; padding-inline: 0 }
    .blogPage.contentInnerPage .blog-boxes > div:not(:last-child) { margin-bottom: 20px }
    .blogPage.contentInnerPage #BlogView .blog-related-post-title a { font-size: 87.5% }
    .blogPage.contentInnerPage #BlogView .share-strip:after, #BlogView .share-strip:before { width: 28% }
    .blogPage.contentInnerPage #BlogView ul { font-size: 87.5%; }
}


.contactusPage #LobbyModule { padding-top: 200px; }
.contactusPage #headline h1 { color: #2a62fd; font-size: 300%; font-family: var(--font-bold); margin-bottom: 39px }
.contactusPage .form-section fieldset { display: flex; flex-wrap: wrap }
.contactusPage .form-section .form-container-wide { max-width: 960px }
.contactusPage .form-section { max-width: unset; padding: 0; margin-bottom: 0; }
.contactusPage .form-section .form-container-wide #DynamicFormObject { padding: 0; background-color: transparent; }
.contactusPage .form-section .form-container-wide .dynamicFormObjectField input[type="checkbox"] { width: 20px; height: 20px; }
.contactusPage .form-section .normal-form input, .contactusPage .form-section .normal-form textarea { background: #aea496; color: white; text-align: start; padding-block: 27px; font-size: 150%; border: unset !important; box-shadow: unset; padding: 15px 22px !important; height: unset; }
.contactusPage .form-container-wide #DynamicFormObject .dynamicFormEndText { order: 6; margin-top: 0; text-align: center; font-size: unset }
.contactusPage #DynamicFormObject .dynamicFormObjectFields.row { margin-bottom: 0 }
.contactusPage .form-container-wide #DynamicFormObject .dynamicFormEndText > p { color: #3a372f; font-size: 87.5%; margin-top: 16px }
.contactusPage .form-section .form-control::placeholder { color: #fff !important; }
.contactusPage .form-section #DynamicFormObject .checkboxField label { color: #3a372f; font-size: 112.5% }
.contactusPage .form-section #DynamicFormObject input[type="submit"] { background: #2a62fd; width: 50%; max-width: unset; padding: 15px 39px; height: unset; font-size: 150%; text-align: center }
.contactusPage .form-section #DynamicFormObject input[type="submit"]:hover { color: black; }
.contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 11px; width: 50%; margin-bottom: 0 }
.contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(-n+3) { margin-bottom: 28px; }
.contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { order: 6; width: 100%; justify-content: center; padding: 0; margin-top: 30px; }
.contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { order: 7; margin-top: 39px; }
.contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { content: ""; position: absolute; left: 44%; top: 50%; transform: translate(-50%,-50%); transition: 0.4s; background: url(/warehouse/dynamic/388814.svg) no-repeat; width: 20px; height: 20px; z-index: 5; background-size: 100%; }
.contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit.hovered:after { background: url(/warehouse/dynamic/388825.svg) no-repeat; transition: 0.4s; background-size: 100%; }
.contactusPage .form-section .must:before { color: white !important; z-index: 2; top: 26px }

.contactusPage .section-info { padding-top: 80px; margin-bottom: 0 }
.contactusPage .section-info #grid-row0 { direction: ltr !important; }
.contactusPage .section-info #grid-row0 .grid-row-cell-text { background: #2a62fd; }
.contactusPage .section-info #grid-row0 .grid-row-text .item { display: flex; gap: 30px; align-items: flex-start }
.contactusPage .section-info #grid-row0 .grid-row-text .item:not(:last-child) { margin-bottom: 50px }
.contactusPage .section-info .item-data { color: white; font-size: 112.5% }
.contactusPage .section-info .item-data p { font-size: 112.5% }
.contactusPage .section-info .item-data p a { transition: 0.4s; }
.contactusPage .section-info .item-data p a:hover { color: white; text-decoration: underline; transition: 0.4s; }
.contactusPage .section-info .box-image-animation img { }
.contactusPage .section-info .social-items { display: flex; gap: 50px; align-items: center; margin-top: 20px }
.contactusPage .section-info .flexslider-box { width: 67%; }
.contactusPage .section-info .grid-row li.slider-item { padding-bottom: 50% }
.contactusPage .section-info .grid-row-cell-text { width: 33% }


@media (max-width: 767px) {
    .contactusPage .form-section fieldset { max-width: 280px; margin-inline: auto; }
    .contactusPage .form-section .normal-form input, .contactusPage .form-section .normal-form textarea { padding-block: 17px; padding-inline-start: 12px !important; }
    .contactusPage .form-section #DynamicFormObject .dynamicFormObjectField .must:before { top: 15px }
    .contactusPage #LobbyModule { padding-top: 120px; }
    .contactusPage #GridTop.noTopImage.longer { height: 0 }
    .contactusPage #headline h1 { font-size: 150%; margin-bottom: 30px }
    .contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; padding: 5px }
    .contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(-n+3) { margin-bottom: unset }
    .contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding-inline: 0 }
    .contactusPage .form-section #DynamicFormObject input[type="submit"] { width: 100%; margin-top: 20px }
    .contactusPage .form-section #DynamicFormObject .checkboxField label { font-size: 87.5% }
    .contactusPage .section-info { padding-top: 30px }
    .contactusPage .section-info .flexslider-box { width: 100%; overflow: hidden }
    .contactusPage .section-info .grid-row-cell-text { display: none !important; }
    .contactusPage .section-info .grid-row li.slider-item { padding-bottom: 144%; }
    .contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:after { top: 66%; transform: translate(-90%,-49%); }
    .contactusPage .form-section .form-container-wide .dynamicFormObjectField input[type="checkbox"] { width: 10px; height: 10px; padding: unset !important; display: block; margin-top: 5px }
    .contactusPage .form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { margin-top: 10px; align-items: flex-start; }
    .contactusPage .form-container-wide #DynamicFormObject .dynamicFormEndText > p { margin-top: 8px; font-size: 87.5%; text-align: start; }
}


.accessabilityMainPage #GridPage { padding-top: var(--headerHeight); /* background-color: #e6e1d3; */ }
.accessabilityMainPage #GridPage #headline { margin-top: 70px; margin-bottom: 50px; }
.accessabilityMainPage #GridPage #headline h1 { font-size: 300%; color: #2a62fd; font-family: var(--font-bold); }
.accessabilityMainPage #GridTop { display: none; }
.accessabilityMainPage #text1 { padding-bottom: 80px; }

@media (max-width: 767px) {
    .accessabilityMainPage #GridPage #headline { margin-top: 0; margin-bottom: 0; }
    .accessabilityMainPage #GridPage #headline h1 { font-size: 150%; margin-bottom: 30px; }
    .accessabilityMainPage #GridPage { padding-top: 120px; }
}


/*Thank you page*/
.aboutPage.FormResultPage #headline h1, .site-map #headline h1 { display: block; font-size: 300%; font-family: var(--font-bold); color: #2a62fd; }

@media (max-width: 767px) {
    .aboutPage.FormResultPage #headline h1 { font-size: 150%; }
}

/*SiteMap*/
.site-map #ContentRegularModule { margin-block: var(--headerHeight); }
.site-map #GridPage #headline { margin-bottom: 30px; }

@media(min-width: 1024px) {
    .site-map #text1 { display: flex; flex-flow: wrap row; max-width: 430px; justify-content: space-between; }
    .site-map #text1 > div { width: 200px; text-align: right; display: flex; flex-direction: column; row-gap: 8px; }
    .site-map #headline h1 { max-width: 430px; margin-inline: auto; text-align: right; }
}

.site-map #text1 > div h3, .site-map #text1 > div h4 { margin: 0; padding-bottom: 0; }

@media(max-width: 1024px) {
    .site-map #ContentRegularModule { margin-top: 0; }
}

/*Animations code*/
.lobbyview.shown .grid-box, .LobbyModule.shown .grid-box { animation: fadeElements .4s forwards; animation-delay: 0s !important; }
.section-animation-item { transform: translateY(40px) !important; opacity: 0 !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; -o-transition: all 400ms ease-in-out !important; -ms-transition: all 400ms ease-in-out !important; }
.section-animation-item.shown { transform: translateY(0px) !important; opacity: 1 !important; -webkit-transition: all 400ms ease-in-out !important; -moz-transition: all 400ms ease-in-out !important; -o-transition: all 400ms ease-in-out !important; -ms-transition: all 400ms ease-in-out !important; }
.grid-boxes .section-animation-item.opacity { animation: unset }
/*.grid-boxes .grid-box.section-animation-item.opacity {-webkit-transition: opacity 0.5s ease-in-out !important;-moz-transition: opacity 0.5ms ease-in-out !important;-o-transition:all 0.9ms ease-in-out !important;-ms-transition:all 0.9ms ease-in-out !important;}*/


/*Zoom 150% code*/
@media (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution: 144dpi) {
    body.dvr-1-5 { zoom: 0.7; }
    .dvr-1-5 #home-gallery, .dvr-1-5 #home-gallery .slides, .dvr-1-5 #home-gallery .slider-bg.stellar-bg { height: calc(var(--vh) + var(--headerHeight) - 69px) !important }
    .dvr-1-5.aboutPage #GridTop:not(.noTopImage) { height: calc(var(--vh) + var(--headerHeight) - 69px) !important; }
}
