/*-----------------------------------------------------------------GABRIAL ENGINEERING---------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@700&display=swap');

:root { --titlesFont: 'Tinos-Regular'; --boldFont: 'Assistant', sans-serif; --green: #8AA5A8; --blue: #1F2C3B; --black: #1D1D1D; --lightGreen: rgba(138, 165, 168, .3); }
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.35s ease; font-weight: 400; line-height: 1.4; letter-spacing: 1px; text-transform: uppercase; zoom:1 !important;}
body.ready { opacity: 1 }
@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    html { font-size: 55% !important; }
    body {font-size:15px;}
}
/*reset*/
#GridPage { padding: 0; }
body:not(.home-page) footer { padding: 0;}
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: 100%; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
.section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.grid-rows .grid-row { background-color: transparent; overflow: visible; }
.section { padding: 0; margin: 0 auto; }
footer { padding: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-boxes .grid-box-title h3 a, a, a:hover, a:focus, .grid-boxes .grid-box-title h3 a:focus,
.grid-boxes a.box-image-animation:focus { color: inherit; outline: none }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none }
.grid-rows .grid-row-text h2, .section-title, .grid-boxes .grid-box-title h3, h3, .grid-text p { margin: 0; padding: 0; }
.grid-boxes .grid-box-image { margin: 0; }
.row { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::after { content: none; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.grid-short-box .grid-short-box-label { padding: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.grid-short-box { margin: 0; }
.sections .grid-content-section { padding: 0; max-width: 100%; }
#header2.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header2 ul.menu { margin: 0; padding: 0; }
#header2 ul.menu li { margin: 0; padding: 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { color: inherit; }
#header2 .header-top-left { margin: 0; padding: 0; }
#header2 .header-top-left a { margin: 0; padding: 0; }
#header2 ul.menu > li:before { content: none; }
button { padding: 0; background: transparent; box-shadow: none; border: 0; }
.form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.form-container-wide #DynamicFormObject::after { content: none; }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0 !important; box-shadow: none; outline: none; border-radius: 0; }
.normal-form select, .normal-form select:focus { border-radius: 0; box-shadow: none; }
#LobbyModule .grid-boxes { padding: 0; max-width: 100%; width: 100%; }
#LobbyModule .grid-box { margin: 0; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important }
#header2 .max-width { max-width: 100%; width: 100%; }
#SiteFooter { padding: 0 }
#GridPage .max-width { width: 100%; }
#header2 ul.menu li a:focus { border: 0; }
#header2 #header-left { margin: 0 }
#text1, #text2 { max-width: 100% }
.grid-boxes .box-image-animation:hover img { transform: none; }
#whatAppButton { box-shadow: none; bottom: 20px; left: 20px; width: 140px; }
#whatAppButton img { max-width: 100%; }
.owl-carousel .owl-item .item .plus-sign { opacity: 0 !important; }
/*.emptyParagraph { display: none; }*/
#GridPage .max-width, #GridPage .max-width-center { max-width: 100% }
#GridTop.noTopImage.longer { height: 0; }
#GridTop.noTopImage.longer + #GridPage, #GridTop.noTopImage.longer + .categories-strip + #GridPage { margin-top: var(--headerHeight); }
#gridshort-view .flex-row::before, #gridshort-view .flex-row::after { content: none; }
#contactDetails .contactDetailsText1 { margin: 0; line-height: normal; font-size: inherit; }
#contactDetails h3 { margin: 0; font-size: inherit; }
#contact-boxes { margin: 0 }
.site-credit.alternative { padding-block: 5px; }
.categories-strip ul li a:focus {text-decoration:none;}
/*#gridshort-view.shown > div, #lobbyview.shown .grid-box, .grid-boxes .section-animation-item.opacity {animation:none; }*/

/*-------------generals-------------*/
#SiteGrid #GridContent { padding-block: 50px 100px; }
.selected-projects-page:not(.services-page) #SiteGrid #GridContent {padding-top:10px; }
#GridPage::before, .home-page #allSectionsWrapper::before { content: ''; position: fixed; width: 33.1vw; height: 100%; top: 0; left: 50%; transform: translateX(-50%); border-inline: 1px solid var(--lightGreen); z-index: -1; pointer-events: none; }
.selected-projects-page.contentInnerPage #GridPage::before {content:none; }
ul { padding-inline-start: 20px; list-style-type: square; }
li { margin-bottom: 0.521vw; }
li::marker { color: var(--green); border-radius: 0; }
#text1, #text2 { text-align: right; }
@media(max-width: 1024px) {
    .home-page #allSectionsWrapper {z-index:1}
    #SiteGrid #GridContent { padding-block: 50px 70px; }
    body:not(.home-page) #GridPage #GridWrap.max-width { padding-inline: 30px; }
    ul { padding-inline-start: 20px; }
    li { line-height: 1; }

}

/*-----buttons-----*/
.btn-wrapper { display: flex; justify-content: center; align-items: center; position: relative; max-width: 10.417vw; height: 2.344vw; border-radius: 100px; overflow: hidden; border: 1px solid transparent; }
.btn-wrapper::after { content: ''; width: 0.938vw; height: 0.938vw; position: absolute; left: 1.042vw; }
.btn-wrapper * { display: flex !important; justify-content: center; align-items: center; width: 100% !important; height: 100% !important; font-size: 0.938vw !important; line-height: 1; letter-spacing: 0.9px; text-transform: uppercase; font-family: var(--boldFont); transition: all 0.35s ease; }
.btn-wrapper .arrow-button-json { max-width: 17px; position: relative; margin-right: 0.521vw; }


.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .btn-wrapper { background-color: var(--green); }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit .btn-wrapper:hover { background-color: var(--black); }
#DynamicFormObject .dynamicFormObjectFields .btn-wrapper > * { background-color: transparent; padding-left: 0.781vw; }
#DynamicFormObject .dynamicFormObjectFields .btn-wrapper:hover > * { background-color: var(--blue) !important; color: #fff !important; }
#DynamicFormObject .dynamicFormObjectFields .btn-wrapper .arrow-button-json { position: absolute; left: 0; width: 35% !important; max-width: 100%; justify-content: flex-start; padding: 0; margin: 0; }
#DynamicFormObject .dynamicFormObjectFields .btn-wrapper .arrow-button-json lottie-player#blue-arrow-button-json { display: none !important; }
#DynamicFormObject .dynamicFormObjectFields .btn-wrapper .arrow-button-json lottie-player#arrow-button-json { max-width: 1.042vw; }

.services-section .btn-wrapper span { display: none !important; }
.services-section .btn-wrapper { margin: 0 auto; border-color: #fff; color: #fff; }
.services-section .btn-wrapper:hover > * {background-color:var(--green)}

.selected-project-btn-wrapper { position: relative; }
.selected-project-btn-wrapper::after { content: ''; position: absolute; background-color: var(--lightGreen); width: 200%; min-height:1px; height: 0.052vw; top: 0; right: -3.240vw; right: -2.140vw; }
.selected-projects-section .grid-row:nth-child(even) .selected-project-btn-wrapper::after { right: auto; left: -3.146vw; left: -2.140vw; }
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a,
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a:hover,
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a:focus { margin-top: 2.083vw; color: var(--blue); text-align: right; font-size: 0.938vw; font-weight: 400; line-height: 1; letter-spacing: 0.9px; text-transform: uppercase; border: 0; padding: 0; background-color: transparent; position: relative; }
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a::after, 
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a::before { content: ''; position: absolute; bottom: -0.156vw; min-height: 0.052vw; background-color: var(--black); transition: all 0.35s ease; }
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a::after { left: 0; width: 100%; }
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a:hover:after { width: 0; }
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a::before { right: 0; width: 0; }
.selected-projects-section .grid-row-text .selected-project-btn-wrapper a:hover:before { width: 100%; transition-delay: 0.3s; }

.projects-link { padding-block: 2.083vw; }
.projects-link .btn-wrapper { margin: 0 auto; border-color: var(--green); }
.projects-link .btn-wrapper a { background-color: transparent; color: var(--blue); }
.projects-link .btn-wrapper:hover a { background-color: var(--green); color: #fff; }
.projects-link .btn-wrapper a span { display: none !important; }
.projects-link .btn-wrapper.blue:hover #blue-arrow-button-json,
.projects-link .btn-wrapper.blue:not(:hover) #arrow-button-json,
#FormResultPage .btn-wrapper .FormResultPageButton lottie-player#blue-arrow-button-json,
.services-section .btn-wrapper lottie-player#blue-arrow-button-json { display: none !important; }

#FormResultPage .btn-wrapper .FormResultPageButton { }

@media(max-width: 1024px) {
    .btn-wrapper { max-width: 170px; height:38px; }
    .btn-wrapper * {font-size:1.6rem !important}
    .btn-wrapper .arrow-button-json { max-width: 13px; margin-right:8px; }

    .selected-projects-section .grid-row-text .selected-project-btn-wrapper a,
    .selected-projects-section .grid-row-text .selected-project-btn-wrapper a:hover,
    .selected-projects-section .grid-row-text .selected-project-btn-wrapper a:focus {font-size:1.6rem;}
    .selected-projects-section .grid-row:nth-child(even) .selected-project-btn-wrapper::after { right: auto; left: -6.146vw; }
    #DynamicFormObject .dynamicFormObjectFields .btn-wrapper .arrow-button-json lottie-player#arrow-button-json { max-width: 15px; }
    #DynamicFormObject .dynamicFormObjectFields .btn-wrapper .arrow-button-json { width: 28% !important; }
}

/*-----strip-----*/
.categories-strip { background-color: transparent; color: var(--blue); font-size: clamp(1.6rem,0.833vw,100rem); font-family: var(--boldFont); line-height: 1; letter-spacing: 0.8px; text-transform: uppercase; width: max-content; margin: 0 auto; }
.accessabilityMainPage .categories-strip { display: none; }
.categories-strip ul { display: flex !important; justify-content: flex-start; align-items: center; gap:clamp(10px,1.042vw,100px); }
.categories-strip ul li { display: inline-flex; justify-content: flex-start; align-items: center; margin: 0;border: 1px solid var(--green); border-radius: 100px; padding:0; transition:all 0.35s ease;background-color:#fff;}
.categories-strip ul li:first-child { display: none; }
.categories-strip ul li.active, .categories-strip ul li:hover { background-color: var(--green); color: #fff; }
.categories-strip ul li a { padding: 0.365vw 1.823vw; }

@media(max-width: 1024px) {
    .categories-strip .mobile-strip { display: none; }
    .categories-strip { padding-right: 30px; width: 100%; margin-bottom:30px;}
    .categories-strip nav.menu-tags-list { width: 100%; overflow: scroll; }
    .categories-strip ul { width: fit-content;padding-left:30px; }
    .categories-strip ul li a { width: max-content; padding: 7px 35px; }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {    
    .selected-project-btn-wrapper::after { right: -2.75vw; }
    .selected-projects-section .grid-row:nth-child(even) .selected-project-btn-wrapper::after {left: -2.75vw; }
}
@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {    
    .selected-project-btn-wrapper::after { right: -3.240vw; }
    .selected-projects-section .grid-row:nth-child(even) .selected-project-btn-wrapper::after {left: -3.146vw; }
}


/*-----gallery-----*/
#gridshort-view .flex-row, .selected-projects-gallery .grid-boxes { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; height: 100%; gap: 30px 20px; padding: 2.083vw; }
#gridshort-view .flex-row > div, .selected-projects-gallery .grid-boxes > div { width: calc(33.33% - 20px); }
.selected-projects-gallery .grid-boxes::before, .selected-projects-gallery .grid-boxes::after {content:none}
.grid-short-box { text-align: right; }
.grid-short-box .grid-short-box-image { padding-bottom: 95%; margin-bottom: 0.781vw; }
.grid-short-box img { transition: all 0.35s ease; }
.grid-short-box:hover img { transform: translate(-50%, -50%) scale(1.1); }
.grid-short-box .grid-short-box-fulltext { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; }
.grid-short-box .grid-short-box-fulltext .grid-short-box-label { width: 100%; color: var(--blue); font-size: clamp(1.6rem,0.938vw,100rem); font-family: var(--boldFont); line-height: 1; text-transform: uppercase; margin-bottom: clamp(5px,0.260vw,100px); }
.grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { width: auto; color: var(--green); font-size: clamp(1.4rem,0.833vw,100rem); line-height: 1; letter-spacing: 0.8px; text-transform: uppercase; }
.grid-short-box .grid-short-box-link { position: relative; width: 1.302vw; height: 0.885vw; color: transparent; margin: auto; margin-left: 0; line-height: 1; }
.grid-short-box .grid-short-box-link a { position: absolute; left: 0; bottom: 0; width: 1.302vw; height: 1.302vw; background-image: url(/warehouse/dynamic/424723.svg); background-position: left; background-repeat: no-repeat; background-size: contain; transition: all 0.35s ease; }
.flex-row > div:hover .grid-short-box-link a,
.selected-projects-gallery .grid-boxes > div:hover .grid-short-box-link a{ background-image: url(/warehouse/dynamic/424722.svg); }
.selected-projects-gallery { padding-inline: 2.083vw; }


.selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper .grid-box { width: 100%; }
.selected-projects-page.contentInnerPage .top-wrapper .owl-nav > div { color: transparent; }
.selected-projects-page.contentInnerPage .top-wrapper .owl-nav > div::after { background-image: url(/warehouse/dynamic/427876.svg); background-size: 50%; background-repeat: no-repeat; background-position: center; }
.selected-projects-page.contentInnerPage .top-wrapper .owl-nav > div.owl-prev::after { background-image: url(/warehouse/dynamic/427877.svg); }

@media(max-width: 1024px) {
    #gridshort-view .flex-row, .selected-projects-gallery .grid-boxes { padding: 0; padding-inline: 20px; flex-direction: column; gap: 30px; }
    #gridshort-view .flex-row > div, .selected-projects-gallery .grid-boxes > div { width: 100%; }
    .grid-short-box .grid-short-box-image { padding-bottom: 145%; margin-bottom: 10px; }
    .grid-short-box .grid-short-box-fulltext { }
    .grid-short-box .grid-short-box-fulltext .grid-short-box-label { padding-left: 35px; margin-bottom: 2px; }
    .grid-short-box .grid-short-box-link a { width: 24px; height: 25px; }
    .selected-projects-gallery { padding-inline: 0px; }
    .top-wrapper .owl-carousel .owl-stage-outer .owl-stage,
    .selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper .grid-box,
    .selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper .grid-box .grid-box-image,
    .selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper .grid-box .grid-box-image .grid-box-image-container,
    .selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper .grid-box .grid-box-image .grid-box-image-container img { height: 100%; }
}

/*-----form-----*/
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: right; font-size: clamp(3rem,1.823vw,100rem); font-family: var(--titlesFont); }
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: right; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1.042vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
.form-container-wide #DynamicFormObject .dynamicFormObjectField { font-size: clamp(1.4rem,0.833vw,100rem); line-height: 1.38; letter-spacing: 0.8px; text-transform: uppercase; color: var(--black); }
.form-container-wide #DynamicFormObject .dynamicFormObjectField { border-bottom: 1px solid var(--green); width: calc(50% - 8px); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap:clamp(15px,0.781vw,100px); }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField,
.form-container-wide #DynamicFormObject .dynamicFormObjectField.FileUploaderField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { border: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField .must::before { right: 0; top: 6px; }
.normal-form input, .normal-form textarea, .normal-form select { padding: 5px 10px; height: auto; }
.normal-form select, .normal-form select:focus { border-color: transparent; line-height: normal; }
.FileUploaderField::after { color: transparent; background-image: url(/warehouse/dynamic/424743.svg); background-position: center; background-repeat: no-repeat; background-size: contain; font-size: 80%; left: 2px; }
.select-wrapper:after { color: transparent; background-image: url(/warehouse/dynamic/424740.svg); background-position: center; background-repeat: no-repeat; background-size: contain; left: 0; top: 50%; font-size: 120%; line-height: 0.6; }
.normal-form input[type=checkbox] { accent-color: var(--green); }
@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject { justify-content: center; align-items: center; text-align: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: center; font-size: 3.5rem; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form, .form-container-wide #DynamicFormObject .dynamicFormObjectField { display: block; font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.8px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-top: 10px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; text-align: right; }
    #DynamicFormObject .dynamicFormObjectSubmit .btn-wrapper { margin: 0 auto; }
}

/*titles*/
#headline, .selected-projects-page #GridTop.noTopImage.longer .top-caption { margin: 0 auto 30px; max-width: 32.552vw; text-align: center; position: relative; }
.about-page #headline {margin-bottom:50px}
body:not(.selected-projects-page) #headline h1,
.selected-projects-page #GridTop.noTopImage.longer .top-caption { font-family: var(--titlesFont); font-size: 5.208vw; font-weight: 400; line-height: 1; text-transform: uppercase; color: var(--blue); }
#GridPage .section-title *, selected-projects-section h2, .our-clients-section .GalleryTitle h2 { color: var(--blue); text-align: right; font-family: var(--titlesFont); font-size: 3.646vw; font-weight: 400; line-height: 1; text-transform: uppercase }
#GridPage .section-title .bigSectionsTitlesWrapper * { text-align: center; font-size: 6.250vw; margin-block: 20px 30px; }
.grid-text-content h3 { color: var(--black); font-family: var(--boldFont); line-height: 1.4; letter-spacing: 1px; text-transform: uppercase; font-size: 2rem; margin-bottom: 10px }
.about-section h1 { text-align: left; font-size: 5.729vw; margin: 0 auto; margin-bottom: 20px; font-family: var(--titlesFont); text-transform: uppercase; display: flex; flex-wrap: wrap; flex-direction: row-reverse; max-width: 30vw; }
.about-section h1::after { }
.about-section h1 span { font-size: 4.329vw; }
.subTitlesWrapper { margin-bottom: 20px; }
.subTitlesWrapper *, .FormResultPage #headline .subTitlesWrapper h1 { font-size: 1.823vw; color: var(--blue); font-family: var(--titlesFont); font-weight: 400; line-height: 1; /* 100% */ text-transform: uppercase; }
#home-gallery .gallery-caption .gallery-text { font-size: clamp(22rem,13.021vw,100rem); text-align: center; font-family: var(--titlesFont); line-height: 1; text-transform: uppercase; opacity: 0.7; }
#home-gallery .gallery-caption .gallery-text span { font-size: clamp(4rem,2.604vw,100rem); letter-spacing: 11px; }
.services-section .section-title h2 { font-family: var(--titlesFont); color: #fff; font-size: 3.646vw; text-transform: uppercase; line-height: normal; margin-bottom: 20px }
.services-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; font-family: var(--boldFont); }
.selected-projects-section h2 { color: var(--blue); text-align: right; font-family: var(--titlesFont); font-size: 3.646vw; font-weight: 400; line-height: 1; text-transform: uppercase; }
.services-page #GridPage .selected-projects-gallery .section-title h2,
.selected-projects-page.contentInnerPage #GridPage .selected-projects-gallery .section-title h2 { width: auto; text-align: center; font-size: 3.5rem; margin-bottom: 30px; }


@media(max-width: 1024px) {
    .subTitlesWrapper *, .FormResultPage #headline .subTitlesWrapper h1 { font-size: 3.5rem }
    .selected-projects-page .subTitlesWrapper * { font-size: 2.5rem !important }
    .selected-projects-section h2, .our-clients-section .GalleryTitle h2, .services-section .section-title h2 { font-size: 4.5rem; max-width: 225px; text-align: center; line-height: 1.18; }
    #GridPage .section-title * { font-size: 3rem; max-width: 100%; text-align:center}
    #headline, .selected-projects-page #GridTop.noTopImage.longer .top-caption { max-width: 100%; padding-inline: 40px; }
    body:not(.selected-projects-page) #headline h1, .selected-projects-page #GridTop.noTopImage.longer .top-caption { font-size: 4.5rem; }
    #GridPage .section-title .bigSectionsTitlesWrapper * { font-size: 4.5rem; line-height: 1; margin-block: 40px 30px; }
    .services-section .section-title h2 { font-size: 4.5rem; }
    .selected-projects-section .section-title h2 { display: flex; flex-direction: column; padding: 50px 45px; margin: 0 auto; font-size: 4.5rem; align-items: center; text-align: center; max-width: 100%; }
    .custom-field-wrapper .field-title h3 { font-size: 1.6rem; }
    .services-page #GridPage .selected-projects-gallery .section-title h2,
    .selected-projects-page.contentInnerPage #GridPage .selected-projects-gallery .section-title h2 { font-size: 3.5rem !important; width: 100%; }
}

/*-----font sizes-----*/
.services-section .grid-boxes .grid-box .grid-box-fulltext { font-size: clamp(1.6rem,0.833vw,100rem); }
.custom-field-wrapper { font-size: 1.6rem; line-height: 1; letter-spacing: 0.8px; margin-bottom: 30px; }
.custom-field-wrapper .field-title h3 { font-size: 1.8rem; font-family: var(--boldFont); margin-bottom: 10px; }




@media(max-width: 1024px) {

}
/*header*/
#header2 { display: flex; justify-content: center; align-items: center; padding: 0; background-color: #fff; transition: all 0.35s ease; }
/*.home-page #header2 { background-color: transparent; }*/
.home-page #header2.bg, .home-page #header2.hover, #header2.internalPageBg { background-color: #fff; }
#header2 .max-width { margin: 0; height: 100%; padding-inline: 3.125vw 2.083vw; }
#header2 #header-container { height: 100%; display: flex; justify-content: space-between; align-items: center; }
#header2 #header-container > div { width: auto; height: 100%; }
#header2 #header-container #header-left { display: flex; justify-content: center; align-items: center; }
#header2 #header-container #header-left a {position:relative;}
#header2 #header-left a::after { width: 100%; content: ''; -webkit-mask-image: url(/warehouse/dynamic/422867.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background: var(--blue); position: absolute; height: 100%; left: 0; object-fit: cover; }
/*.home-page #header2:not(:is(.bg,.hover)) #header-left a::after { content: none; }
*/#header2 #header-container .header-top.social-links { display: flex; justify-content: center; align-items: center; padding: 0; }
.home-page #header2 .header-top-left a svg,
body:not(.home-page) #header2 #header-container .header-top.social-links svg,
.home-page #header2:is(.bg,.hover) #header-container .header-top.social-links svg,
.home-page #header2 #header-container .header-top.social-links a:hover svg { fill: var(--green); }
body:not(.home-page) #header2 #header-container .header-top.social-links a:hover svg,
body:not(.home-page) #header2.internalPageBg #header-container .header-top.social-links svg,
.home-page #header2:is(.bg,.hover) #header-container .header-top.social-links a:hover svg { fill: var(--blue); }
#header2 #header-container .header-right-section { }
#header2 #header-container .header-right-section .menu-nav { height: 100%; }
#header2 #header-container .header-right-section .menu-nav #menu { height: 100%; }
#header2 #header-container .header-right-section .menu-nav #menu > li { height: 100%; padding: 1.358vw 1.823vw; }
#header2 #header-container .header-right-section .menu-nav #menu > li:first-of-type { margin-right: 3.646vw }
#header2 #header-container .header-right-section .menu-nav #menu > li > a { line-height: normal; color: var(--blue); font-size:clamp(1.8rem,0.94vw,100rem); letter-spacing: 0.9px; }
.home-page #header2:not(:is(.bg,.hover)) #header-container .header-right-section .menu-nav #menu > li > a { color: var(--black); }
#header2 #header-container .header-right-section .menu-nav #menu > li.active > a { font-family: var(--boldFont); }
#header2 #header-container .header-right-section .menu-nav #menu li.has-sub i { color: var(--blue); display: inline-flex; }
#header2 #header-container .header-right-section .menu-nav #menu li.has-sub i::before { content: ""; width: 12px; height: 8px; display: inline-block; background-image: url(/warehouse/dynamic/424740.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }
.home-page #header2:not(:is(.bg,.hover)) #header-container .header-right-section .menu-nav #menu li.has-sub i::before { -webkit-mask-image: url(/warehouse/dynamic/424740.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; background: #fff; background: var(--black); }
#header2 .header-top-left { display: flex; flex-direction: row-reverse; gap: clamp(20px,1.042vw,100px); }
#header2 .header-top-left a svg { width: auto; }

#header2 .has-sub .menu-sub { background-color: #fff; color: var(--blue); width: 220px; padding: 0.26vw 0.521vw; font-size: clamp(1.8rem,0.94vw,100rem); letter-spacing: 0.9px; top: 75%; right: -20px; }
#header2 #menu .has-sub .menu-sub li { color: inherit; font-size: inherit; margin: 0; border-bottom: 1px solid var(--lightGreen); line-height: normal; white-space: wrap; }
#header2 #menu .has-sub .menu-sub li a { padding: 0.521vw 1.563vw; }
#header2 #menu .has-sub .menu-sub li:last-child { border: 0; }

@media(max-width: 1024px) {
    .home-page #header2 { background-color: #fff; }
    #header2 .max-width { padding: 19px 15px; }
    #header2 #header-container > div { max-width: 110px; }
    #header2 #header-container .header-top.social-links { display: none; }
    .home-page #header2:not(:is(.bg,.hover)) #header-left a::after { content: '' }
    #header2 #header-container .header-right-section { background-color: transparent; padding:0;}
    #header2 #header-container .header-right-section .menu-nav { display: flex; justify-content: center; align-items: center; }
    #header2 #header-container .header-right-section .menu-nav span, #nav-toggle span:before, #nav-toggle span:after, 
    #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background-color: var(--blue); }
    #header2 #header-container .header-right-section .menu-nav .open span { background-color: transparent; }
    #header2 #header-container .header-right-section .menu-nav #menu { position: fixed; display: block !important; height: calc(100vh - var(--headerHeight)) !important; width: 100vw; margin-top: var(--headerHeight) !important; padding: 50px; text-align: right; font-family: var(--titlesFont); background-color: #DCE4E5; left: 100vw !important; right: auto; top: 0 !important; transition: all 0.35s ease; }
    #header2.open #header-container .header-right-section .menu-nav #menu { left: 0 !important; }
    #header2 #header-container .header-right-section .menu-nav #menu > li:first-of-type, 
    #header2 #header-container .header-right-section .menu-nav #menu > li { height: auto; padding: 20px 0; margin: 0; }
    #header2 #header-container .header-right-section .menu-nav #menu > li.active, 
    #header2 #header-container .header-right-section .menu-nav #menu > li.active li { background-color: transparent; }
    #header2 #header-container .header-right-section .menu-nav #menu > li.has-sub { padding-bottom: 10px; }
    #header2 #header-container .header-right-section .menu-nav #menu > li > a { font-size: 2.4rem; color: var(--blue) !important; }
    #header2 #header-container .header-right-section .menu-nav #menu > li.has-sub li a{ font-size:1.8rem;}
    #header2 #header-container .header-right-section .menu-nav #menu li.active > a { font-weight:700; font-family:var(--titlesFont);}
    #header2 .has-sub .menu-sub { background-color: transparent; text-align: right; padding: 3px 0; font-family: 'Assistant-Regular-2023'; right:0;}
    #header2 #menu .has-sub .menu-sub li { border: 0; }
    #header2 #menu .has-sub .menu-sub li a { padding: 7px 0; }
    .home-page #header2:not(:is(.bg,.hover)) #header-container .header-right-section .menu-nav #menu li.has-sub i::before { background: var(--blue); }
    #header2 #header-container .header-right-section .menu-nav #menu > li svg { fill: var(--blue); }
    #header2 #header-container .header-right-section .menu-nav #menu li.has-sub i { transform: translateY(-4px); }
    #header2 #header-container .header-right-section .menu-nav #menu > li.social-mobile { position: absolute; bottom: 100px; right: 40px; position: relative; bottom: 0; right: 0; margin-block:auto 0; }
}

#home-gallery { height: 68vw !important; width: auto; }
#home-gallery .TopVideo { height: 100% !important; width: auto; pointer-events:none;}
#home-gallery .TopVideo iframe { height: 251vh; }
#home-gallery .gallery-caption { top: 30%; transform: translate(-50%,-50%); }
#home-gallery .gallery-caption .gallery-text > div { display: flex; flex-direction: column; }
.hero-running-text { position: absolute; bottom: 0; left: 0; z-index: 3; height: 100%; width:100%; pointer-events:none}
lottie-player#hero-text-json { position: absolute; bottom: 15px;width:100%; }
#home-gallery .opacity-layer { pointer-events: none; }
#home-gallery::before, #home-gallery::after { content: ''; position: absolute; bottom: 0; background-color: #fff; left: 0; z-index: 2; }
#home-gallery::before { height: 20.313vw; width: 33.6vw; bottom: 15px; }
#home-gallery::after { width: 100%; height: 35px; }
.hero-button { position: absolute; top: 92vh; color: #fff; z-index: 1; display: flex; align-items: center; justify-content: flex-start; gap: 20px; margin-left: 40px; font-size: 1.4rem; letter-spacing: 0.7px; font-family: var(--boldFont); cursor: pointer; }
#home-gallery .scroll-down { display: none; }
#player-controls > *:not(:is(#play-player,#stop-player)) { display: none; }

@media(min-width: 2560px) {
    lottie-player#hero-text-json { bottom: 0; }
    #home-gallery .TopVideo iframe { height: 190%; }
}
/*@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    lottie-player#hero-text-json { height: 100%; position: absolute; top: -1.021vw; }
    .hero-running-text { top: 0px; }
    #home-gallery::before { height: 20.413vw;}

}
@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .hero-running-text { top: 0px; }
    lottie-player#hero-text-json { top: -3vw; }
    lottie-player#hero-text-json { top: -0.521vw; }
}*/

.about-section { max-width: 42.708vw; text-align: right; padding-block: 9.375vw; }
.about-section-json, .selected-projects-section-json { display: inline-flex; justify-content: center; align-items: center; margin-left: 2.083vw; max-width: 6.875vw }
.about-section-json { max-width: 5.675vw; }
.about-section-json a { display: flex; }
lottie-player#about-section-json, lottie-player#selected-projects-section-json { height: 100%; width: 100%; }
.about-section .grid-text { line-height: 28px; /* 140% */ letter-spacing: 1px; text-transform: uppercase; color: var(--black); max-width: 78%; margin: 0 auto; padding-inline: 2.083vw; }

.sections .grid-content-section.services-section { background-color: var(--blue); /* padding-block: 115px 70px; */ display: flex; justify-content: center; align-items: flex-start; flex-direction: column; z-index:-2}
.services-section .section-title { padding: 5.990vw 3.125vw 2.604vw; margin: 0 auto; /*outline: 1px solid rgba(138, 165, 168, 0.3);*/ width: 33.33%; }
.services-section .grid-boxes { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; height: auto; }
.services-section .grid-boxes::after, .services-section .grid-boxes::before { content: none; }
.services-section .grid-boxes .grid-box { margin: 0; padding: 3.906vw 2.083vw 3.646vw; border-block: 1px solid rgba(138, 165, 168, 0.3); text-align: right; color: #fff; position: relative; width: 33.33%; }
.services-section .grid-boxes .grid-box:not(:nth-child(3n +2)) { padding: 3.906vw 2.083vw 3.646vw; }
.services-section .grid-boxes .grid-box:nth-child(3n +2)::before,
.services-section .grid-boxes .grid-box:nth-child(3n +2)::after { content: ''; position: absolute; height: 55%; min-width:3px; width: 0.156vw; left: 0px; top: 50%; transform: translateY(-50%); background: var(--green); z-index: 1; }
.services-section .grid-boxes .grid-box:nth-child(3n +2)::before {left:auto; right:0px}
.services-section .grid-boxes .grid-box .grid-box-image { padding-bottom: 0; margin-bottom: 0.521vw; min-width: 47px; width: 2.448vw; min-height: 40px; height: 2.083vw; }
.services-section .grid-boxes .grid-box .grid-box-image img { height: 100%; }
.services-section .grid-boxes .grid-box .grid-box-fulltext { margin-block: 0.521vw; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.services-section .grid-boxes .grid-box .grid-box-subtitle.button a { color: transparent; position: relative; display: inline-flex; width: auto; transition: all 0.35s ease; font-size: 45px; line-height: 0.5; }
.services-section .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; position: absolute; top: 0; right: 0; background-image: url(/warehouse/dynamic/424763.svg); background-position: right; background-repeat: no-repeat; background-size: contain; display: inline-flex; width: 100%; transition: all 0.35s ease; height: 100%; }
.services-section .grid-boxes .grid-box .grid-box-subtitle.button a:hover:after { right: 100%; }

.selected-projects-section { padding: 130px 0 0; }
.selected-projects-section .section-title h2 { max-width: 200px; margin: 0 auto 60px; text-align: left; }
.selected-projects-section-json { position: absolute; left: 100%; top: 0; width: 132px; height: 132px; }
.selected-projects-section .grid-rows { display: flex; flex-direction: column; }
.selected-projects-section .grid-rows .grid-row { display: flex !important; align-items: flex-end; padding: 20px 20px 10px; border-top: 1px solid var(--lightGreen); }
.selected-projects-section .grid-rows .grid-row:last-child { border-bottom: 1px solid var(--lightGreen) }
.selected-projects-section .grid-rows .grid-row:nth-child(even) { justify-content: space-between; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell { width: 34%; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell:not(.flexslider-box-new) { margin-bottom: 30px; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell.flexslider-box-new { width: 66%; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell.flexslider-box-new li.slider-item { padding-bottom: 64%; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text { width: 100%; padding-inline: 60px 40px; font-size: 1.6rem; }
.selected-projects-section .grid-rows .grid-row:nth-child(even) .grid-row-cell .grid-row-text { padding-inline: 20px 60px; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text h2 { margin-bottom: 30px; }
.selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text p { padding-bottom: 40px; }
.selected-projects-section .flex-direction-nav a.flex-prev:before { background-image: url(/warehouse/dynamic/424763.svg); position: absolute; color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; height: 100%; transition: all 0.35s ease; }
.selected-projects-section ul.flex-direction-nav { top: auto; bottom: 0; left: 50px; transform: none; width: 77px; display: flex; align-items: flex-start; }
.selected-projects-section ul.flex-direction-nav li { width: 50%; height: 100%; margin: 0; }
.selected-projects-section ul.flex-direction-nav li .flex-prev { left: 0; top: 0; transform: none; height: 20px; color: transparent; }
.selected-projects-section ul.flex-direction-nav li .flex-next { right: 0; top: 0; transform: none; height: 20px; color: transparent; }
.selected-projects-section .flex-direction-nav a:focus {border:0; outline:none;}
.selected-projects-section .flex-direction-nav a.flex-next:before { background-image: url(/warehouse/dynamic/424763.svg); position: absolute; color: transparent; background-repeat: no-repeat; background-position: center; background-size: contain; transform: scale(-1); color: transparent; height: 100%; transition: all 0.35s ease; }
.flex-pauseplay a.flex-play:before { content: '' }

.our-clients-section { padding-block: 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.our-clients-section .GalleryTitle { order: 1; margin-bottom: 10px; }
.our-clients-section .text1 { order: 3; }
.our-clients-section .gallery-container { order: 2; padding-block: 40px; }

.our-clients-section .gallery-container { width: 100%; max-width: 100%; }
.our-clients-section .gallery-cubes { overflow-x: hidden; max-width: none; direction: ltr; padding: 0.5vw 0; }
.our-clients-section .gallery-cubes .no-pad { width: auto; padding: 0 2.85vw; background-color: var(--blue); background-color: #fff; margin-inline: 10px; }
.our-clients-section .gallery-cubes .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; pointer-events: none; padding-bottom: 75%; min-width: 130px; }
 
@media(max-width: 1024px) {
    #home-gallery .gallery-caption .gallery-text { font-size: 11rem; }
    #home-gallery .gallery-caption .gallery-text span { font-size: 2.5rem; letter-spacing: 5.5px; }
    #home-gallery { height: calc(100vh - 75px) !important; margin-top: var(--headerHeight); }
/*    .iphone #home-gallery { height: 105vh !important; margin-top: 75px; overflow:hidden;}
    .iphone #home-gallery .TopVideo  video { transform: translateX(-50%) scale(1.1); }*/
    /*#home-gallery::before, #home-gallery::after { bottom: 0; }*/
    lottie-player#hero-button-json { max-width: 20px; }
    #home-gallery::before { width: 49vw; height: 220px; content:none; }
    #mobile-player-controls {display:none;}
    .hero-running-text { position: absolute; bottom: 5px; right: 0;left:auto; z-index: 3; height: auto; width: max-content; pointer-events: none; display: flex; }
    .hero-running-text p {padding-inline-end:5px;}
    /*.iphone #home-gallery::before { height: 208px; }*/
    /*#home-gallery::after {height:25px; }*/
    #home-gallery video { top: 0; width: auto !important; }
/*    .hero-running-text { top: -66px; }
    .iphone .hero-running-text { top: -20px; left:10px;}*/
    .hero-button { top: 77vh; margin-left: 15px; }
    /*.iphone lottie-player#hero-text-json { height: 100%; width:92vw }*/
    #GridPage::before, .home-page #allSectionsWrapper::before { width: calc(100vw - 60px); }

    .about-section { padding-block: 100px; max-width:100%; }
    .about-section h1 { font-size: 4.5rem; flex-direction: column; align-items: center; max-width: 100%; padding-inline: 30px; }
    .about-section h1 span { font-size: 4rem; }
    .about-section-json, .selected-projects-section-json { order: 1; margin: 10px 0 0; max-width: 65px; height: auto; }
    .about-section .grid-text { max-width: 100%; padding-inline: 35px; text-align: center; font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.8px; }

    .services-section .section-title { padding: 50px; width: calc(100% - 60px); }
    .services-section .grid-boxes { display: block; width:100%; }
    .services-section .grid-boxes .slick-track { display: flex; }
    .services-section .grid-boxes .grid-box {border-bottom:0;}
    .services-section .grid-boxes .grid-box, .services-section .grid-boxes .grid-box:not(:nth-child(3n +2)) { max-width: 100%; padding: 30px 40px; text-align: center; min-height: 300px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .services-section .grid-boxes .grid-box:nth-child(3n +2)::before, .services-section .grid-boxes .grid-box:nth-child(3n +2)::after {content:none;}
    .services-section .grid-boxes .grid-box .grid-box-image { margin: 0 auto 10px; }
    .services-section .grid-boxes .grid-box .grid-box-title h3 { margin:0 }
    .services-section .grid-boxes .grid-box .grid-box-fulltext { margin-block: 5px; }
    .services-section .grid-boxes .grid-box .grid-box-subtitle.button a:hover {transform:none;}
    .services-section .grid-boxes ul.slick-dots { display: flex !important; justify-content: center; align-items: center; padding-inline-start: 0; padding-block: 10px 25px; border-top: 1px solid rgba(138, 165, 168, 0.3); list-style: none; gap: 5px; }
    .services-section .grid-boxes ul.slick-dots li { width: 10px; height: 10px; margin: 0; background-color: rgba(255, 255, 255, 0.30); transition: all 0.35s ease; }
    .services-section .grid-boxes ul.slick-dots li.slick-active { background-color: var(--green); }
    .services-section .grid-boxes ul.slick-dots li::marker { background: rgba(255, 255, 255, 0.30); }
    .services-section .grid-boxes ul.slick-dots li button { display: none; }


    .selected-projects-section { padding: 0; max-width: calc(100vw - 60px); overflow: visible; }
    .selected-projects-section-json { position: relative; left: auto; }
    .selected-projects-section .section-title h2 { margin-bottom: 0; max-width: 100vw; margin-inline: -30px; border-bottom: 1px solid var(--lightGreen); }
    .selected-projects-section .grid-rows .grid-row { flex-direction: column; align-items: center; }
    .selected-projects-section .grid-rows .grid-row:first-of-type {border-top:0;}
    .selected-projects-section .grid-rows .grid-row:not(:first-of-type) { border: 0; }
    .selected-projects-section .grid-rows .grid-row::after { content: ''; width: 200%; height: 1px; right: 50%; transform: translateX(50%); bottom: -1px; position: absolute; background-color: var(--lightGreen); }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell.flexslider-box-new { width: 100%; }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell.flexslider-box-new li.slider-item { }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell { width: 100%; }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text { padding: 0; margin-top: 20px; overflow: visible; }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell:not(.flexslider-box-new) { margin-bottom: 10px; overflow: visible; }
    .selected-projects-section .grid-row-text .selected-project-btn-wrapper a { margin: 0; margin-top: 20px; padding: 0; }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text h2 .selected-projects-section-json { display: none; }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text p { text-align: center; font-size: 1.6rem; line-height: 1.5; color: var(--blue); }
    .selected-projects-section .grid-rows .grid-row .grid-row-cell .grid-row-text h2 { width: 100%; margin: 0 auto 10px; text-align: center; }
    .selected-project-btn-wrapper::after,
    .selected-projects-section .grid-row:nth-child(even) .selected-project-btn-wrapper::after {height:1px; right: auto; width: 110vw; left: 50%; transform: translateX(-50%); }
    .selected-projects-section .grid-rows .grid-row:nth-child(even) .grid-row-cell .grid-row-text { padding: 0; }
    .selected-projects-section .grid-row-text .selected-project-btn-wrapper a::after, .selected-projects-section .grid-row-text .selected-project-btn-wrapper a::before { left: auto; right: 0; }
    .selected-projects-section ul.flex-direction-nav { left: 0; }
    .projects-link .btn-wrapper {margin-top:20px; }

    .our-clients-section .gallery-cubes .boxes-images-outer-image { padding-bottom: 61%; }
    .our-clients-section .gallery-cubes .no-pad { padding-inline: 50px; padding-inline: 10px; margin-inline: 0; background-color: transparent; }
    .our-clients-section .gallery-container { padding-block: 10px; }

}

/*content page*/

.content-page .lobby-grid #GridPage .max-width { padding-inline: 5.573vw; }
.about-page .grid-image-section { margin-inline: -5.573vw; height: 800px; }
.about-page .grid-image-section .image-section-data { height: 100%; }
.content-page .grid-text-section { display: flex; justify-content: flex-start; align-items: flex-start; width: 76.6vw; margin: 0 ; padding-block: 100px 80px; text-align: right; }
.content-page .grid-text-section .section-title { max-width: 35.7%; }
.content-page .grid-text-section .grid-text { max-width: 32.6vw; }
.content-page .grid-text-section .grid-text-content { max-width: 32.552vw; padding-inline: 2.083vw; max-width: 100%; }
.content-page .grid-text-section .grid-text-content p { margin-bottom: 20px; }

@media(max-width: 1024px) {
    
    .content-page .image-section-data { max-height: 500px; width: auto; position: relative; }
    .content-page .image-section-data img { height: auto; width: 100%; object-fit: contain; }
    .content-page .grid-text-section { flex-direction: column; width: 100%; padding-block: 30px; }
    .content-page .grid-text-section .section-title { max-width: 100%; margin-bottom: 20px; }
    .content-page .grid-text-section .grid-text { max-width: 100%; }
    .content-page .grid-text-section .grid-text-content { padding: 0; }
    .content-page .grid-text-section .grid-text-content p:last-of-type { margin-bottom: 0; }
    .content-page .grid-text-section .grid-text-content p + h3, .content-page .grid-text-section .grid-text-content p + ul { margin-top: 20px; }
    .content-page .grid-text-section .grid-text-content li { line-height: 1.5; letter-spacing: 0.8px; }

    .about-page .grid-image-section { width: 100vw; max-width: 100vw; height: 500px; margin-inline: -50px; }
   }
/*about page*/
#LobbyModule .team-section .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 52px; margin-block: 30px; }
#LobbyModule .team-section .grid-boxes::before, #LobbyModule .team-section .grid-boxes::after { content: none; }
#LobbyModule .team-section .grid-boxes .grid-box { width: calc(33.33% - 35px); text-align: right; }
#LobbyModule .team-section .grid-boxes .grid-box .grid-box-image { padding-bottom: 142%; margin-bottom: 15px; pointer-events:none;}
#LobbyModule .team-section .grid-boxes .grid-box:hover img { transform: scale(1.1); }
#LobbyModule .team-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.250vw; font-family: var(--boldFont); line-height: 1; color: var(--blue); }
#LobbyModule .team-section .grid-boxes .grid-box .grid-box-subtitle { font-size: 0.833vw; color: var(--blue); line-height: 1; letter-spacing: 0.8px; max-width:90%; margin-top:7px;}
a.linkedin-link { position: absolute; width: 24px; height: 24px; top:calc(100% - 24px); left: 0px; background-image: url(/warehouse/dynamic/426974.svg); background-position: center; background-repeat: no-repeat; background-size: contain; transition:0.35s ease;}
a.linkedin-link:hover { background-image: url(/warehouse/dynamic/426973.svg); }

@media(max-width: 1024px) {
    .about-page #allSectionsWrapper { padding-inline: 20px; }
    .about-page #headline { margin-bottom: 30px; }
    .sections .grid-content-section.team-section { padding-block: 0; }
    #LobbyModule .team-section .grid-boxes { flex-direction: column; gap: 20px; margin: 0; }
    #LobbyModule .team-section .grid-boxes .grid-box { width: 100%; }
    #LobbyModule .team-section .grid-boxes .grid-box .grid-box-image { margin-bottom: 10px; padding-bottom: 145%; }
    #LobbyModule .team-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.8rem; line-height: 1.33; margin: 0; margin-bottom: 5px; }
    #LobbyModule .team-section .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.6rem; max-width: 85%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    a.linkedin-link { width: 18px; height: 18px; top: calc(100% - 44px); }
}
/*contact page*/
.connections-page .categories-strip { display: none; }
.hiring-page #SiteGrid #GridContent #ContentRegularModule { max-width: 32.552vw; margin: 0 auto; padding-inline: 3.906vw; font-size: 1.6rem; line-height: 1.5; }
.hiring-page #SiteGrid #GridContent #ContentRegularModule li {margin:0;}

@media(max-width: 1024px) {
    .hiring-page #SiteGrid #GridContent #ContentRegularModule li { margin-bottom: 10px; }

}

/*selected projects page*/
/*.selected-projects-page #SiteGrid { padding-inline: 40px; }*/
.selected-projects-page #GridTop.noTopImage.longer { height: auto; margin-top: var(--headerHeight); display: flex; justify-content: center; align-items: center; padding-top: 50px; }
.selected-projects-page #GridTop.noTopImage.longer .top-caption { left: auto; transform: none; top: auto; }
.selected-projects-page #GridTop.noTopImage.longer + .categories-strip + #GridPage { margin: 0; }

@media(max-width: 1024px) {    
    .selected-projects-page #SiteGrid #GridContent { padding-block: 0px 50px; }

}

/*selected projects inner page**/
.selected-projects-page.contentInnerPage #GridTop.noTopImage.longer,
.selected-projects-page.contentInnerPage .categories-strip { display: none; }
.selected-projects-page.contentInnerPage #SiteGrid #GridContent { padding-top: 0; }

.selected-projects-page.contentInnerPage .top-wrapper { /*margin-top: 85px;*/ display: flex; margin-bottom: 6.771vw; }
.selected-projects-page.contentInnerPage .top-wrapper > div { width: 50%; }
.selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper { direction: ltr; }
.selected-projects-page.contentInnerPage .top-wrapper .text-wrapper { padding: 5.208vw 4.688vw; }
.selected-projects-page.contentInnerPage .top-wrapper .text-wrapper .titles-wrapper { margin-bottom: 1.563vw; }
.selected-projects-page.contentInnerPage .top-wrapper .text-wrapper .titles-wrapper h1 { font-size: 3.5rem; font-family: var(--titlesFont); line-height: 1; max-width: 550px; }
@media(max-width: 1024px) {
    .selected-projects-page.contentInnerPage .top-wrapper { flex-direction: column;/* margin-top: var(--headerHeight);*/ margin-bottom:10px;}
    .selected-projects-page.contentInnerPage .top-wrapper > div { width: 100%; }
    .selected-projects-page.contentInnerPage .top-wrapper .gallery-wrapper { margin-inline: -30px; width: 100vw; height: calc(100vh - 76px); }

    .top-wrapper .owl-carousel .owl-stage-outer { height: 100%; }
    .top-wrapper .owl-carousel .owl-stage-outer .owl-item { height: 100%; }
    .selected-projects-page.contentInnerPage .top-wrapper .text-wrapper .titles-wrapper h1 { text-align: center; line-height: 1.22; margin: 0 15px 20px; }
    .selected-projects-page.contentInnerPage .top-wrapper .text-wrapper { padding: 30px 5px; }
    .custom-field-wrapper li { line-height: 1.5; margin-bottom: 10px; }
    .selected-projects-page.contentInnerPage .selected-projects-gallery .section-title { padding: 0; width: 100%; margin-right: -30px; }
}


/*contact page*/
.contact-page #GridPage { background-image: url(/warehouse/dynamic/424728.jpg); background-position: center; background-repeat: no-repeat; }
.contact-page #GridPage::before { content: none; }
.contact-page #GridWrap { display: flex; justify-content: flex-start; align-items: center; padding: 100px 45px; }
.contact-page #GridWrapInner { display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-end; background-color: #fff; width: auto; padding: 80px 120px; }
.contact-page #SiteGrid #GridContent { padding: 0; width: auto; margin-bottom: 50px; }
.contact-page #SiteGrid #GridPromo { width: auto; max-width: 535px; margin: 0; padding: 0; }

.contact-page #contactview #headline h1 { font-size: 5rem; text-align: right; }
.contact-page #contactview .contactDetailsText1 ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 40px; }
.contact-page #contactview .contactDetailsText1 ul li { margin: 0; font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.8px; /*text-transform: capitalize;*/ text-align: right; }
.contact-page #contactview .contactDetailsText1 ul li h3 { margin-bottom: 5px; }
.contact-page #contactview .contactDetailsText1 ul li a { text-decoration-line: underline; font-family:var(--boldFont); }

.hiring-page #SiteGrid #GridContent { padding-bottom: 3.125vw; }
.hiring-page #SiteGrid #GridPromo { max-width: 100%; padding: 45px 0; margin: 0; background-image: url(/warehouse/dynamic/424744.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.hiring-page #SiteGrid #GridPromo #DynamicFormObject { margin: 0 auto; max-width: 730px !important; background-color: #fff; padding: 90px 100px; }

@media(max-width: 1024px) {
    .contact-page #GridPage { background-image: url(/warehouse/dynamic/424729.jpg); background-size: cover; }
    .contact-page #GridWrap { }
    .contact-page #GridWrapInner { width: 100%; background-color: transparent; padding: 0; }
    .contact-page #SiteGrid #GridContent { padding: 40px 30px; width: 100%; background-color: #fff; }
    .contact-page #SiteGrid #GridContent #contactview { }
    .contact-page #SiteGrid #GridContent #contactview #headline { padding: 0; margin-bottom: 20px; }
    .contact-page #contactview #headline h1 { font-size: 3.5rem; line-height: 1.23; text-align: center; }
    .contact-page #contactview .contactDetailsText1 ul { flex-direction: column; gap: 30px; }
    .contact-page #contactview .contactDetailsText1 ul li { text-align: center; font-size: 1.6rem; }
    .contact-page #SiteGrid #GridPromo { width: 100%; max-width: 100%; background-color: #fff; padding: 40px 30px; }


    .hiring-page #SiteGrid #GridContent { padding-bottom: 40px; }
    .hiring-page #SiteGrid #GridContent #ContentRegularModule { padding-inline: 20px; max-width: 100%; }
    .hiring-page #SiteGrid #GridPromo { padding: 40px 30px; margin-inline: -30px; width: 100vw; max-width: 100vw; }
    .hiring-page #SiteGrid #GridPromo #DynamicFormObject { padding: 40px 30px; }

}

/*services*/
.services-page #lobbyview { display: flex; justify-content: center; align-items: flex-start; position: relative; max-width: 625px; margin: 0 auto 5.208vw; }
.services-page #lobbyview #headline { margin: 0; position: absolute; left: calc(100% + 2.344vw); display: flex; align-items: flex-start; gap: 1.042vw; width: 22.5vw; text-align: right; }
.services-page #lobbyview #headline img { margin-top: 10px; width: auto; height: 2.344vw; min-height: 30px; height: 1.4vw; min-height: 25px; }
.services-page #lobbyview #headline h1 { line-height: 1; font-family: var(--titlesFont); }
.services-page #lobbyview .lobbyTextContainer { max-width: 32.675vw; padding-inline: 2.083vw; font-size: 1.6rem; line-height: 1.5; }
.services-page #lobbyview .lobbyTextContainer #lobbyText { text-align: right; }
.services-page #lobbyview .lobbyTextContainer #lobbyText img {max-width: 100%; }
.services-page #GridPage .selected-projects-gallery .section-title { margin: 0 auto; width: auto; }

.services-gallery-section { padding-inline: 1.683vw; margin-bottom: 5.208vw; }
.services-gallery-section .slick-slide { padding-inline: 15px; }
.services-gallery-section .gallery-cubes { display: flex; align-items: center; }
.services-gallery-section .gallery-cubes > button { position: absolute; top: 50%; right: -10px; transform: translateY(-50%); color: transparent; z-index: 1; background-image: url('/warehouse/temp/ytong/arrow-right-boxed-white.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 50px; height: 50px; filter: invert(1); }
.services-gallery-section .gallery-cubes > button.slick-next { left: 0; right: auto; transform: translateY(-50%) scaleX(-1); }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .services-page #lobbyview #headline { left: 100%; width: 19vw;}
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .services-page #lobbyview #headline { left: 90%; width: 21vw; }
}


@media(max-width: 1024px) {
    .services-page #lobbyview { margin-bottom: 70px; flex-direction: column; }
    .services-page #lobbyview #headline { position: relative; left: auto; flex-direction: column; align-items: center; width: 100%; gap: 0; }
    .services-page #lobbyview #headline h1 { line-height: 1; font-family: var(--titlesFont); text-align:center;}
    .services-page #lobbyview #headline img { margin-bottom: 10px; }
    .services-page #lobbyview .lobbyTextContainer { max-width: 100%; padding-inline: 20px; }
    .services-page #lobbyview .lobbyTextContainer #lobbyText { text-align: right; }
    .services-page #lobbyview .lobbyTextContainer #lobbyText li { margin-bottom:10px;}
    .services-page #allSectionsWrapper { margin-inline: -30px; }
    .services-page .selected-projects-gallery,
    .selected-projects-page.contentInnerPage .selected-projects-gallery { padding-right: 30px; display: flex; flex-direction: column; height: auto; }
    .selected-projects-page.contentInnerPage .selected-projects-gallery {padding-right:0;}
    .services-page #GridPage .selected-projects-gallery .section-title,
    .selected-projects-page.contentInnerPage .selected-projects-gallery .section-title { padding-inline: 60px; width: calc(100% - 30px); margin-right: 0; }
    .selected-projects-page.contentInnerPage .selected-projects-gallery .section-title { width: 100%; padding: 0; }
    .services-page #GridPage .selected-projects-gallery .grid-boxes,
    .selected-projects-page.contentInnerPage .selected-projects-gallery .grid-boxes { flex-wrap: nowrap; flex-direction: row; overflow-x: scroll; overflow-y: visible; padding-inline: 20px 30px; justify-content: flex-start; align-items: flex-start; height: auto; min-height: 465px; }
    .selected-projects-page.contentInnerPage .selected-projects-gallery .grid-boxes {padding-right:0;}
    .selected-projects-gallery .grid-boxes > div { display: flex; width: 74vw; position: relative; }
    .selected-projects-gallery .grid-boxes > div .grid-short-box { width: 100%; }
    .selected-projects-gallery .grid-boxes > div .grid-short-box-image { padding: 0; height: 400px; width: 100%; }
    .selected-projects-gallery .grid-boxes > div .grid-short-box-image img { position: relative; height: 100%; /* max-height: 400px; */ width: auto; top: auto; left: auto; transform: none; }
    #GridContent .selected-projects-gallery .grid-boxes > div .grid-short-box-image a { width: 100%; height: 100%; display: flex; position: relative; }
    .services-gallery-section { margin-bottom:  50px; }
    .services-gallery-section .gallery-cubes > button { display: none !important; }
}

/*accessabilityMain Page*/
.accessabilityMainPage .container-fluid { max-width: 625px; font-size: 1.6rem; line-height: 1.5; }
.accessabilityMainPage .container-fluid h2:not(:first-of-type) { margin-block: 25px 5px; }
@media(max-width: 1024px) {
    .accessabilityMainPage .container-fluid { padding-inline:45px;}
    .accessabilityMainPage .container-fluid ul.accessability-list { padding-inline-start: 20px; }
}

.FormResultPage #SiteGrid { min-height: 77vh }
.FormResultPage #SiteGrid #GridContent { padding-top: 200px; }
#FormResultPage .btn-wrapper { margin: 0 auto; }
#FormResultPage .btn-wrapper .FormResultPageButton { background-color: var(--green); margin: 0 !important; color: #fff !important; }


@media(max-width: 1024px) {
    .FormResultPage #SiteGrid #GridContent { padding-top: 150px; }
}
/*Footer*/
footer { background: var(--blue); display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
#SiteFooter { }
.footer-text-divided { display: flex; align-items: center; justify-content: space-between; padding: 34px 72px 35px 80px; }
.footer-text-divided > div { padding: 0; display: inline-flex; align-items: center; gap:20px;}
.footerSocialIcons a svg { transition: all 0.35s ease; }
.footerSocialIcons a:hover svg { fill: var(--green); }
.footer-text-divided .footer-text-middle { justify-content: center; }
.footer-text-divided .footer-text-middle ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.6rem; text-align: center; }
.footer-text-divided .footer-text-middle ul li { margin: 0; padding-inline: 30px; border-left: 1px solid #fff; transition: all 0.35s ease; }
.footer-text-divided .footer-text-middle ul li:last-child { border: 0; }
.footer-text-divided .footer-text-middle ul li:hover { font-family: var(--boldFont); }
.footer-text-divided .footer-text-left { justify-content: flex-end; }
a.AccessabilityLink:hover {color:var(--green)}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .footer-text-divided .footer-text-middle { width:60%; }
}


@media(max-width: 1024px) {
    .footer-text-divided { flex-direction: column-reverse; padding: 40px 0; }
    .footer-text-divided > div { width: 100%; justify-content: center; }
    .footer-text-divided > div.footer-text-left { display: flex; justify-content: center; align-items: center; }
    .footer-text-divided .footer-text-middle ul li { padding-inline: 10px; }
    .footer-text-divided > div.footer-text-middle { display: flex; justify-content: center; margin-block: 30px 35px; }
}