/*~ROM~*/

:root { --blackColor: #000; --secBlackColor: #262626; --greyColor: #757575; --blueColor: #00aeef; --whiteColor: #fff; --boldFont: 'Assistant-SemiBold'; --enFont: 'Montserrat-Regular'; --borderStyle: 1px solid rgba(209, 209, 209, 0.39) }
html { font-size: 62.5%; }
body { font-size: 2rem; }
body:not(.home-page) { overflow-x: clip; opacity: 0; transition: all 0.35s ease; transition-delay: 0.35s }
body:not(.home-page).loaded { opacity: 1; }


/*---------------------------------------------------General---------------------------------------------------------*/
/*reset*/
.contentPage .grid-text p { margin: 0 }
.contentPage .section { padding: 0; margin: 0 }
.contentPage .sections .grid-content-section { margin: 0 auto; padding: 0; }
.contentPage #LobbyModule .grid-boxes, contentPage #lobbyview .grid-boxes { margin: 0; padding: 0; max-width: 100%; }
.contentPage #LobbyModule .grid-box, .contentPage #lobbyview .grid-box { margin: 0; padding: 0; }
.contentPage #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%; }
.grid-text-section > .section-animation-item { width: 41%; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
p, li { letter-spacing: 0.5px !important; }

/*banners*/
body:not(.home-page) #GridTop { height: 700px; }
body:not(.home-page) #GridTop.noTopImage { height: 0; }
body:not(.home-page) #GridTop::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.2; z-index: 0; }
body:not(.home-page) #GridTop.noTopImage::after { content: none; }
body:not(.home-page) #GridTop .top-caption { top: 50%; text-align: center }
body:not(.home-page) .top-caption-subtitle { font-size: 40%; }
body.contentPage #GridTop .top-caption { display: flex; align-items: center; justify-content: center; gap: 30px; }
body.contentPage #GridTop .top-caption h2 { font-size: 10rem; }
body:not(.home-page) #GridTop .top-caption h1 { font-family: var(--enFont); font-size: 10rem; line-height: 1; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio:1.2) {
    body:not(.home-page) #GridTop { height: 600px; }
}

@media(max-width: 767px) {
    body.contentPage #GridTop .top-caption { gap: 10px }
    body:not(.home-page) #GridTop .top-caption h1 { font-size: 5rem; max-width: 100%; margin: 0 auto; }
    body.contentPage #GridTop .top-caption h1, body.contentPage #GridTop .top-caption h2 { margin: 0; font-size: 5rem; }
    body:not(.home-page).contactPage #GridTop .top-caption h1 { max-width: 245px }
    body:not(.home-page) #GridTop { height: 500px; }
    .grid-text-section > .section-animation-item { width: 100%; }
}

/*font-size*/
.contentPage .section-title h1, .contentPage .section-title h2 { font-size: 3.2rem; line-height: 42px; letter-spacing: normal; color: var(--blackColor); text-align: right; /*font-family: var(--boldFont);*/ font-weight: bold; max-width: 80% }
.contentPage .grid-text h2, .contentPage .grid-text h3 { font-size: 1.9rem; line-height: 22px; letter-spacing: 0.27px; color: var(--blackColor); text-align: right; margin-bottom: 18px; /*font-family: var(--boldFont);*/ font-weight: bold; margin-top: 40px; }
.contentPage .grid-text h2:first-of-type { margin-top: 7px; }
.contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li { font-size: 1.6rem; line-height: 22px; letter-spacing: 0.24px; color: var(--secBlackColor); text-align: right; }



@media(max-width: 767px) {
    .contentPage .section-title h1, .contentPage .section-title h2 { font-size: 2.4rem; line-height: 22px; letter-spacing: normal; color: var(--blackColor); max-width: 100%; margin-bottom: 15px; }
    .contentPage .grid-text h2, .contentPage .grid-text h3 { font-size: 1.5rem; line-height: 1.27; letter-spacing: 0.3px; color: var(--blackColor); margin-top: 0; }
    .contentPage .grid-text p + h3 { margin-top: 20px; margin-bottom: 7px }
    .contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li { font-size: 1.4rem; line-height: 1.57; letter-spacing: 0.28px; color: var(--secBlackColor); }
}

/*------------------------------------------------home page---------------------------------------------------------*/
body.home-page { overflow-x: hidden; }
.home-page #allSectionsWrapper { width: calc(800vw); display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start; font-family: 'Montserrat-Regular', 'Assistant-Regular'; }
.home-page #allSectionsWrapper > .section { padding: 0; margin: 0; width: auto; height: var(--app-height); }
.home-page .section.sec-1 img, .home-page .section.sec-3 img, .home-page .section.sec-6 img, .home-page .section.sec-8 img { height: var(--app-height); object-fit: cover; width: var(--full-width); }
.home-page .section .image-section-data { height: 100%; }
.home-page .section .image-section-data img { margin-top: 0 !important; }
.home-page .grid-boxes { margin: 0; }
.home-page footer { display: none; }
.top-horizontal-line, .bottom-horizontal-line { position: fixed; pointer-events: none; z-index: 200; background: rgba(209, 209, 209, 0.39); width: 100%; height: 1px; top: 33.33%; }
.bottom-horizontal-line { top: unset; bottom: 33.33%; }
.right-vertical-line { left: unset; right: 33.33%; }
.left-vertical-line, .right-vertical-line, .middle-vertical-line { position: fixed; pointer-events: none; z-index: 200; background: rgba(209, 209, 209, 0.39); width: 1px; height: 100%; top: 0; left: 33.33%; }
.middle-vertical-line { left: 50%; top: unset; bottom: 0; height: 33.33%; }

/* Header */

#header { height: 110px; padding: 0; background: transparent !important; display: flex; justify-content: space-between; align-items: center; z-index: 610; border-top: 1px solid rgb(241 241 241); }
#header #header-right { padding: 0; height: auto; background: #fff; height: 100%; width: 110px; display: inline-flex; }
#header #header-right .menu-nav { background: unset; padding: 0; width: 100%; height: 100%; }
#header #header-right .social-links, #header #header-right .closed,
#header #header-right .menu-nav .nav-menu-anim #nav-toggle .open, #header #header-right .menu-nav .nav-menu-anim #nav-toggle span { display: none !important; }
#header #header-right .menu-nav .nav-menu-anim { margin: 0; width: 100%; height: 100%; z-index: 30; display: inline-flex; align-items: center; justify-content: flex-start; background: #fff; /* border-bottom: 1px solid rgba(209, 209, 209, 0.39); */ }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle { align-items: center; position: relative; display: flex; width: 110px; height: 110px; z-index: 30; justify-content: center; /*border-left: 1px solid rgba(209, 209, 209, 0.39);*/ }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle span { position: relative; width: 26px; height: 26px; background-image: url(/warehouse/dynamic/387574.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; transition: 0.2s all ease; display: inline-flex !important; background-color: transparent; top: unset; left: unset; transform: unset; }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle.active span { background-image: url(/warehouse/dynamic/387571.svg); }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle:hover span { background-image: url(/warehouse/dynamic/387573.svg); }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle.active:hover span { background-image: url(/warehouse/dynamic/387572.svg); }
#header.menu-open #nav-toggle span::before, #header.menu-open #nav-toggle span::after, #header.subopen #nav-toggle span::after, #header.subopen #nav-toggle span::before { opacity: 0; pointer-events: none; }
#header .submenu, #header:not(.menu-open):not(.subopen) .submenu { max-height: 100%; background: #fff; position: fixed; width: 480px; top: 0; height: 100% !important; display: block !important; transform: translateX(100%); transition: 0.8s !important; clip: auto !important; margin: 0 !important; padding: 110px 0px 0; z-index: 20; right: 0; text-align: start; overflow-y: scroll; }
#header.menu-open .submenu, #header.subopen .submenu { transform: translateX(0); transition: 0.8s !important; box-shadow: 0 -1px 38px 0 rgb(0 0 0 / 20%); }
#header .submenu::-webkit-scrollbar { width: 8px; display: none }
#header .submenu::-webkit-scrollbar-track { background: var(--greyColor); box-shadow: none; }
#header .submenu::-webkit-scrollbar-thumb { background-color: var(--blueColor); box-shadow: none; outline: none; }
#header .submenu > li { color: #404040; padding: 0; transition: 0.3s all ease; position: relative; }
#header .submenu > li.has-sub { padding: 13px 0; }
#header .submenu > li.active, #header .submenu > li:hover { background: #fbfbfb; color: #000000; font-weight: bold; }
#header .submenu > li:first-child { margin-top: 0; border-top: 1px solid rgba(209, 209, 209, 0.39); }
#header .submenu > li:not(:last-child) { border-bottom: 1px solid rgba(209, 209, 209, 0.39); }
#header .submenu > li > a { padding: 13px 18px; font-size: 1.8rem; }
#header .submenu > li i.opensub { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0; display: inline-flex; align-items: flex-start; justify-content: flex-end; }
#header .submenu > li i.opensub::before { background-image: url(/warehouse/dynamic/388478.svg); background-repeat: no-repeat; background-position: center; pointer-events: none; content: ''; position: absolute; left: 30px; top: 23px; width: 12px; height: 10px; }
#header .submenu > li.sub-open i.opensub::before { transform: scaleY(-1); }
/*#header .submenu > li:hover i.opensub::before { filter: invert(1); }*/
#header .submenu > li > a:focus, #header .submenu > li .menu-sub li a { color: inherit; border: unset; text-decoration: unset; }
#header .submenu > li .menu-sub { padding: 13px 18px 0; margin-top: 13px; position: relative; }
#header .submenu > li .menu-sub li { text-align: right; padding: 2px 0; }
#header .submenu > li .menu-sub li a { font-size: 1.8rem; font-family: 'Assistant-Regular'; width: auto; font-weight: normal; }
#header .submenu > li .menu-sub::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(209, 209, 209, 0.39); }
#header .submenu > li .menu-sub li a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: 0; pointer-events: none; }
#header .submenu > li .menu-sub li a:hover::after, #header .submenu > li .menu-sub li.active a::after { opacity: 1; }
#header #header-center-kdm { display: none; }
#header #header-left { padding: 0; width: 240px; display: inline-flex; align-items: center; justify-content: center; height: 100%; border-bottom: 1px solid rgba(209, 209, 209, 0.39); border-right: 1px solid rgba(209, 209, 209, 0.39); z-index: 50; }
#header #header-left a { position: relative; }
#header #header-left img, #header.bg #header-left img { max-width: 117px; width: 117px; }
body:not(.home-page) #header #header-left { background: #fff; }
body:not(.home-page) #header #header-left img { opacity: 0; }
body:not(.home-page) #header #header-left a::after { z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/388336.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }

/* Section 1 */
.home-page .section.sec-1 { width: var(--full-width) !important; }
.home-page .section.sec-1 .grid-text .gridTextImgContainer { position: relative; }
.home-page .section.sec-1 .grid-text .gridTextImgContainer::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; pointer-events: none; }
.home-page .section.sec-1 .grid-text-content { max-width: 1150px; text-align: left; display: flex; flex-wrap: wrap; }
.home-page .section.sec-1 .grid-text-content h2 { color: #fff; font-size: 8rem; }
.home-page .section.sec-1 .grid-text-content h1 { font-size: 8rem; color: #fff; max-width: 100%; }
.home-page .section.sec-1 .grid-text-content p { margin: 0; color: #fff; font-size: 1.6rem; font-family: 'Assistant-Regular'; line-height: 1.25; max-width: 310px; text-align: right; letter-spacing: 0.24px; margin: 15px 60px 0 0; }
.home-page .section.sec-1 a.sec-button { background: transparent; border: 1px solid #fff; border-radius: 0; min-width: 280px; height: 60px; display: flex; align-items: center; justify-content: center; margin-top: 35px; box-shadow: inset 0 0 0 0 var(--blueColor); transition: ease-out 0.5s; font-size: 1.6rem; outline: none; letter-spacing: 0.3px }
.home-page .section.sec-1 a.sec-button:hover { box-shadow: inset 0 -100px 0 0 var(--blueColor); }
.home-page .section.sec-1 .grid-text-content .section-title { margin-bottom: 20px; }

/* Section 2 */
.home-page .section.sec-2 { width: var(--half-width) !important; display: flex; flex-direction: column; justify-content: center; }
.home-page .section.sec-2 img { max-height: 30vh; object-fit: cover; }
.home-page .section.sec-2 .section-title { /*font-family: var(--boldFont);*/ font-weight: bold; max-width: 475px; display: flex; padding-top: 30px; margin: 0px 110px 90px 0; margin: 0 110px 0 0; align-items: center; height: 33.33vh; width: 50% }
.home-page .section.sec-2 .section-title h2 { font-size: 2.4rem; text-align: right; line-height: 1.17; font-weight: bold }
.home-page .section.sec-2 .grid-text-content { position: relative; left: unset; top: unset; transform: none; text-align: right; padding: 70px 0px 0; max-width: calc(100% - 220px); margin: auto; }
.home-page .section.sec-2 .grid-text-content h2 { font-size: 3.2rem; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-2 .grid-text-content p { margin: 10px 0 0; font-size: 1.5rem; line-height: 1.38; letter-spacing: 0.24px; }
.home-page .section.sec-2 > * { height: 66.66vh; }
.home-page .section.sec-2 a.sec-button { background-color: transparent; padding: 0; border-radius: 0; }

/* Section 3 */
.home-page .section.sec-3 { width: var(--full-width) !important; }
.home-page .section.sec-3 .grid-text::after, .home-page .section.sec-8::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(/warehouse/dynamic/388340.svg); width: 50vw; height: 230px; background-size: 100%; pointer-events: none; background-position: center; background-repeat: no-repeat; z-index: 2; }
.home-page .section.sec-3::before, .home-page .section.sec-8::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: #000; opacity: 0.2; pointer-events: none; }
.home-page .section.sec-8::after { background-image: url(/warehouse/dynamic/388341.svg); width: 44vw; height: 135px; }

/* Section 4 */
.home-page .section.sec-4 { max-width: unset; display: flex; }
.home-page .section.sec-4 .section-title { display: inline-flex; flex-direction: column; margin: 0; padding: 0 90px 0 120px; text-align: right; width: 500px; justify-content: center; }
.home-page .section.sec-4 .section-title h2 { font-size: 3.2rem; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-4 .section-title h3 { font-size: 1.6rem; margin: 10px 0 20px; line-height: 1.38; max-width: 290px; }
.home-page .section.sec-4 .section-title a.sec-button, .home-page .section.sec-2 a.sec-button { color: #262626; font-size: 1.6rem; /*font-family: var(--boldFont);*/ font-weight: bold; letter-spacing: 0.56px; position: relative; margin-top: 25px }
.home-page .section.sec-4 .section-title a.sec-button:focus, .home-page .section.sec-2 a.sec-button:focus { outline: none; }
.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-7 .text1 .content-section-Btn a::before { transform-origin: right; }
.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-4 .section-title a.sec-button::after,
.home-page .section.sec-7 .text1 .content-section-Btn a::before, .home-page .section.sec-7 .text1 .content-section-Btn a::after,
.home-page .section.sec-2 a.sec-button::before, .home-page .section.sec-2 a.sec-button::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid; transition: transform .75s cubic-bezier(.19,1,.22,1); pointer-events: none; }
.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-4 .section-title a.sec-button:hover::after,
.home-page .section.sec-7 .text1 .content-section-Btn a::before, .home-page .section.sec-7 .text1 .content-section-Btn a:hover::after,
.home-page .section.sec-2 a.sec-button::before, .home-page .section.sec-2 a.sec-button:hover::after { transform: scaleX(1); transition-delay: .25s; }
.home-page .section.sec-4 .section-title a.sec-button:hover::before, .home-page .section.sec-7 .text1 .content-section-Btn a:hover::before,
.home-page .section.sec-2 a.sec-button:hover::before { transform: scaleX(0); transition-delay: 0s; }
.home-page .section.sec-4 .section-title a.sec-button::after, .home-page .section.sec-7 .text1 .content-section-Btn a::after
.home-page .section.sec-2 a.sec-button::after { transform: scaleX(0); transition-delay: 0s; transform-origin: left; border-top-color: var(--blueColor); }
.home-page .section.sec-4 .grid-boxes { margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; }
.home-page .section.sec-4 .grid-boxes::before, .home-page .section.sec-4 .grid-boxes::after { display: none; }
.home-page .section.sec-4 .grid-boxes .grid-box { margin: 0; padding: 0; min-width: 720px; height: 100%; }
.home-page .section.sec-4 .grid-boxes .grid-box:not(:last-child) { border-left: 3px solid #fff; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image { padding: 0; margin: 0; height: 100%; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image .grid-box-image-container::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; pointer-events: none; transition: 0.5s all ease; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { height: 100%; object-fit: cover; }
.home-page .section.sec-4 .grid-boxes .grid-box .box-image-animation:hover img { transform: unset; }
.home-page .section.sec-4 .grid-boxes .grid-box .box-image-animation img { transform: scale(1.15); }
.home-page .section.sec-4 .grid-boxes .grid-box:hover .box-image-animation img { transform: scale(1); }
.home-page .section.sec-4 .grid-boxes .grid-box:hover .grid-box-image .grid-box-image-container::after { opacity: 0; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text { position: absolute; top: 50%; left: 80px; transform: translateY(-50%); z-index: 1; max-width: 400px; text-align: left; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text h3 { font-size: 5.4rem; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text h3 a { color: #fff; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text .grid-box-subtitle { color: #fff; font-size: 2.4rem; }

/* Section 5 */
.home-page .section.sec-5 { width: var(--full-width) !important; max-width: 1440px !important; background: #fff; }
.home-page .section.sec-5 .grid-boxes { display: flex; flex-wrap: wrap; }
.home-page .section.sec-5 .grid-boxes .grid-box { margin: 0; outline: 1px solid rgba(209, 209, 209, 0.39); height: 33.33vh; display: inline-flex; flex-direction: column; justify-content: center; padding: 0 50px; align-items: center; }
.home-page .section.sec-5 .grid-boxes .grid-box:hover { background: #00aeef; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-image { display: none; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title h3 { font-size: 3.5rem; margin-bottom: 0; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title h3 a { color: #000; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle { font-size: 2rem; margin: 10px 0; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.5rem; overflow: hidden; height: 0; transition: 0.5s all ease; line-height: 1.38; color: #fff; }
.home-page .section.sec-5 .grid-boxes .grid-box:nth-child(5) .grid-box-fulltext { height: auto !important; overflow: visible; color: #000; }
.home-page .section.sec-5 .grid-boxes .grid-box:nth-child(5):hover { background: transparent; }
.home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-fulltext { height: 100px; }
.home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-title h3 a, .home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-subtitle { color: #fff; }
.home-page .section.sec-5 .grid-boxes .grid-box.quote-box .grid-box-image { display: block; padding-bottom: 0; max-width: 25px; }
.home-page .section.sec-5 .grid-boxes .grid-box.quote-box .grid-box-image .grid-box-image-container { position: relative; }

/* Section 7 */
.home-page .section.sec-7 { width: var(--half-width) !important; display: flex; flex-direction: column; justify-content: center; }
.home-page .section.sec-7 > * { height: 33.33vh; order: 3; }
.home-page .section.sec-7 .section-title { /*font-family: var(--boldFont);*/ font-weight: bold; max-width: 475px; display: flex; margin: 0 110px 90px 0; padding-top: 50px; order: 1; margin-bottom: 0; align-items: center; }
.home-page .section.sec-7 .section-title h2 { font-size: 2.4rem; text-align: right; line-height: 1.17; font-weight: bold; }
.home-page .section.sec-7 .text1 { position: relative; left: unset; top: unset; transform: none; text-align: right; padding: 50px 110px 0 170px; width: 100%; order: 3; }
.home-page .section.sec-7 .text1 h3 { font-size: 3.2rem; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-7 .text1 p { margin: 10px 0 20px; font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.24px; }
.home-page .section.sec-7 .text1 .content-section-Btn a { color: #262626; font-size: 1.6rem; /*font-family: var(--boldFont);*/ font-weight: bold; letter-spacing: 0.56px; position: relative; }
.home-page .section.sec-7 .gallery-wrapper { order: 2; width: 100%; direction: ltr; display: flex; align-items: center; }
.home-page .section.sec-7 .gallery-wrapper .owl-stage-outer { height: 100% }
.home-page .section.sec-7 .gallery-wrapper .owl-stage { height: 100% }
.home-page .section.sec-7 .gallery-wrapper .owl-stage > div { height: 100% }
.home-page .section.sec-7 .gallery-wrapper .gallery-container { height: 100%; display: flex; align-items: center; }
.home-page .section.sec-7 .gallery-container .gallery-cubes { height: 99%; width: 50vw; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; flex-direction: row-reverse; }
.home-page .section.sec-7 .gallery-container .gallery-cubes > div { height: 20%; outline: 1px solid rgba(209, 209, 209, 0.39); width: 20%; }
.home-page .section.sec-7 .gallery-container .gallery-cubes > div .boxes-images-outer-image { pointer-events: none; padding: 0; height: 100%; background-size: contain !important; background-repeat: no-repeat; }

.home-page .section.sec-7 .owl-carousel .owl-dot { background: transparent; color: #b9b9b9; position: relative; }
.home-page .section.sec-7 .owl-carousel .owl-dot.active { background: transparent; color: #000; }
.home-page .section.sec-7 .owl-carousel .owl-dot::after { content: '1'; font-size: 1.2rem; font-weight: bold; }
.home-page .section.sec-7 .owl-carousel .owl-dot:last-of-type:after { content: '2'; }
.home-page .section.sec-7 .owl-carousel .owl-dot:first-of-type:before { content: '/'; font-size: 1.3rem; position: absolute; bottom: -15px; right: -7px; }
.home-page .section.sec-7 .owl-carousel .owl-dots { display: flex; justify-content: flex-end; align-items: center; bottom: -20px; right: 50px; }

.home-page .section.sec-7 .content-section-Btn { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 5px 0; }
.home-page .section.sec-7 .content-section-Btn h3 { /*font-family: var(--boldFont);*/ font-weight: bold; font-size: 3.2rem; }

/* Form Section */
.section-form { max-width: 960px; height: var(--app-height); display: flex; flex-direction: column; justify-content: space-between; width: 100%; }
.section-form .section.sec-9 { margin: 0; padding: 0; height: 66.66vh; }
.section-form .section.sec-9 .form-container-wide { height: 100%; display: inline-flex; align-items: center; }
.section-form .section.sec-9 .form-container-wide #DynamicFormObject { padding: 0px 110px; }
.section-form .section.sec-10 { height: 33.33vh; background: #f6f6f6; text-align: right; padding: 0; margin: 0; }
.section-form .section.sec-10 .grid-text-content { padding: 40px 110px 40px 80px; }
.section-form .section.sec-10 .grid-text-content .top-text { margin-bottom: 25px; display: flex; gap: 20px; }
.section-form .section.sec-10 .grid-text-content ul { padding-right: 0; list-style: none; font-size: 1.6rem; margin-bottom: 0; }
.section-form .section.sec-10 .grid-text-content ul li:first-child { /*font-family: var(--boldFont);*/ font-weight: bold; }
.section-form .section.sec-10 .grid-text-content p, .section-form .section.sec-10 .grid-text-content .top-text li { font-size: 1.5rem; margin-top: 0px; font-family: 'Assistant-Regular'; }
.section-form .section.sec-10 .grid-text-content .bottom-text { display: flex; align-items: flex-end; justify-content: flex-start; gap: 20px; }
.section-form .section.sec-10 .grid-text-content .bottom-text ul { }
.section-form .section.sec-10 .grid-text-content .bottom-text > p a { margin: 0 5px; }

/* Zoom */

@media (min-width: 1025px) {

    #header .submenu > li .menu-sub li a:hover { font-weight: bold; }
    .heroBtn { position: absolute; width: auto; max-height: 85px; bottom: 50px; left: 60px; }
    /*.home-page .section.sec-1::after { content: ''; position: absolute; width: 130px; height: 20px; bottom: 40px; left: 40px; background-image: url(/warehouse/dynamic/412446.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }*/

}

@media (min-width: 1440px) and (-webkit-min-device-pixel-ratio: 1) {
    .home-page.macOs .section.sec-2 { min-width: var(--half-width); }
    .home-page.macOs .section.sec-2 .grid-text-content { padding: 5px 0; }
    .home-page.macOs .section.sec-5 { min-width: var(--full-width); }
    .home-page.macOs .section.sec-5 .grid-boxes .grid-box { padding-top: 30px }
    .home-page.macOs .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.3rem; }
    .home-page.macOs .section.sec-7 .section-title { height: 27vh; padding-top: 15px; }
    .home-page.macOs .section.sec-7 .text1 { padding-left: 70px; padding-top: 30px; }
}

@media (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.2) {
    body.home-page { zoom: 1 !important; }
    .home-page #allSectionsWrapper { width: calc(830vw); }
    .macOs.chromeBrowser .home-page #allSectionsWrapper { width: calc(830vw); }
    .home-page .section.sec-2,
    .home-page .section.sec-7 { width: calc(var(--vw) / 2) !important; justify-content: flex-start; }
    .home-page .section.sec-1 .grid-text-content,
    .home-page .section.sec-2 .section-title,
    .home-page .section.sec-2 .grid-text-content,
    .home-page .section.sec-4 .section-title,
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext,
    .home-page .section.sec-7 .section-title,
    .home-page .section.sec-7 .text1,
    .section-form .grid-form-section .form-container-wide,
    .section-form .section.sec-10 .grid-text-content { zoom: 0.8; }
    .home-page .section.sec-4 .grid-boxes .grid-box { min-width: 580px; }
    .home-page .section.sec-5 .grid-boxes .grid-box { padding-inline: 25px }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 2rem; }
    .home-page .section.sec-7 .gallery-container .gallery-cubes { width: 100vw; }
    .macOs.chromeBrowser .home-page .section.sec-7 .section-title { margin: 0 110px 105px 0; }
    .macOs.safariBrowser .home-page .section.sec-7 .section-title { margin: 0 110px 110px 0; }
    .home-page .section.sec-7 .text1 { padding: 70px 110px 0 70px; width: 85% }
    .home-page .section.sec-7 .content-section-Btn { margin: 0 0 90px 0; }
    .section-form { max-width: 830px; display: flex; justify-content: center; }
    .section-form .grid-form-section { flex-grow: 1; display: flex; align-items: center; }
    .section-form .form-container-wide #DynamicFormObject { padding: 50px 110px 30px; }
    .section-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 5px 0 15px; }
    .section-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select { margin-bottom: 10px; }
    .section-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 15px; }
    .section-form .section.sec-10 { flex-grow: 1; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 1.5) {
    .home-page #allSectionsWrapper { width: calc(850vw); }
    .home-page .section.sec-1 .grid-text-content,
    .home-page .section.sec-2 .section-title,
    .home-page .section.sec-2 .grid-text-content,
    .home-page .section.sec-4 .section-title,
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext,
    .home-page .section.sec-7 .section-title,
    .home-page .section.sec-7 .text1,
    .section-form .grid-form-section .form-container-wide,
    .section-form .section.sec-10 .grid-text-content { zoom: 0.7; }
}

@media(max-width: 1024px) {
    .heroBtn { display: none; }
    .home-page .section-title h1, .home-page .section-title h2 { max-width: 100%; }
    #header { align-items: flex-start; height: 63px; }
    #header #header-right { width: 63px; height: 100%; }
    #header #header-right .menu-nav .nav-menu-anim #nav-toggle { width: 100%; height: 100%; }
    #header #header-left { background: #fff; width: 125px; }
    #header #header-left img, #header.bg #header-left img { max-width: 75px; }
    #header #header-left a::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/388336.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; }
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { width: 100%; padding: 63px 0px 0; }
    #header .submenu > li { padding: 20px 0px; }
    #header .submenu > li i.opensub { padding: 20px 0 0 20px; }
    #header .submenu > li > a { font-size: 2.2rem; padding: 0 20px; }
    #header .submenu > li .menu-sub { padding: 13px 40px 0; margin-top: 13px; }
    #header .submenu > li .menu-sub li a { font-size: 1.5rem; width: 100%; padding: 5px 0; }
    #header #header-right .menu-nav .nav-menu-anim { border-bottom: 1px solid rgba(209, 209, 209, 0.39); border-left: 1px solid rgba(209, 209, 209, 0.39); }
    .home-page .section.sec-1 img { height: var(--app-height); }
    .home-page .section.sec-1 .grid-text-content { padding: 0 25px; }
    .top-horizontal-line, .bottom-horizontal-line, .right-vertical-line, .left-vertical-line, .middle-vertical-line { display: none; }
    .home-page #allSectionsWrapper { display: flex; flex-direction: column; width: 100%; flex-wrap: unset; align-items: center; }
    .home-page #allSectionsWrapper > .section { height: auto; width: 100% !important; }
    .home-page .section.sec-1 img, .home-page .section.sec-3 img, .home-page .section.sec-6 img, .home-page .section.sec-8 img { width: 100%; height: auto; }
    .home-page .section.sec-1 .grid-text-content h1, .home-page .section.sec-1 .grid-text-content h2 { font-size: 3rem; }
    .home-page .section.sec-1 .grid-text-content .section-title { margin-bottom: 0px; }
    .home-page .section.sec-1 .grid-text-content p { font-size: 1.4rem; max-width: 100%; margin: 15px 0 0; line-height: 1.35; text-align: center; }
    .home-page .section.sec-1 a.sec-button { min-width: unset; width: calc(100% - 50px); font-size: 1.54rem; letter-spacing: 0.3px; margin: 0; position: absolute; bottom: 40px; z-index: 1; left: 50%; transform: translateX(-50%); }
    .home-page .section.sec-2 > * { height: auto !important; }
    .home-page .section.sec-2 .section-title { margin: 0; padding: 70px 25px; width: 100% }
    .home-page .section.sec-2 .section-title h2 { font-size: 1.6rem; line-height: 1.31; }
    .home-page .section.sec-2 .grid-text-content { padding: 70px 25px; max-width: 100%; }
    .home-page .section.sec-2 .grid-text-content h2 { font-size: 2.2rem; }
    .home-page .section.sec-2 .grid-text-content p { font-size: 1.4rem; line-height: 1.57; }
    .home-page .section.sec-3 img, .home-page .section.sec-6 img, .home-page .section.sec-8 img { max-height: 500px; }
    .home-page .section.sec-3 .grid-text::after, .home-page .section.sec-8::after { width: calc(100% - 50px); height: 150px; }
    .home-page .section.sec-4 { flex-direction: column; align-items: center; }
    .home-page .section.sec-4 .section-title { width: 100%; padding: 70px 25px; }
    .home-page .section.sec-4 .section-title h2 { font-size: 2.2rem; margin: 0; }
    .home-page .section.sec-4 .section-title h3 { font-size: 1.4rem; line-height: 1.57; max-width: 100%; }
    .home-page .section.sec-4 .section-title a.sec-button { font-size: 1.4rem; }
    .home-page .section.sec-4 .grid-boxes { display: flex; flex-direction: column; }
    .home-page .section.sec-4 .grid-boxes .grid-box { min-width: unset; }
    .home-page .section.sec-4 .grid-boxes .grid-box:hover .grid-box-image .grid-box-image-container::after { opacity: 0.4; }
    .home-page .section.sec-4 .grid-boxes .grid-box .box-image-animation img { transform: scale(1) !important; }
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text { max-width: 200px; left: 50%; text-align: center; transform: translate(-50%,-50%); }
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text h3 { font-size: 2.4rem; margin: 0 0 10px; }
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text .grid-box-subtitle { font-size: 1.6rem; }
    .home-page .section.sec-4 .grid-boxes .grid-box:not(:last-child) { border-left: unset; border-bottom: 1px solid #fff; }
    .home-page .section.sec-5 .grid-boxes .grid-box { width: 50%; padding: 20px 12px; height: calc(var(--half-width) * 1.8); }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.6rem; }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.6rem; margin: 2px 0 0; }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.34rem; }
    .home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-fulltext { height: auto; overflow: hidden; }
    .home-page .section.sec-5 .grid-boxes .grid-box.quote-box { width: 100%; }
    .home-page .section.sec-5 .grid-boxes .grid-box.quote-box .grid-box-image { margin-bottom: 10px; }
    .home-page .section.sec-7 > * { height: auto !important; }
    .home-page .section.sec-7 .section-title { margin: 0; padding: 70px 25px; }
    .home-page .section.sec-7 .section-title h2 { font-size: 1.6rem; line-height: 1.3; letter-spacing: 0.32px; }
    .home-page .section.sec-7 .gallery-wrapper { border-top: 1px solid rgba(209, 209, 209, 0.39); border-bottom: 1px solid rgba(209, 209, 209, 0.39); }
    .home-page .section.sec-7 .gallery-container .gallery-cubes > div { width: 25%; height: 65px; width: 20%; height: 55px; }
    .home-page .section.sec-7 .text1 { padding: 70px 25px; }
    .home-page .section.sec-7 .text1 h3 { font-size: 2.2rem; margin: 0; }
    .home-page .section.sec-7 .text1 p { font-size: 1.4rem; line-height: 1.57; }
    .home-page .section.sec-7 .owl-carousel .owl-dots { width: 80%; }
    .home-page .section.sec-7 .gallery-container .gallery-cubes { width: 100vw; padding: 0; }
    .home-page .section.sec-7 .gallery-wrapper .gallery-container { width: 100vw; }
    .home-page .section.sec-7 .content-section-Btn { margin: 50px 0px; }
    .home-page .section.sec-7 .content-section-Btn h3 { font-size: 2.2rem; }
    .section-form .section.sec-9 { height: auto; }
    .section-form .section.sec-9 .form-container-wide #DynamicFormObject { padding: 70px 25px 40px; }
    .section-form .section.sec-10 { padding: 0; margin: 0; height: auto; }
    .section-form .section.sec-10 .grid-text-content { padding: 35px 25px 45px; }
    .section-form .section.sec-10 .grid-text-content .top-text { margin-bottom: 20px; }
    .section-form .section.sec-10 .grid-text-content .bottom-text { display: flex; flex-direction: column; align-items: flex-start; }
    .section-form .section.sec-10 .grid-text-content .bottom-text ul { padding: 0; margin-bottom: 20px; }
    .section-form .section.sec-10 .grid-text-content ul { font-size: 1.4rem; }
    .section-form .section.sec-10 .grid-text-content p, .section-form .section.sec-10 .grid-text-content .top-text li { font-size: 1.4rem; }
}

/*------------------------------------------------inner pages-------------------------------------------------------*/

/*--------------contentPage---------------*/

/*right-headline section*/
.contentPage .lobby-grid #GridPage .max-width { padding: 0 }
.contentPage #allSectionsWrapper { padding: 120px 0; }
.contentPage #allSectionsWrapper:has(.grid-gallery-section) { padding-bottom: 0; }
.contentPage .sections .limited-width { max-width: 1575px; margin: 0 auto; }
.contentPage .sections .limited-width.text2, .contentPage .sections .limited-width.text3 { max-width: 775px; padding-top: 95px }
.contentPage .sections .limited-width.text3 { padding-top: 50px }
.contentPage .sections .right-headline-section { display: flex; justify-content: center; align-items: flex-start; max-width: 1300px; margin: 0 auto 120px; }
.contentPage .sections .right-headline-section.space-top { margin-top: 120px; }
.contentPage .right-headline-section .grid-text { max-width: 59%; }
.contentPage .includeVideo video,
.contentPage .includeVideo iframe { width: 101vw; height: 100vh; /* transform: translateX(44%); */ margin: 120px -44vw 60px 0; }
.contentPage .includeVideo iframe + iframe { display: none; }


@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio:1.2) {
    body:not(.home-page) #GridTop { height: 600px; }
    .contentPage .includeVideo video,
    .contentPage .includeVideo iframe { width: 127vw; margin: 120px -54vw 60px 0; }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio:1.45) {
    .contentPage .includeVideo video,
    .contentPage .includeVideo iframe { width: 152vw; margin: 120px -74vw 60px 0; }
}

@media(max-width: 767px) {
    .contentPage .lobby-grid #GridPage .max-width { width: 100%; }
    .contentPage #allSectionsWrapper { padding: 65px 0 50px; }

    .contentPage .sections .right-headline-section { flex-direction: column; margin-bottom: 70px; }
    .contentPage .sections .right-headline-section.space-top { margin-top: 70px; }
    .contentPage .sections .limited-width { padding: 0 25px; }
    .contentPage .sections .limited-width.text2 { padding-top: 52px; }
    .contentPage .sections .limited-width.text3 { padding: 60px 25px 10px; }
    /*.contentPage .section-title h1, .contentPage .section-title h2 { max-width: 100%; }*/
    .contentPage .right-headline-section .grid-text { max-width: 100%; }
    .contentPage .includeVideo video,
    .contentPage .includeVideo iframe { margin: 50px -25px 50px 0; width: 100vw; }
}

/*big images section*/
.contentPage .grid-image-section { /* max-height: 700px; */ height: 700px; margin-bottom: 25px; }
.contentPage .grid-image-section .image-section-data { height: 100%; /* max-height: 700px; */ width: 100%; overflow: hidden; }
.contentPage .grid-image-section .image-section-data img { width: 100%; height: auto; }

@media(max-width: 767px) {
    .contentPage .grid-image-section { margin: 10px 0 20px; height: 500px; height: auto; }
    .contentPage .grid-image-section .image-section-data img { margin-top: 0 !important; }
}


/*big titles section*/
.contentPage .title-section { padding: 95px 0 120px; display: flex; justify-content: flex-end; align-items: center; }
.contentPage .title-section img { height: 240px; width: auto; }

@media(max-width: 767px) {
    .contentPage .sections .title-section { padding: 65px 25px; justify-content: center; }
    .contentPage .title-section img { height: 75px; width: auto; }
}

/*staff-section*/
.contentPage .sections .staff-section { margin-bottom: 0px; }
.contentPage .sections .staff-section.last { margin: 40px auto 170px; }
.contentPage .sections .staff-section .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 45px 10px; }
.contentPage #LobbyModule .staff-section .grid-boxes .grid-box { width: 33.33%; max-width: 514px; pointer-events: none; text-align: right; line-height: 22px; }
.contentPage .staff-section .grid-boxes .grid-box .grid-box-image { padding-bottom: 100%; }
.contentPage #LobbyModule .staff-section .grid-boxes .grid-box-title h3 { font-size: 1.8rem; /*font-family: var(--boldFont);*/ font-weight: bold; letter-spacing: 0.09px; color: #000; margin-top: 4px; }
.contentPage #LobbyModule .staff-section .grid-boxes .grid-box-title h3 a { color: #000; }
.contentPage .staff-section .grid-boxes .grid-box-subtitle { font-size: 1.6rem; letter-spacing: 0.24px; color: #000; }

@media(max-width: 767px) {
    .contentPage .sections .staff-section { margin-bottom: 30px; padding: 0; }
    .contentPage .sections .staff-section.last { margin-bottom: 65px; }
    .contentPage .sections .staff-section .grid-boxes { justify-content: flex-start; gap: 20px 1px; }
    .contentPage #LobbyModule .staff-section .grid-boxes .grid-box { width: 49.6%; }
    .contentPage #LobbyModule .staff-section .grid-boxes .grid-box-title h3 { font-size: 1.4rem; line-height: 1.14; letter-spacing: 0.07px; margin-right: 8px; }
    .contentPage .staff-section .grid-boxes .grid-box-subtitle { font-size: 1.3rem; letter-spacing: 0.2px; margin-right: 8px; line-height: 1.3; }
}

/*tree-groups section*/
.contentPage .sections .tree-groups { padding: 7px; margin-top: -20px; }
.contentPage .sections .tree-groups .grid-boxes { display: flex; justify-content: center; }
.contentPage #LobbyModule .sections .tree-groups .grid-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 33.33%; border: var(--borderStyle); transition: background-color 0.35s ease; }
.contentPage #LobbyModule .sections .tree-groups .grid-box > a.grid-box-link { height: 100%; width: 100%; padding: 45px 35px; text-align: right; }
.contentPage.macOs #LobbyModule .sections .tree-groups .grid-box { opacity: 1 !important; }
.contentPage #LobbyModule .sections .tree-groups .grid-box:hover { background-color: var(--blueColor); }
.contentPage #LobbyModule .sections .tree-groups .grid-box::after { content: ''; position: absolute; width: 25px; height: 25px; background-image: url(/warehouse/dynamic/387587.svg); background-repeat: no-repeat; background-position: center; background-size: contain; bottom: 35px; left: 35px; }
.contentPage #LobbyModule .sections .tree-groups .grid-box:hover:after { background-image: url( /warehouse/dynamic/387586.svg); }
.contentPage.macOs #LobbyModule .section-animation-item { opacity: 1; }
.contentPage.macOs #LobbyModule .section-animation-item.up { animation: .45s forwards moveUp; -webkit-animation: .45s forwards moveUp; }

.contentPage .sections .tree-groups .grid-box .grid-box-image-container { position: relative; height: 100%; }
.contentPage .sections .tree-groups .grid-box .grid-box-image-container a { pointer-events: none; }
.contentPage .sections .tree-groups .grid-box:nth-child(1):hover .grid-box-image-container a { -webkit-mask-image: url(/warehouse/dynamic/386454.png); mask-image: url(/warehouse/dynamic/386454.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: relative; -webkit-mask-size: contain; -webkit-mask-position: right; transition: background 0.35s ease; }
.contentPage .sections .tree-groups .grid-box:nth-child(1):hover .grid-box-image-container a::after { content: ''; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background: #fff; transition: background 0.35s ease; }
.contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-image { padding-bottom: 0; height: 70px; margin-bottom: 20px; }
.contentPage .sections .tree-groups .grid-box .grid-box-image img { width: auto; height: 100%; transition: none; }
.contentPage .sections .tree-groups .grid-box:hover .grid-box-image img { filter: invert(1); }
.contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title a,
.contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext { font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.1px; text-align: right; color: var(--secBlackColor); }
.contentPage #LobbyModule .sections .tree-groups .grid-box:hover .grid-box-title a,
.contentPage .sections .tree-groups .grid-box:hover .grid-box-fulltext p { color: #fff; }

@media(min-width: 768px) {
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext { min-height: 180px; max-width: 93%; }
}

@media(max-width: 767px) {
    .contentPage .sections .tree-groups { width: 100%; overflow-x: scroll; padding: 0; padding-right: 25px; margin-top: 0; }
    .contentPage .sections .tree-groups::-webkit-scrollbar { width: 0; }
    .contentPage #LobbyModule .sections .tree-groups .grid-boxes { max-width: 1500px; width: 960px; justify-content: flex-start; }
    .contentPage #LobbyModule .sections .tree-groups .grid-box { width: 85vw; }
    .contentPage #LobbyModule .sections .tree-groups .grid-box > a.grid-box-link { padding: 40px 15px; }
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-image { margin-bottom: 10px; }
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-image { height: 55px; }
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext { font-size: 1.3rem; line-height: 1.3; letter-spacing: 0.26px; }
    .contentPage #LobbyModule .sections .tree-groups .grid-box::after { bottom: 20px; left: 20px }
}

/*grid-gallery-section*/
.contentPage .grid-gallery-section { margin-top: 120px; }
.contentPage .grid-gallery-section .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 5px }
.contentPage .grid-gallery-section .gallery-cubes > div { width: 32.7%; margin: 5px; overflow: hidden; }
.contentPage .grid-gallery-section .gallery-cubes > div .boxes-images-outer-image { transition: all 0.35s ease; transform: scale(1.1); }
.contentPage .grid-gallery-section .gallery-cubes > div:hover .boxes-images-outer-image { transform: scale(1); }
.contentPage .grid-gallery-section .gallery-cubes .boxes-images-outer-image:hover .image-link-container { display: none; }

@media(max-width: 767px) {
    .contentPage .gallery-container { width: 100%; padding: 0; margin: 0; overflow-x: scroll; /* display:block;*/ }
    .contentPage .grid-gallery-section { margin-top: 75px; }
    .contentPage .grid-gallery-section .gallery-cubes { width: max-content; justify-content: flex-start; padding-bottom: 0px }
    .contentPage .grid-gallery-section .gallery-cubes > div { width: 310px; max-width: 100%; margin: 0 3px; }
    .contentPage .gallery-cubes .boxes-images-outer-image { padding-bottom: 103.5%; }
}


/*--------------contactPage---------------*/
.contactPage #GridPage { padding: 0 }
.contactPage #GridContent { padding: 120px 0 }

.form-wrapper { display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; height: 615px; }
.form-wrapper > section { padding: 0; margin: 0; height: 100%; }
.form-wrapper .grid-text-section { opacity: 1; margin: 0; min-width: 520px; background-color: #fbfbfb; }
.form-wrapper .grid-text-section .grid-text, .form-wrapper .grid-text-section .grid-text-content { height: 100%; }
.form-wrapper .grid-text-section .grid-text-content { border-top: var(--borderStyle); border-bottom: var(--borderStyle); opacity: 1; padding: 0; margin: 0; width: 100%; }
.form-wrapper .grid-text-section .location-wrapper { outline: var(--borderStyle); padding: 65px 100px; margin: 0 auto; text-align: right; height: 33.33%; }
.form-wrapper .grid-text-section .location-wrapper h3 { font-size: 1.6rem; /*font-family: var(--boldFont);*/ font-weight: bold; margin: 0; padding: 0; }
.form-wrapper .grid-text-section .location-wrapper p { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0.6px; margin: 0; padding: 0; }
.form-wrapper .grid-form-section { max-width: 1040px; border: var(--borderStyle) }

.form-container-wide #DynamicFormObject { padding: 95px 150px 98px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: right; border: 0 }
.form-container-wide #DynamicFormObject:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; margin: 0; text-align: right; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-family: 'Assistant-Regular' }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 3.2rem; line-height: 1.3; }
.home-page .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-weight: bold; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 5px 0 35px; padding: 0; font-size: 2rem; line-height: 1.3; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0 30px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: calc(50% - 15px); padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div.must:before { top: 2px; right: 5px; color: #757575; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select { border: 0; border-bottom: 1px solid #000; border-radius: 0; outline: 0; width: 100%; padding: 0; padding-right: 15px; margin: 0; margin-bottom: 20px; box-shadow: none; font-size: 1.6rem; line-height: 1.5; color: #757575 }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .select-wrapper:after { content: ''; background-image: url(/warehouse/dynamic/385321.svg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 11px; height: 6px; left: 1px; top: 20px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div *::placeholder { color: #757575 !important }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { display: flex; max-width: 100%; width: 238px; height: 60px; justify-content: center; align-items: center; padding: 0; margin-top: 30px; background-color: #000; transition: box-shadow 0.35s ease; box-shadow: inset 0 0 0 0 var(--blueColor); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { box-shadow: inset 0 -100px 0 0 var(--blueColor); }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background-color: transparent; color: #fff; width: 100%; height: 100%; border: 0; border-radius: 0; font-size: 1.5rem; line-height: 1.27; letter-spacing: 0.9px; padding: 0; margin: 0; }
.normal-form input:focus { border: 0 !important; border-bottom: 1px solid #000 !important; outline: 0 !important; }

@media(max-width: 767px) {
    .contactPage #GridContent { padding: 25px 0; }


    .contactPage #GridContent .form-wrapper { flex-direction: column-reverse; padding: 0 }
    .form-wrapper .grid-text-section { min-width: auto; width: 100%; border: var(--borderStyle); padding: 0; }
    .form-wrapper .grid-text-section .grid-text-content { border: 0; }
    .form-wrapper .grid-text-section .location-wrapper { padding: 12px 15px; border: 0; }
    .form-wrapper .grid-text-section .location-wrapper h3 { font-size: 1.4rem; }
    .form-wrapper .grid-text-section .location-wrapper p { font-size: 1.3rem; line-height: 1.85; letter-spacing: 0.52px; }

    .form-container-wide #DynamicFormObject { padding: 50px 20px; width: 100% !important; max-width: 100% !important; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 2.2rem; margin-bottom: 5px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 1.6rem; letter-spacing: 0.32px; margin: 3px 0 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { justify-content: center; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 100%; }
}

/*join us*/
.joinUsPage .jobs-section, .joinUsPage .form-details { max-width: 1561px; margin: 0 auto; }
.joinUsPage .jobs-section .panel-group { margin-bottom: 120px }
.joinUsPage .jobs-section .panel-group .panel { position: relative; margin: 0 !important; font-size: 1.9rem; line-height: 1.16; letter-spacing: 0.27px; display: flex; flex-wrap: wrap; width: 100% }
.joinUsPage .jobs-section .panel-group .panel .faq-headline { border: var(--borderStyle); border-top: 0; background-color: #fff !important; /*font-family: var(--boldFont);*/ font-weight: bold; font-size: 1.9rem; padding: 31px 47px; min-height: 110px; width: 100%; display: inline-block }
.joinUsPage .jobs-section .panel-group .panel:first-child .faq-headline { border-top: var(--borderStyle) }
.joinUsPage .jobs-section .panel-group .panel .faq-headline p { max-width: 350px; color: var(--blackColor); }
.joinUsPage .jobs-section .panel-group .panel .faq-headline:not(.collapsed) { margin: 0 !important; background-color: rgba(247, 247, 247, 0.47) !important }
.joinUsPage .jobs-section .panel-group .panel .button-open.fa.fa-caret-down { position: absolute; min-height: 110px; height: 100%; width: 111px; border-right: solid 1px rgba(209, 209, 209, 0.39); border-bottom: solid 0.5px rgba(209, 209, 209, 0.39); left: 0; background-color: var(--whiteColor); }
.joinUsPage .jobs-section .panel-group .panel .button-open.fa-caret-down:before { content: ""; background-image: url(/warehouse/dynamic/387587.svg); background-position: center; background-repeat: no-repeat; background-size: contain; width: 26px; height: 26px; position: absolute; right: 50%; top: 50%; transform: translate(50%,-50%) rotate(0deg); transition: transform 0.35s ease; }
.joinUsPage .jobs-section .panel-group .panel .button-open.fa.fa-caret-down.collapsed::before { background-image: url( /warehouse/dynamic/388028.svg); transform: translate(50%,-50%) rotate(180deg); }
.joinUsPage .jobs-section .panel-group .panel:first-child .button-open.fa.fa-caret-down { border-top: var(--borderStyle); /*background-image: url(/warehouse/dynamic/387587.svg);   background-position: center;   background-repeat: no-repeat;   background-size: 26px;*/ }
.joinUsPage .jobs-section .panel-group .panel .faq-body { background-color: rgba(247, 247, 247, 0.47) !important; border-left: var(--borderStyle); border-right: var(--borderStyle); width: 1450px; float: right; }
.joinUsPage .jobs-section .panel-group .panel .faq-body > div { display: inline-block; max-width: 760px; transform: translateX(-60%); -webkit-transform: translateX(-60%) }
.joinUsPage .jobs-section .panel-group .panel .faq-body h4 { color: var(--blackColor); /*font-family: var(--boldFont);*/ font-weight: bold; margin-bottom: 6px; }
.joinUsPage .jobs-section .panel-group .panel .faq-body ul { padding-right: 20px; margin-bottom: 25px }
.joinUsPage .jobs-section .panel-group .panel .faq-body p,
.joinUsPage .jobs-section .panel-group .panel .faq-body li { font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.24px; color: #262626; margin-bottom: 10px; }
.joinUsPage .jobs-section .panel-group .panel .faq-body p { margin-bottom: 25px; }
.joinUsPage .jobs-section .panel-group .panel .faq-body li::marker { font-size: 1.2rem; }

.joinUsPage .form-details .grid-text-content { display: flex; justify-content: center; align-items: center; gap: 70px; }
.joinUsPage .form-details .grid-text-content h3 { margin-top: 0; }

@media(max-width: 767px) {
    body:not(.home-page) .form-wrapper { padding: 0 25px; height: auto; }

    .joinUsPage .section-title h2 { margin-bottom: 15px; }

    .joinUsPage .jobs-section { margin-top: -30px; padding: 0 25px; }
    .joinUsPage .jobs-section .panel-group { margin-bottom: 65px; }
    .joinUsPage .jobs-section .panel-group .panel .faq-headline { font-size: 1.5rem; line-height: 1.27; letter-spacing: 0.3px; padding: 15px; width: 100%; transition: all 0.7s ease; border: var(--borderStyle); min-height: 90px; }
    .joinUsPage .jobs-section .panel-group .panel .faq-headline:not(.collapsed) { border-bottom: 0; }
    .joinUsPage .jobs-section .panel-group .panel .faq-headline p { max-width: 230px; height: 100%; display: flex; justify-content: flex-start; align-items: center; }
    .joinUsPage .jobs-section .panel-group .panel .button-open.fa.fa-caret-down { position: absolute; top: auto; bottom: 0; left: 0; transform: none; max-height: 110px; border: 0 !important; min-height: 90px; width: 90px; background-color: transparent; }
    .joinUsPage .jobs-section .panel-group .panel .faq-body > div { transform: none; border-bottom: var(--borderStyle); }
    .joinUsPage .jobs-section .panel-group .panel .faq-body h4 { font-size: 1.5rem; line-height: 1.27; letter-spacing: 0.3px; }
    .joinUsPage .jobs-section .panel-group .panel .faq-body p, .joinUsPage .jobs-section .panel-group .panel .faq-body li { font-size: 1.4rem; line-height: 1.43; letter-spacing: 0.28px; }
    .joinUsPage .jobs-section .panel-group .panel .faq-body p { margin-bottom: 20px; }
    .joinUsPage .jobs-section .panel-group .panel .button-open.fa-caret-down:before { right: 50%; top: 50%; width: 20px; height: 20px; }
    .joinUsPage .jobs-section .panel-group .panel .button-open.fa.fa-caret-down.collapsed::before { background-image: url( /warehouse/dynamic/388028.svg); transform: translate(50%,-50%) rotate(90deg); }

    .joinUsPage .form-wrapper { flex-direction: column; margin-bottom: 50px; }
    .joinUsPage .form-details { padding: 0 25px; }
    .joinUsPage .form-details .grid-text-content { flex-direction: column; gap: 20px; }
    .joinUsPage .form-details .grid-text-content .location-wrapper { width: 100%; }
    .joinUsPage .form-details .grid-text-content h3 { margin-bottom: 10px; }
}


/*clients*/
.clients .grid-gallery-section { max-width: 1540px; margin: 0 auto 120px; }
.clients .grid-gallery-section .gallery-cubes { justify-content: flex-start; }
.clients .grid-gallery-section .gallery-cubes > div { width: 20%; padding: 14px 0; outline: var(--borderStyle); float: right; pointer-events: none; margin: 0; }
.clients .grid-gallery-section .gallery-cubes .boxes-images-outer-image { padding-bottom: 26.5%; background-size: contain !important; background-repeat: no-repeat; }


@media(max-width: 767px) {
    .clients .gallery-container { overflow: visible; }
    .clients .grid-gallery-section { margin-bottom: 65px; }
    .clients .grid-gallery-section .gallery-cubes { display: block; width: 100%; }
    .clients .grid-gallery-section .gallery-cubes > div { width: 25%; }
    .clients .grid-gallery-section .gallery-cubes .boxes-images-outer-image { padding-bottom: 43%; }
}
/*new projects lobby page*/
.lobbyProjectsPage { zoom: 1 !important; deal }
.lobbyProjectsPage #SiteContainer { opacity: 0; transition: 1s all ease-in-out; transition-delay: 0.7s; }
.lobbyProjectsPage.loaded #SiteContainer { opacity: 1 }
.lobbyProjectsPage #GridPage { padding: 0 }
.lobbyProjectsPage .lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.lobbyProjectsPage .sections .pin-spacer { max-height: 3020px }
.lobbyProjectsPage .sections .lobbyProjectsSection { padding: 0; margin: 0; max-width: 100%; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-boxes { max-width: 100%; padding: 0; position: relative; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-boxes::before,
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-boxes::after { content: none; }
.lobbyProjectsPage #LobbyModule .bannerWrapper { width: 100%; position: absolute; height: 48.552vw; left: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; top: var(--headerHeight); top: 0; margin-top: var(--headerHeight); margin-top: 0; padding-top: 5vw; }
.lobbyProjectsPage #LobbyModule .bannerWrapper #GridTop { height: auto; }
.lobbyProjectsPage #LobbyModule .bannerWrapper #GridTop .top-caption { position: relative; transform: none; font-size: clamp(4.5rem,5.208vw,100rem); left: 0; color: #000; text-transform: uppercase; line-height: 1; font-family: var(--enFont); top: 0; }
.lobbyProjectsPage #LobbyModule .bannerWrapper h1 { font-size: clamp(2.2rem,1.667vw, 100rem); font-family: var(--boldFont); line-height: 1.31; color: #000; margin: 1.363vw 0 1.563vw; }
/*.lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyview { flex-grow: 0.05; }*/
.lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText { max-width: 415px; font-size: 1.6rem; line-height: 1.38; color: var(--secBlackColor); margin-bottom: 1.563vw; }

.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-boxes .grid-box { margin: 0; padding: 0; width: 100%; overflow: hidden; position: absolute; height: 42.188vw; height: 40vw; /*height: 38vw;*/ direction: rtl !important; left: 0; /*top: calc(-1 * (var(--headerHeight)));*/ }
/*.lobbyProjectsPage.macOs #LobbyModule .lobbyProjectsSection .grid-boxes .grid-box {top: -100px; }*/
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .grid-box-image { margin: 0; padding-bottom: 38%; padding-bottom: 43%; overflow: hidden; margin-bottom: 0.260vw; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-boxes .grid-box .grid-box-image a::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.2; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .grid-box-image img { height: 100%; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .grid-box-image a:hover img { transform: none; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .projectTitles { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column-reverse; gap: 7px; z-index: 1; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .projectTitles .grid-box-subtitle { font-family: var(--enFont); text-transform: uppercase; font-size: 7rem; color: #fff; line-height: 0.86; }
.lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .projectTitles .grid-box-title h3 a { color: #fff; font-size: 3rem; font-family: var(--boldFont); }

.lobbyProjectsPage footer { position: relative; z-index: 10 }

.projectsLobbyNav { position: relative; width: 100%; height: 5.729vw; background-color: #fff; z-index: 10; margin-top: 0px; bottom: calc(0% - var(--headerHeight)); /*transition: all 0.08s ease;*/ bottom: 0; display: none }
.projectsLobbyNav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center; height: 100%; width: 100%; }
.projectsLobbyNav ul li { width: 25%; height: 100%; border: var(--borderStyle); }
.projectsLobbyNav ul li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; transition: all 0.35s ease; font-size: 1.9rem; line-height: 1.16; letter-spacing: 0.27px; color: var(--secBlackColor); }
.projectsLobbyNav ul li a:hover { background-color: var(--blueColor); color: #fff; }

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText { max-width: 520px; }
}

@media(max-width: 767px) {
    .lobbyProjectsPage .sections .lobbyProjectsSection { margin: 0; }
    .lobbyProjectsPage #LobbyModule .bannerWrapper #GridTop .top-caption { width: 60%; margin: 0 auto; }
    /*.lobbyProjectsPage .sections .pin-spacer { max-height: 2620px }*/
    .lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .grid-box-image { padding-bottom: 134%; padding-bottom: 156%; }
    .lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .projectTitles .grid-box-title h3 a { font-size: 2rem; }
    .lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-box .projectTitles .grid-box-subtitle { font-size: 3.5rem; line-height: 1.1; }
    .lobbyProjectsPage #LobbyModule .lobbyProjectsSection .grid-boxes .grid-box { height: calc(100vh - 160px); height: calc(100vh - 80px) }
    .projectsLobbyNav { overflow-x: scroll; overflow-y: visible; height: 60px; }
    .projectsLobbyNav::-webkit-scrollbar { width: 0; height: 0 }
    .projectsLobbyNav ul { width: max-content; }
    .projectsLobbyNav ul li { width: auto; }
    .projectsLobbyNav ul li a { padding: 20px 25px; font-size: 1.4rem; letter-spacing: 0.2px; line-height: 1.57; }
    .lobbyProjectsPage #LobbyModule .bannerWrapper { width: 100%; position: absolute; height: 79.552vw; height: 100vw; padding-top: 13vw; }
    .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyview { display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 1; padding: 0 6vw; }
    .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyview #headline { margin: 0 }
}

/*Projects lobby Page*/
.ourProjectsPage:not(.innerProjectPage) #GridTop .top-caption { font-family: var(--enFont); }
.ourProjectsPage:not(.innerProjectPage) #GridTop .top-caption .top-caption-subtitle { font-family: 'Assistant-Regular'; }

.custom-template-137 #GridPage, .custom-template-170 #GridPage { padding: 0; }
.custom-template-137 #GridPage .max-width,
.custom-template-170 #GridPage .max-width { padding: 0; max-width: 1560px; }
.categories-strip { display: none; }
.custom-template-137 .categories-strip, .custom-template-137 #contentModuleNav,
.custom-template-170 .categories-strip, .custom-template-170 #contentModuleNav { display: none; }
.navbarWrapper { margin-top: 0; display: block; }
.navbarWrapper.sub { margin: 0; }
.projectsNav, .projectsNav-sub { list-style: none; padding: 0; display: flex; align-items: center; justify-content: center; margin: 0; position: relative; }
.projectsNav::before,
.projectsNav::after { content: ''; position: absolute; height: 1px; background: #e9e9e9; width: calc((100vw - 1560px) / 2); right: calc((100vw - 1560px) / -2); bottom: -1px; }
.projectsNav::before { left: calc((100vw - 1560px) / -2); right: auto; }

.projectsNav li { width: 25%; font-size: 1.8rem; line-height: 1.16; text-align: center; letter-spacing: 0.27px; /*font-family: var(--boldFont);*/ font-weight: bold; outline: 1px solid #e9e9e9; background-color: transparent; color: var(--blackColor); transition: all 0.35s ease; }
.projectsNav li a { display: block; padding: 44px 0; width: 100%; height: 100%; transition: all 0.35s ease; }
.projectsNav li a:hover, .projectsNav li a:focus { background-color: var(--blueColor); }
.projectsNav li a:hover, .projectsNav li a:focus { color: #fff; }
.projectsNav-sub li a:hover, .projectsNav-sub li a:focus { color: #000; /*font-family: var(--boldFont);*/ font-weight: bold; }
.projectsNav li.active { background-color: var(--blueColor); color: #fff; opacity: 1; }
.projectsNav-sub li { width: 50%; font-size: 1.8rem; line-height: 1.16; letter-spacing: 0.27px; border-bottom: var(--borderStyle); color: var(--greyColor); cursor: pointer; transition: all 0.7s ease; display: flex; justify-content: center; align-items: center; position: relative; }
.projectsNav-sub li.active { color: var(--blackColor); }
/*.ourProjectsPage #ContentRegularModule .projectsNav-sub li a {display:block; padding: 70px 0 15px; width:100%; height:100% }*/
/*#ContentRegularModule .projectsNav-sub li:hover, #ContentRegularModule .projectsNav-sub li:focus, 
#ContentRegularModule .projectsNav-sub li.active { border-bottom: 1px solid var(--secBlackColor); color: var(--secBlackColor); }*/
.projectsNav-sub li::before { content: ''; position: absolute; right: 0; bottom: -1px; width: 0; height: 1px; transition: width 0.7s ease; background-color: var(--secBlackColor); }
/*.projectsNav-sub li:hover:before,*/ .projectsNav-sub li.active::before { width: 100%; }
.projectsNav-sub li:first-child { display: none; }
.projectsNav-sub li a { white-space: nowrap; padding: 42px 10px; }

.ourProjectsPage h1 { font-size: clamp(2.5rem,1.667vw,100rem); font-weight: bold; padding-top: 60px; }
.projects { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; grid-gap: 75px 13px; padding: 60px 0 150px; }
.projects .project { width: calc(50% - 13px); display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: right; }
.projects .project a:focus, .projects .project a:hover { color: #000; }
.projects .project .image-container { position: relative; margin-bottom: 16px; width: 100%; height: 775px; overflow: hidden; transition: all 0.35s ease; }
.projects .project .image-container img { transform: scale(1.1); transition: all 0.35s ease; }
.projects .project .image-container:hover img { transform: scale(1); }
.projects .project > a { width: 100%; }
/*.projects .project .image-container:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; transition: opacity 0.35s ease; }
.projects .project:hover .image-container:before { opacity: 0.4 }*/
.projects .project img { width: 100%; height: 100%; }
.projects .project span { text-align: right; font-size: 2.4rem; /*font-family: var(--boldFont), initial;*/ font-weight: bold; line-height: 1.33; position: relative; }
.projects .project a span:before { content: ''; position: absolute; right: 0; bottom: -1px; width: 0; height: 2px; transition: width 0.35s ease; background-color: var(--blueColor); }
.projects .project a:hover span:before { width: 100% }

@media(max-width: 767px) {
    .custom-template-137 #GridPage .max-width, .custom-template-170 #GridPage .max-width { width: 100%; padding: 0 25px; }
    .projects { gap: 30px 13px; }
    .projects .project { text-align: center; }
    .navbarWrapper { overflow-x: scroll; overflow-y: visible; margin: 0 -25px; }
    .navbarWrapper::-webkit-scrollbar { height: 0 }
    .projectsNav-sub::-webkit-scrollbar { height: 0 }
    .macOs.navbarWrapper { margin: 0 -25px 5px; }
    .navbarWrapper.sub { margin: 0 -25px; }
    .navbarWrapper::-webkit-scrollbar { width: 0 }
    .projectsNav, .projectsNav-sub { width: 500px; width: max-content; justify-content: flex-start; }
    .projectsNav { border-bottom: var(--borderStyle); }
    /*#ContentRegularModule .projectsNav-sub,
    #ContentRegularModule .projectsNav-sub:focus,
    #ContentRegularModule .projectsNav-sub:active { border: 0 !important; border-bottom: 1px solid var(--secBlackColor) !important; width: 100%; font-size: 1.5rem !important; line-height: 1.27; letter-spacing: 0.3px; padding-bottom: 10px; outline: none; }*/
    .projectsNav li, .projectsNav-sub li { width: 50%; font-size: 1.7rem; }
    .projectsNav li a, .projectsNav-sub li a { padding: 20px; white-space: nowrap; letter-spacing: normal }
    .projectsNav-sub li a { padding: 20px; }
    .projectsNav-sub li { padding: 0; /*border-top: var(--borderStyle);*/ }
    /*.projectsNav-sub li::after { content: ''; width: 1px; height: 60%; position: absolute; left: 0; background-color: rgba(209, 209, 209, 0.39); }*/

    .ourProjectsPage h1 { padding-top: 35px; }
    .projects { padding: 35px 0 65px; }
    .projects .project { width: 100%; }


    .projects .project .image-container { height: 325px; margin-bottom: 10px; }
    .projects .project .image-container img { transform: scale(1); height: 100% }
    .projects .project span { font-size: 1.9rem; margin: 0 auto; }
    .projects .project a span:before { content: none; }
}



/*.inner Project Page */
.innerProjectPage #GridPage { padding-top: 0; }
.innerProjectPage #GridPage .max-width { max-width: 1560px; width: 100%; }
.innerProjectPage #innerProjectPageTitle { height: 400px; }
.innerProjectPage #innerProjectPageTitle .top-caption { color: var(--blackColor); top: 180px; transform: translateX(-50%); -webkit-transform: translateX(-50%); max-width: 100%; width: 100%; }
.innerProjectPage #innerProjectPageTitle .top-caption h1 { font-family: var(--enFont), var(--boldFont); font-weight: bold; font-size: 4rem; -webkit-text-stroke: 1px rgba(0, 0, 0, 0); line-height: 1.1; font-weight: 600; max-width: 100%; width: 100%; text-transform: uppercase; width: 30%; margin: 0 auto; padding: 0 }
.innerProjectPage #innerProjectPageTitle .top-caption h2 { /*font-family: var(--boldFont);*/ font-weight: bold; font-size: 3.2rem; line-height: 1.3; padding: 5px 0 20px; }

.innerProjectPage .project-details-section { padding: 0 5px; margin: 0 }
.innerProjectPage .project-details-section .grid-boxes { padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.innerProjectPage .project-details-section .grid-boxes::before, .innerProjectPage .project-details-section .grid-boxes::after { content: none; }
.innerProjectPage .project-details-section .grid-boxes > div { width: auto; padding: 25px; position: relative; border: var(--borderStyle); display: inline-flex; justify-content: center; align-items: center; margin: 0; flex-grow: 1; }
.innerProjectPage .project-details-section .grid-boxes > div:not(:last-child):before { /*content: '';*/ position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 70%; width: 1px; background: rgba(209, 209, 209, 0.39); }
.innerProjectPage .project-details-section .grid-box .grid-box-title h3 { font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.24px; color: var(--secBlackColor); margin: 0; }

.innerProjectPage .gallery-project-section { padding: 0px; margin: 0; margin-top: -5px; }
.innerProjectPage .gallery-project-section .grid-box { padding: 5px; }
.innerProjectPage .gallery-project-section .grid-box.half-width-image { width: 50%; }
.innerProjectPage .gallery-project-section .grid-box.half-width-image .grid-box-image,
.innerProjectPage .gallery-project-section .grid-box.full-width-image .grid-box-image { padding-bottom: 0; margin: 0; }
.innerProjectPage .gallery-project-section .grid-box.full-width-image { width: 100%; padding: 5px; }

.innerProjectPage .gallery-project-section .grid-box .grid-box-image { overflow: hidden; }
.innerProjectPage .gallery-project-section .grid-box .grid-box-image .grid-box-image-container { /*transform: scale(1.1);*/ transition: all 0.35s ease; position: relative; }
.innerProjectPage .gallery-project-section .grid-box:hover .grid-box-image .grid-box-image-container { transform: scale(1); }
.innerProjectPage .gallery-project-section .grid-box .grid-box-image img { width: 100%; height: auto; }
/*.innerProjectPage .gallery-project-section .grid-box .grid-box-image::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0; transition: opacity 0.35s ease; }
.innerProjectPage .gallery-project-section .grid-box .grid-box-image:hover:after { opacity: 0.4; }*/


.back-page-button-wrapper { padding: 65px 0; }
.back-page-button, .back-page-button:focus { background-color: transparent; color: #000; position: relative; }
.back-page-button:hover { color: #000; }
.back-page-button::before, .back-page-button::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid; transition: transform .75s cubic-bezier(.19,1,.22,1); pointer-events: none; transform: scaleX(1); transition-delay: .25s; }
.back-page-button::before { transform-origin: right; }
.back-page-button:hover:before { transform: scaleX(0); transition-delay: 0s; }
.back-page-button::after { transform: scaleX(0); transition-delay: 0s; transform-origin: left; border-top-color: var(--blueColor); }
.back-page-button:hover:after { transform: scaleX(1); transition-delay: .25s; }



@media(min-width: 991px) {
    .gallery-project-inner .grid-boxes { text-align: center; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: minmax(0, auto); grid-auto-flow: row dense; }
    .innerProjectPage .gallery-project-section .grid-box.half-width-image:nth-child(odd),
    .innerProjectPage .gallery-project-section .grid-box.half-width-image:nth-child(even) { width: 100%; display: inline-grid; }
    .innerProjectPage .gallery-project-section .grid-box.full-width-image { display: inline-grid; grid-column-start: 1; grid-column-end: 3; }
}

@media(max-width: 767px) {
    .innerProjectPage #innerProjectPageTitle { height: 243px; }
    .innerProjectPage #innerProjectPageTitle .top-caption { top: 135px }
    .innerProjectPage #innerProjectPageTitle .top-caption h1 { font-size: 3rem; width: 100% }
    .innerProjectPage #innerProjectPageTitle .top-caption h2 { font-size: 2rem; }

    .innerProjectPage .project-details-section { overflow-x: scroll; margin: 0 -25px -5px; padding: 0 }
    .innerProjectPage .project-details-section::-webkit-scrollbar { width: 0; height: 0; padding: 0 }
    .innerProjectPage .project-details-section .grid-boxes { width: max-content; }
    .innerProjectPage .project-details-section .grid-boxes > div { margin-bottom: 0; width: auto; padding: 15px; }
    /*.innerProjectPage .project-details-section .grid-boxes > div:last-child { border: 0; }*/
    .innerProjectPage .project-details-section .grid-box .grid-box-title h3 { font-size: 1.4rem }


    .innerProjectPage .gallery-project-section { padding: 0; margin: 0 -25px; }
    .innerProjectPage .gallery-project-section .grid-box.half-width-image { width: 100%; padding: 5px 0; }
    .innerProjectPage .gallery-project-section .grid-box.full-width-image { padding: 5px 0; }
    .innerProjectPage .gallery-project-section .grid-box { padding: 5px; margin: 0; }

    .back-page-button, .back-page-button:focus { max-width: 180px; }
}


/*media page*/

.mediaPage .blog-grid #GridPage .max-width { max-width: 1560px; margin: 0 auto; }

.mediaPage .blog-posts { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 120px 0 60px; }
.mediaPage .blog-post { padding: 0; margin: 0; width: 33.33%; display: inline-block; border: var(--borderStyle); min-height: 300px; transition: all 0.35s ease; }
.mediaPage .blog-post:hover { background-color: var(--blueColor); }
.mediaPage .blog-post::after { content: ''; position: absolute; width: 25px; height: 25px; background-image: url(/warehouse/dynamic/387587.svg); background-repeat: no-repeat; background-position: center; background-size: contain; bottom: 35px; left: 35px; }
.mediaPage .blog-post:hover:after { background-image: url( /warehouse/dynamic/387586.svg); }
.mediaPage .blog-post a { display: block; padding: 85px 34px; color: #000; }
.mediaPage .blog-post-title { font-size: 2.4rem; /*font-family: var(--boldFont);*/ font-weight: bold; padding: 0; margin-bottom: 12px; line-height: 1.17; transition: all 0.35s ease; }
.mediaPage .blog-post-text { padding: 0; margin: 0; border: 0; font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.24px; color: var(--secBlackColor); max-width: 420px; position: absolute; top: 50px; }
.mediaPage .blog-post:hover .blog-post-title,
.mediaPage .blog-post:hover .blog-post-text,
.mediaPage .blog-post:hover .blog-post-icons .blog-post-writer { color: #fff; }
.mediaPage .blog-post-icons { margin: 0; padding: 0; }
.mediaPage .blog-post-icons .blog-post-date { display: none; }
.mediaPage .blog-post-icons .blog-post-writer { margin: 0; position: absolute; top: 30px; right: 34px; font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.24px; color: var(--greyColor); }
.mediaPage .blog-post-icons .blog-post-writer i { display: none; }

nav.text-center { padding-bottom: 60px; }
nav.text-center .pagination { margin: 0; }
nav.text-center .pagination li { }
nav.text-center .pagination li.active { }
nav.text-center .pagination li a { border-radius: 0; border: 0; background-color: transparent; color: var(--blackColor); padding: 5px 15px; margin: 0; }
nav.text-center .pagination li.active a { border: 1px solid #000; }
nav.text-center .pagination li.active a:hover { background-color: transparent; color: #000; }
nav.text-center .pagination li a#NextLink span,
nav.text-center .pagination li a#PrevLink span { color: transparent }
nav.text-center .pagination li a#NextLink span::after,
nav.text-center .pagination li a#PrevLink span::after { content: ""; background-image: url(/warehouse/dynamic/405036.svg); background-size: 20%; background-repeat: no-repeat; position: absolute; background-position: center; top: 0; left: 0; width: 100%; height: 100%; }
nav.text-center .pagination li a#PrevLink span::after { transform: scale(-1) }

@media(max-width: 767px) {
    .mediaPage .blog-grid #GridPage .max-width { width: 100%; padding: 0 24px; }

    .mediaPage .blog-posts { padding: 25px 0 65px; }
    .mediaPage .blog-post { width: 100%; min-height: 155px; }
    .mediaPage .blog-post a { padding: 38px 15px; }
    .mediaPage .blog-post-title { font-size: 1.5rem; line-height: 1.2; letter-spacing: 0.21px; }
    .mediaPage .blog-post-text { display: none; }
    .mediaPage .blog-post-icons .blog-post-writer { top: 15px; right: 15px; font-size: 1.3rem; line-height: 1; letter-spacing: 0.2px; }
}



/*accessability Page*/
.accessabilityMainPage #GridTop.noTopImage #GridPage { padding: 0; }
.accessabilityMainPage #accessability { padding: 120px 0; }


.accessabilityMainPage #accessability #headline h1 { font-size: 3.2rem; line-height: 42px; letter-spacing: normal; color: var(--blackColor); text-align: right; /*font-family: var(--boldFont);*/ font-weight: bold; }

.accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3,
.accessabilityMainPage #accessability #text2 h2, .accessabilityMainPage #accessability #text2 h3 { font-size: 1.6rem; line-height: 22px; letter-spacing: 0.24px; color: var(--secBlackColor); text-align: right; }

.accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul,
.accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, .accessabilityMainPage #accessability #text2 ul,
.accessabilityMainPage #accessability #text2 li { font-size: 1.6rem; line-height: 22px; letter-spacing: 0.24px; color: var(--secBlackColor); text-align: right; }

@media(max-width: 767px) {
    .accessabilityMainPage #accessability { padding: 70px 0; }

    .accessabilityMainPage #accessability #headline h1 { font-size: 2.4rem; line-height: 42px; letter-spacing: normal; color: var(--blackColor); }

    .accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3,
    .accessabilityMainPage #accessability #text2 h2, .accessabilityMainPage #accessability #text2 h3 { font-size: 1.5rem; line-height: 1.27; letter-spacing: 0.3px; color: var(--blackColor); }

    .accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul,
    .accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, .accessabilityMainPage #accessability #text2 ul,
    .accessabilityMainPage #accessability #text2 li { font-size: 1.4rem; line-height: 1.57; letter-spacing: 0.28px; color: var(--secBlackColor); }
}

/*thanks Page*/
.FormResultPage #GridTop.noTopImage #GridPage { padding: 0; }
.FormResultPage #GridPage { padding: 0; }
.FormResultPage #FormResultPage { padding: 0; height: 100%; min-height: 80vh; display: flex; justify-content: center; align-items: center; }

.FormResultPage #FormResultPage #headline h1 { font-size: 3.2rem; line-height: 42px; letter-spacing: normal; color: var(--blackColor); /*font-family: var(--boldFont);*/ font-weight: bold; }

.FormResultPage #FormResultPage #text1 h2, .FormResultPage #FormResultPage #text1 h3,
.FormResultPage #FormResultPage #text2 h2, .FormResultPage #FormResultPage #text2 h3 { font-size: 1.6rem; line-height: 22px; letter-spacing: 0.24px; color: var(--secBlackColor); text-align: right; }

.FormResultPage #FormResultPage #text1 p, .FormResultPage #FormResultPage #text1 ul,
.FormResultPage #FormResultPage #text1 li, .FormResultPage #FormResultPage #text2 p, .FormResultPage #FormResultPage #text2 ul,
.FormResultPage #FormResultPage #text2 li { font-size: 1.6rem; line-height: 22px; letter-spacing: 0.24px; color: var(--secBlackColor); }

@media(max-width: 767px) {
    .FormResultPage #FormResultPage #text1, .FormResultPage #FormResultPage #text2 { max-width: 100%; }

    .FormResultPage #FormResultPage #headline h1 { font-size: 2.4rem; line-height: 42px; letter-spacing: normal; color: var(--blackColor); }

    .FormResultPage #FormResultPage #text1 h2, .FormResultPage #FormResultPage #text1 h3,
    .FormResultPage #FormResultPage #text2 h2, .FormResultPage #FormResultPage #text2 h3 { font-size: 1.5rem; line-height: 1.27; letter-spacing: 0.3px; color: var(--blackColor); }

    .FormResultPage #FormResultPage #text1 p, .FormResultPage #FormResultPage #text1 ul,
    .FormResultPage #FormResultPage #text1 li, .FormResultPage #FormResultPage #text2 p, .FormResultPage #FormResultPage #text2 ul,
    .FormResultPage #FormResultPage #text2 li { font-size: 1.4rem; line-height: 1.57; letter-spacing: 0.28px; color: var(--secBlackColor); }
}

/*footer*/
#SiteFooter .footer-text-divided { display: flex; padding: 0; justify-content: center; align-items: flex-start; border: var(--borderStyle) }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column; width: 65%; padding: 60px 30px; }
#SiteFooter .footer-text-divided .footer-text-right > * { max-width: 50%; margin: 0 auto; }
#SiteFooter .footer-text-divided .footer-text-right .footer-ul-container-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; gap: 65px; width: 100%; max-width: max(620px,50%); }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks { list-style: none; width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 15px; padding: 0; margin-top: 10px; max-width: max(620px,50%); }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks a { display: flex; position: relative; justify-content: center; align-items: center; overflow: hidden; height: 23px; width: 23px; }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks a::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: contain; }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks .facbookLink a:hover:before { background-image: url( /warehouse/dynamic/387885.svg) }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks .instegramLink a:hover:before { background-image: url( /warehouse/dynamic/387887.svg) }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks .linkedInLink a:hover:before { background-image: url( /warehouse/dynamic/387888.svg) }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks .youtubeLink a:hover:before { background-image: url( /warehouse/dynamic/387889.svg) }
#SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks a img { height: 100%; }

.footer-ul-wrapper h4,
.footer-text-divided > div.footer-text-left .footer-details-wrapper h3 { /*font-family: var(--boldFont);*/ font-weight: bold; font-size: 1.5rem; line-height: 1.47; letter-spacing: 0.21px; margin: 0 0 5px; }
.footer-ul-wrapper ul { list-style: none; padding: 0; margin: 0; }
.footer-ul-wrapper ul li, .footer-text-divided > div.footer-text-left .footer-details-wrapper p { font-size: 1.5rem; line-height: 1.47; letter-spacing: 0.21px; }
.footer-ul-wrapper ul li a { position: relative; }
.footer-ul-wrapper ul li a:focus { outline: none; color: inherit; }
.footer-ul-wrapper ul li a:hover { color: #000; }
.footer-ul-wrapper ul li a::after { /*content: '';*/ position: absolute; right: 0; bottom: -1px; width: 0; height: 1px; transition: width 0.35s ease; background-color: var(--blueColor); }
.footer-ul-wrapper ul li a:hover:after { width: 100%; }


.footer-text-divided > div.footer-text-left { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; text-align: right; background-color: #fbfbfb; width: max(650px,35%); padding: 60px 50px; border-right: var(--borderStyle); }
.footer-text-divided .footer-text-left .footer-details-wrapper { width: 50% }
.footer-text-divided .footer-text-left .footer-details-wrapper:first-child { width: 100%; margin-bottom: 40px; }
.footer-text-divided .footer-text-left .footer-details-wrapper:not(:first-child) { max-width: 300px; }

#SiteFooter .site-credit.alternative { padding: 15px 0; }
#SiteFooter .site-credit.alternative a:hover { color: #fff; }

@media(min-width:768px) {
    .footer-text-divided > div.footer-text-left { min-height: 340px; }
}

@media(max-width: 767px) {
    #SiteFooter { padding: 0; }

    #SiteFooter .footer-text-divided { flex-direction: column; }
    #SiteFooter .footer-text-divided .footer-text-right { width: 100%; flex-direction: column; align-items: center; gap: 0; padding: 50px 25px 20px; }
    #SiteFooter .footer-text-divided .footer-text-right > * { max-width: 100%; padding: 0; }
    #SiteFooter .footer-text-divided .footer-text-right .footer-ul-container-wrapper { flex-direction: column; flex-wrap: wrap; padding: 0; gap: 0; }
    #SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks { list-style: none; width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 15px; padding: 0; margin-bottom: 50px; position: relative; }
    #SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks::after { content: ''; position: absolute; bottom: 0; left: 0; width: 115px; height: 40px; background-image: url( /warehouse/dynamic/388336.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }
    #SiteFooter .footer-text-divided .footer-text-right .footerSocialLinks a { display: flex; }
    .footer-text-divided > div.footer-text-left { width: 100%; padding: 50px 25px 20px; }
    .footer-text-divided .footer-text-left .footer-details-wrapper { width: 100%; margin-bottom: 25px; }
    .footer-text-divided .footer-text-left .footer-details-wrapper:first-child { margin-bottom: 25px; }
    #SiteFooter .site-credit.alternative svg { fill: #fff; }

    .footer-text-divided > div.footer-text-right .footer-ul-wrapper { flex: 1 0 100%; margin-left: 0; width: 100%; padding: 0; }
    .footer-text-divided > div.footer-text-right .footer-ul-wrapper:not(:last-child) { margin: 6px 0; }
    .footer-text-divided > div.footer-text-right .footer-ul-wrapper ul { display: none; margin: 0 0 10px; }
    .footer-text-divided > div.footer-text-right h4 { position: relative; display: flex; justify-content: space-between; align-items: center; }
    .footer-text-divided > div.footer-text-right h4::after,
    .footer-text-divided > div.footer-text-right h4::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-size: 100%; background-position: center; background-repeat: no-repeat; background-image: url(/warehouse/dynamic/349242.svg); transition: 0.3s all; }
    .footer-text-divided > div.footer-text-right h4.open::before { transform: translateY(-50%); }
    .footer-text-divided > div.footer-text-right h4::before { transform: translateY(-9px) rotate(90deg); }

    .footer-ul-wrapper ul li { padding: 4px 0; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .home-page .section.sec-1 .grid-text-content p, .home-page .section.sec-2 .grid-text-content p,
    .home-page .section.sec-4 .section-title h3, .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext,
    .home-page .section.sec-7 .text1 p, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title a,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext,
    .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText,
    .innerProjectPage .project-details-section .grid-box .grid-box-title h3, .joinUsPage .jobs-section .panel-group .panel .faq-body h4,
    .joinUsPage .jobs-section .panel-group .panel .faq-body p, .joinUsPage .jobs-section .panel-group .panel .faq-body li,
    .home-page .section.sec-1 a.sec-button, .home-page .section.sec-2 a.sec-button, .home-page .section.sec-4 .section-title a.sec-button,
    .home-page .section.sec-7 .content-section-Btn, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input,
    .form-wrapper .grid-text-section .location-wrapper p, .form-wrapper .grid-text-section .location-wrapper h3,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select,
    .accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul,
    .accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, .accessabilityMainPage #accessability #text2 ul,
    .accessabilityMainPage #accessability #text2 li, .accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3,
    .accessabilityMainPage #accessability #text2 h2, .accessabilityMainPage #accessability #text2 h3 { font-size: 2rem; line-height: 1.35; letter-spacing: 0.7px !important }
}

/*~ROM B~*/
body.home-page { overflow-x: hidden; font-kerning: none; }
.home-page #allSectionsWrapper { width: calc(800vw); display: flex !important; flex-wrap: nowrap !important; justify-content: flex-start; font-family: 'Montserrat-Regular', 'Assistant-Regular'; }
.home-page #allSectionsWrapper > .section { padding: 0; margin: 0; width: auto; height: var(--app-height); }
.home-page .section.sec-1 img, .home-page .section.sec-3 img, .home-page .section.sec-6 img, .home-page .section.sec-8 img { height: var(--app-height); object-fit: cover; width: var(--full-width); }
.home-page .section .image-section-data { height: 100%; }
.home-page .section .image-section-data img { margin-top: 0 !important; }
.home-page .grid-boxes { margin: 0; }
.home-page footer { display: none; }
.top-horizontal-line, .bottom-horizontal-line { position: fixed; pointer-events: none; z-index: 200; background: rgba(209, 209, 209, 0.39); width: 100%; height: 1px; top: 33.33%; }
.bottom-horizontal-line { top: unset; bottom: 33.33%; }
.right-vertical-line { left: unset; right: 33.33%; }
.left-vertical-line, .right-vertical-line, .middle-vertical-line { position: fixed; pointer-events: none; z-index: 200; background: rgba(209, 209, 209, 0.39); width: 1px; height: 100%; top: 0; left: 33.33%; }
.middle-vertical-line { left: 50%; top: unset; bottom: 0; height: 33.33%; }

/* Header */
#header { height: 110px; padding: 0; background: transparent !important; display: flex; justify-content: space-between; align-items: center; z-index: 610; }
#header #header-right { padding: 0; height: auto; background: #fff; height: 100%; width: 110px; display: inline-flex; }
#header #header-right .menu-nav { background: unset; padding: 0; width: 100%; height: 100%; }
#header #header-right .social-links, #header #header-right .closed,
#header #header-right .menu-nav .nav-menu-anim #nav-toggle .open, #header #header-right .menu-nav .nav-menu-anim #nav-toggle span { display: none !important; }
#header #header-right .menu-nav .nav-menu-anim { margin: 0; width: 100%; height: 100%; z-index: 30; display: inline-flex; align-items: center; justify-content: flex-start; background: #fff; /* border-bottom: 1px solid rgba(209, 209, 209, 0.39); */ }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle { align-items: center; position: relative; display: flex; width: 110px; height: 110px; z-index: 30; justify-content: center; /*border-left: 1px solid rgba(209, 209, 209, 0.39);*/ }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle span { position: relative; width: 26px; height: 26px; background-image: url(/warehouse/dynamic/387574.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; transition: 0.2s all ease; display: inline-flex !important; background-color: transparent; top: unset; left: unset; transform: unset; }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle.active span { background-image: url(/warehouse/dynamic/387571.svg); }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle:hover span { background-image: url(/warehouse/dynamic/387573.svg); }
#header #header-right .menu-nav .nav-menu-anim #nav-toggle.active:hover span { background-image: url(/warehouse/dynamic/387572.svg); }
#header.menu-open #nav-toggle span::before, #header.menu-open #nav-toggle span::after, #header.subopen #nav-toggle span::after, #header.subopen #nav-toggle span::before { opacity: 0; pointer-events: none; }
#header .submenu, #header:not(.menu-open):not(.subopen) .submenu { max-height: 100%; background: #fff; position: fixed; width: 480px; top: 0; height: 100% !important; display: block !important; transform: translateX(100%); transition: 0.8s !important; clip: auto !important; margin: 0 !important; padding: 110px 0px 0; z-index: 20; right: 0; text-align: start; overflow-y: scroll; }
#header.menu-open .submenu, #header.subopen .submenu { transform: translateX(0); transition: 0.8s !important; box-shadow: 0 -1px 38px 0 rgb(0 0 0 / 20%); }
#header .submenu::-webkit-scrollbar { width: 8px; display: none }
#header .submenu::-webkit-scrollbar-track { background: var(--greyColor); box-shadow: none; }
#header .submenu::-webkit-scrollbar-thumb { background-color: var(--blueColor); box-shadow: none; outline: none; }
#header .submenu > li { color: #404040; padding: 0; transition: 0.3s all ease; position: relative; }
#header .submenu > li.has-sub { padding: 20px 0; }
#header .submenu > li.active, #header .submenu > li:hover { background: #fbfbfb; color: #000000; font-weight: bold; }
#header .submenu > li:first-child { margin-top: 0; border-top: 1px solid rgba(209, 209, 209, 0.39); }
#header .submenu > li:not(:last-child) { border-bottom: 1px solid rgba(209, 209, 209, 0.39); }
#header .submenu > li > a { padding: 20px 18px; font-size: 1.8rem; }
#header .submenu > li i.opensub { width: 100%; height: 100%; position: absolute; left: 0; top: 0; padding: 0; display: inline-flex; align-items: flex-start; justify-content: flex-end; }
#header .submenu > li i.opensub::before { background-image: url(/warehouse/dynamic/388478.svg); background-repeat: no-repeat; background-position: center; pointer-events: none; content: ''; position: absolute; left: 30px; top: 23px; width: 12px; height: 10px; }
#header .submenu > li.sub-open i.opensub::before { transform: scaleY(-1); }
/*#header .submenu > li:hover i.opensub::before { filter: invert(1); }*/
#header .submenu > li > a:focus, #header .submenu > li .menu-sub li a { color: inherit; border: unset; text-decoration: unset; }
#header .submenu > li .menu-sub { padding: 13px 18px 0; margin-top: 13px; position: relative; white-space: wrap; }
#header .submenu > li .menu-sub li { text-align: right; padding: 2px 0; }
#header .submenu > li .menu-sub li a { font-size: 1.8rem; font-family: 'Assistant-Regular'; width: auto; font-weight: normal; }
#header .submenu > li .menu-sub::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(209, 209, 209, 0.39); }
#header .submenu > li .menu-sub li a::after { content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 1px; background: #fff; opacity: 0; pointer-events: none; }
#header .submenu > li .menu-sub li a:hover::after, #header .submenu > li .menu-sub li.active a::after { opacity: 1; }
#header #header-center-kdm { display: none; }
#header #header-left { padding: 0; width: 240px; display: inline-flex; align-items: center; justify-content: center; height: 100%; border-bottom: 1px solid rgba(209, 209, 209, 0.39); border-right: 1px solid rgba(209, 209, 209, 0.39); z-index: 50; }
#header #header-left a { position: relative; }
#header #header-left img, #header.bg #header-left img { max-width: 117px; width: 117px; }
body:not(.home-page) #header #header-left { background: #fff; }
body:not(.home-page) #header #header-left img { opacity: 0; }
body:not(.home-page) #header #header-left a::after { z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/388336.svg); background-repeat: no-repeat; background-size: contain; background-position: center; }

/* Section 1 */
.home-page .section.sec-1 { width: var(--full-width) !important; }
.home-page .section.sec-1 .grid-text .gridTextImgContainer { position: relative; }
.home-page .section.sec-1 .grid-text .gridTextImgContainer::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.3; pointer-events: none; }
.home-page .section.sec-1 .grid-text-content { max-width: 1150px; text-align: left; display: flex; flex-wrap: wrap; }
.home-page .section.sec-1 .grid-text-content h2 { color: #fff; font-size: 8rem; }
.home-page .section.sec-1 .grid-text-content h1 { font-size: 8rem; color: #fff; max-width: 100%; }
.home-page .section.sec-1 .grid-text-content p { margin: 0; color: #fff; font-size: 1.6rem; font-family: 'Assistant-Regular'; line-height: 1.25; max-width: 310px; text-align: right; letter-spacing: 0.24px; margin: 15px 60px 0 0; }
.home-page .section.sec-1 a.sec-button { background: transparent; border: 1px solid #fff; border-radius: 0; min-width: 280px; height: 60px; display: flex; align-items: center; justify-content: center; margin-top: 35px; box-shadow: inset 0 0 0 0 var(--blueColor); transition: ease-out 0.5s; font-size: 1.6rem; outline: none; letter-spacing: 0.3px }
.home-page .section.sec-1 a.sec-button:hover { box-shadow: inset 0 -100px 0 0 var(--blueColor); }
.home-page .section.sec-1 .grid-text-content .section-title { margin-bottom: 20px; }

/* Section 2 */
.home-page .section.sec-2 { width: var(--half-width) !important; display: flex; flex-direction: column; justify-content: center; }
.home-page .section.sec-2 img { max-height: 30vh; object-fit: cover; }
.home-page .section.sec-2 .section-title { /*font-family: var(--boldFont);*/ font-weight: bold; max-width: 475px; display: flex; padding-top: 30px; margin: 0px 110px 90px 0; margin: 0 110px 0 0; align-items: center; height: 33.33vh; width: 50% }
.home-page .section.sec-2 .section-title h2 { font-size: 2.4rem; text-align: right; line-height: 1.17; font-weight: bold }
.home-page .section.sec-2 .grid-text-content { position: relative; left: unset; top: unset; transform: none; text-align: right; padding: 70px 0px 0; max-width: calc(100% - 220px); margin: auto; }
.home-page .section.sec-2 .grid-text-content h2 { font-size: 3.2rem; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-2 .grid-text-content p { margin: 10px 0 0; font-size: 1.5rem; line-height: 1.38; letter-spacing: 0.24px; }
.home-page .section.sec-2 > * { height: 66.66vh; }

/* Section 3 */
.home-page .section.sec-3 { width: var(--full-width) !important; }
.home-page .section.sec-3 .grid-text::after, .home-page .section.sec-8::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-image: url(/warehouse/dynamic/388340.svg); width: 50vw; height: 230px; background-size: 100%; pointer-events: none; background-position: center; background-repeat: no-repeat; z-index: 2; }
.home-page .section.sec-3::before, .home-page .section.sec-8::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: #000; opacity: 0.2; pointer-events: none; }
.home-page .section.sec-8::after { background-image: url(/warehouse/dynamic/388341.svg); width: 44vw; height: 135px; }

/* Section 4 */
.home-page .section.sec-4 { max-width: unset; display: flex; }
.home-page .section.sec-4 .section-title { display: inline-flex; flex-direction: column; margin: 0; padding: 0 90px 0 120px; text-align: right; width: 500px; justify-content: center; }
.home-page .section.sec-4 .section-title h2 { font-size: 3.2rem; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-4 .section-title h3 { font-size: 1.6rem; margin: 10px 0 20px; line-height: 1.38; max-width: 290px; }
.home-page .section.sec-4 .section-title a.sec-button, .home-page .section.sec-2 a.sec-button { color: #262626; font-size: 1.6rem; /*font-family: var(--boldFont);*/ font-weight: bold; letter-spacing: 0.56px; position: relative; margin-top: 25px; }
.home-page .section.sec-4 .section-title a.sec-button:focus, .home-page .section.sec-2 a.sec-button:focus { outline: none; }
.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-7 .text1 .content-section-Btn a::before { transform-origin: right; }
.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-4 .section-title a.sec-button::after,
.home-page .section.sec-7 .text1 .content-section-Btn a::before, .home-page .section.sec-7 .text1 .content-section-Btn a::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid; transition: transform .75s cubic-bezier(.19,1,.22,1); pointer-events: none; }
.home-page .section.sec-4 .section-title a.sec-button::before, .home-page .section.sec-4 .section-title a.sec-button:hover::after,
.home-page .section.sec-7 .text1 .content-section-Btn a::before, .home-page .section.sec-7 .text1 .content-section-Btn a:hover::after { transform: scaleX(1); transition-delay: .25s; }
.home-page .section.sec-4 .section-title a.sec-button:hover::before, .home-page .section.sec-7 .text1 .content-section-Btn a:hover::before { transform: scaleX(0); transition-delay: 0s; }
.home-page .section.sec-4 .section-title a.sec-button::after, .home-page .section.sec-7 .text1 .content-section-Btn a::after, .home-page .section.sec-2 a.sec-button::after { transform: scaleX(0); transition-delay: 0s; transform-origin: left; border-top-color: var(--blueColor); }
.home-page .section.sec-4 .grid-boxes { margin: 0; display: flex; justify-content: flex-start; align-items: flex-start; }
.home-page .section.sec-4 .grid-boxes::before, .home-page .section.sec-4 .grid-boxes::after { display: none; }
.home-page .section.sec-4 .grid-boxes .grid-box { margin: 0; padding: 0; min-width: 720px; height: 100%; }
.home-page .section.sec-4 .grid-boxes .grid-box:not(:last-child) { border-left: 3px solid #fff; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image { padding: 0; margin: 0; height: 100%; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; height: 100%; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image .grid-box-image-container::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; pointer-events: none; transition: 0.5s all ease; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { height: 100%; object-fit: cover; }
.home-page .section.sec-4 .grid-boxes .grid-box .box-image-animation:hover img { transform: unset; }
.home-page .section.sec-4 .grid-boxes .grid-box .box-image-animation img { transform: scale(1.15); }
.home-page .section.sec-4 .grid-boxes .grid-box:hover .box-image-animation img { transform: scale(1); }
.home-page .section.sec-4 .grid-boxes .grid-box:hover .grid-box-image .grid-box-image-container::after { opacity: 0; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text { position: absolute; top: 50%; left: 80px; transform: translateY(-50%); z-index: 1; max-width: 400px; text-align: left; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text h3 { font-size: 5.4rem; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text h3 a { color: #fff; }
.home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text .grid-box-subtitle { color: #fff; font-size: 2.4rem; }

/* Section 5 */
.home-page .section.sec-5 { width: var(--full-width) !important; max-width: 1440px !important; background: #fff; }
.home-page .section.sec-5 .grid-boxes { display: flex; flex-wrap: wrap; }
.home-page .section.sec-5 .grid-boxes .grid-box { margin: 0; outline: 1px solid rgba(209, 209, 209, 0.39); height: 33.33vh; display: inline-flex; flex-direction: column; justify-content: center; padding: 0 50px; align-items: center; }
.home-page .section.sec-5 .grid-boxes .grid-box:hover { background: #00aeef; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-image { display: none; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title h3 { font-size: 3.5rem; margin-bottom: 0; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title h3 a { color: #000; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle { font-size: 2rem; margin: 10px 0; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.5rem; overflow: hidden; height: 0; transition: 0.5s all ease; line-height: 1.38; color: #fff; }
.home-page .section.sec-5 .grid-boxes .grid-box:nth-child(5) .grid-box-fulltext { height: auto !important; overflow: visible; color: #000; }
.home-page .section.sec-5 .grid-boxes .grid-box:nth-child(5):hover { background: transparent; }
.home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-fulltext { height: 100px; }
.home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-title h3 a, .home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-subtitle { color: #fff; }
.home-page .section.sec-5 .grid-boxes .grid-box.quote-box .grid-box-image { display: block; padding-bottom: 0; max-width: 25px; }
.home-page .section.sec-5 .grid-boxes .grid-box.quote-box .grid-box-image .grid-box-image-container { position: relative; }

/* Section 7 */
.home-page .section.sec-7 { width: var(--half-width) !important; display: flex; flex-direction: column; justify-content: center; }
.home-page .section.sec-7 > * { height: 33.33vh; order: 3; }
.home-page .section.sec-7 .section-title { /*font-family: var(--boldFont);*/ font-weight: bold; max-width: 475px; display: flex; margin: 0 110px 90px 0; padding-top: 50px; order: 1; margin-bottom: 0; align-items: center; }
.home-page .section.sec-7 .section-title h2 { font-size: 2.4rem; text-align: right; line-height: 1.17; font-weight: bold; }
.home-page .section.sec-7 .text1 { position: relative; left: unset; top: unset; transform: none; text-align: right; padding: 50px 110px 0 170px; width: 100%; order: 3; }
.home-page .section.sec-7 .text1 h3 { font-size: 3.2rem; /*font-family: var(--boldFont);*/ font-weight: bold; }
.home-page .section.sec-7 .text1 p { margin: 10px 0 20px; font-size: 1.6rem; line-height: 1.38; letter-spacing: 0.24px; }
.home-page .section.sec-7 .text1 .content-section-Btn a { color: #262626; font-size: 1.6rem; /*font-family: var(--boldFont);*/ font-weight: bold; letter-spacing: 0.56px; position: relative; }
.home-page .section.sec-7 .gallery-wrapper { order: 2; width: 100%; direction: ltr; display: flex; align-items: center; }
.home-page .section.sec-7 .gallery-wrapper .owl-stage-outer { height: 100% }
.home-page .section.sec-7 .gallery-wrapper .owl-stage { height: 100% }
.home-page .section.sec-7 .gallery-wrapper .owl-stage > div { height: 100% }
.home-page .section.sec-7 .gallery-wrapper .gallery-container { height: 100%; display: flex; align-items: center; }
.home-page .section.sec-7 .gallery-container .gallery-cubes { height: 99%; width: 50vw; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; flex-direction: row-reverse; }
.home-page .section.sec-7 .gallery-container .gallery-cubes > div { height: 20%; outline: 1px solid rgba(209, 209, 209, 0.39); width: 20% }
.home-page .section.sec-7 .gallery-container .gallery-cubes > div .boxes-images-outer-image { pointer-events: none; padding: 0; height: 100%; background-size: contain !important; background-repeat: no-repeat; }

.home-page .section.sec-7 .owl-carousel .owl-dot { background: transparent; color: #b9b9b9; position: relative; }
.home-page .section.sec-7 .owl-carousel .owl-dot.active { background: transparent; color: #000; }
.home-page .section.sec-7 .owl-carousel .owl-dot::after { content: '1'; font-size: 1.2rem; font-weight: bold; }
.home-page .section.sec-7 .owl-carousel .owl-dot:last-of-type:after { content: '2'; }
.home-page .section.sec-7 .owl-carousel .owl-dot:first-of-type:before { content: '/'; font-size: 1.3rem; position: absolute; bottom: -15px; right: -7px; }
.home-page .section.sec-7 .owl-carousel .owl-dots { display: flex; justify-content: flex-end; align-items: center; bottom: -20px; right: 50px; }

.home-page .section.sec-7 .content-section-Btn { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin: 5px 0; }
.home-page .section.sec-7 .content-section-Btn h3 { /*font-family: var(--boldFont);*/ font-weight: bold; font-size: 3.2rem; }

/* Zoom */
@media (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 1) {
    .home-page.macOs #allSectionsWrapper > .section.section-form { width: 1000px; }
    .home-page.macOs #allSectionsWrapper > .section.section-form .section.sec-9 { width: 960px; }
    .home-page.macOs #allSectionsWrapper > .section.section-form .section.sec-9 .form-container-wide #DynamicFormObject { width: 960px; padding: 0 50px }
    .home-page.macOs .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 2.9rem; }
    .home-page.macOs .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 1.9rem; }
    .home-page.macOs .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input,
    .home-page.macOs .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea,
    .home-page.macOs .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select { font-size: 1.4rem }
    .home-page.macOs .section-form .section.sec-10 .grid-text-content { padding: 40px 50px 60px 30px; }
}

@media (min-width: 1025px) {
    #header .submenu > li .menu-sub li a:hover { font-weight: bold; }
    /*.home-page .section.sec-1::after { content: ''; position: absolute; width: 130px; height: 20px; bottom: 40px; left: 40px; background-image: url(/warehouse/dynamic/412446.svg); background-position: center; background-repeat: no-repeat; background-size: contain; }*/
    .heroBtn { position: absolute; width: auto; max-height: 85px; bottom: 50px; left: 60px; }
}

@media (min-width: 1180px) and (-webkit-min-device-pixel-ratio: 1.2) {
    body.home-page { zoom: 1 !important; }
    .home-page #allSectionsWrapper { width: calc(830vw); }
    .macOs.chromeBrowser .home-page #allSectionsWrapper { width: calc(830vw); }
    .home-page .section.sec-2,
    .home-page .section.sec-7 { width: calc(var(--vw) / 2) !important; justify-content: flex-start; }
    .home-page .section.sec-1 .grid-text-content,
    .home-page .section.sec-2 .section-title,
    .home-page .section.sec-2 .grid-text-content,
    .home-page .section.sec-4 .section-title,
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext,
    .home-page .section.sec-7 .section-title,
    .home-page .section.sec-7 .text1,
    .section-form .grid-form-section .form-container-wide,
    .section-form .section.sec-10 .grid-text-content { zoom: 0.8; }
    .home-page .section.sec-4 .grid-boxes .grid-box { min-width: 580px; }
    .home-page .section.sec-5 .grid-boxes .grid-box { padding-inline: 25px }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 2rem; }
    .home-page .section.sec-7 .gallery-container .gallery-cubes { width: 100vw; }
    .macOs.chromeBrowser .home-page .section.sec-7 .section-title { margin: 0 110px 105px 0; }
    .macOs.safariBrowser .home-page .section.sec-7 .section-title { margin: 0 110px 110px 0; }
    .home-page .section.sec-7 .text1 { padding: 70px 110px 0 70px; width: 85% }
    .home-page .section.sec-7 .content-section-Btn { margin: 0 0 90px 0; }
    .section-form { max-width: 830px; display: flex; justify-content: center; }
    .section-form .grid-form-section { flex-grow: 1; display: flex; align-items: center; }
    .section-form .form-container-wide #DynamicFormObject { padding: 50px 110px 30px; }
    .section-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 5px 0 15px; }
    .section-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select { margin-bottom: 10px; }
    .section-form .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { margin-top: 15px; }
    .section-form .section.sec-10 { flex-grow: 1; }
}

@media (min-width: 1180px) and (-webkit-device-pixel-ratio: 1.5) {
    .home-page #allSectionsWrapper { width: calc(850vw); }
    .home-page .section.sec-1 .grid-text-content,
    .home-page .section.sec-2 .section-title,
    .home-page .section.sec-2 .grid-text-content,
    .home-page .section.sec-4 .section-title,
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle,
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext,
    .home-page .section.sec-7 .section-title,
    .home-page .section.sec-7 .text1,
    .section-form .grid-form-section .form-container-wide,
    .section-form .section.sec-10 .grid-text-content { zoom: 0.7; }
}

@media(max-width: 1024px) {
    .heroBtn { display: none }
    .home-page .section-title h1, .home-page .section-title h2 { max-width: 100%; }
    #header { align-items: flex-start; height: 63px; }
    #header #header-right { width: 63px; height: 100%; }
    #header #header-right .menu-nav .nav-menu-anim #nav-toggle { width: 100%; height: 100%; }
    #header #header-left { background: #fff; width: 125px; }
    #header #header-left img, #header.bg #header-left img { max-width: 75px; }
    #header #header-left a::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/warehouse/dynamic/388336.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; }
    #header .submenu, #header:not(.menu-open):not(.subopen) .submenu { width: 100%; padding: 63px 0px 0; }
    #header .submenu > li { padding: 20px 0px; }
    #header .submenu > li i.opensub { padding: 20px 0 0 20px; }
    #header .submenu > li > a, .languages a.lang { font-size: 2.2rem; padding: 0 20px; }
    #header .submenu > li .menu-sub { padding: 13px 40px 0; margin-top: 13px; }
    #header .submenu > li .menu-sub li a { font-size: 1.5rem; width: 100%; padding: 5px 0; }
    #header #header-right .menu-nav .nav-menu-anim { border-bottom: 1px solid rgba(209, 209, 209, 0.39); border-left: 1px solid rgba(209, 209, 209, 0.39); }
    .home-page .section.sec-1 img { height: var(--app-height); }
    .home-page .section.sec-1 .grid-text-content { padding: 0 25px; }
    .top-horizontal-line, .bottom-horizontal-line, .right-vertical-line, .left-vertical-line, .middle-vertical-line { display: none; }
    .home-page #allSectionsWrapper { display: flex; flex-direction: column; width: 100%; flex-wrap: unset; align-items: center; }
    .home-page #allSectionsWrapper > .section { height: auto; width: 100% !important; }
    .home-page .section.sec-1 img, .home-page .section.sec-3 img, .home-page .section.sec-6 img, .home-page .section.sec-8 img { width: 100%; height: auto; }
    .home-page .section.sec-1 .grid-text-content h1, .home-page .section.sec-1 .grid-text-content h2 { font-size: 3rem; }
    .home-page .section.sec-1 .grid-text-content .section-title { margin-bottom: 0px; }
    .home-page .section.sec-1 .grid-text-content p { font-size: 1.4rem; max-width: 100%; margin: 15px 0 0; line-height: 1.35; text-align: center; }
    .home-page .section.sec-1 a.sec-button { min-width: unset; width: calc(100% - 50px); font-size: 1.54rem; letter-spacing: 0.3px; margin: 0; position: absolute; bottom: 40px; z-index: 1; left: 50%; transform: translateX(-50%); }
    .home-page .section.sec-2 > * { height: auto !important; }
    .home-page .section.sec-2 .section-title { margin: 0; padding: 70px 25px; width: 100% }
    .home-page .section.sec-2 .section-title h2 { font-size: 1.6rem; line-height: 1.31; }
    .home-page .section.sec-2 .grid-text-content { padding: 70px 25px; max-width: 100%; }
    .home-page .section.sec-2 .grid-text-content h2 { font-size: 2.2rem; }
    .home-page .section.sec-2 .grid-text-content p { font-size: 1.4rem; line-height: 1.57; }
    .home-page .section.sec-3 img, .home-page .section.sec-6 img, .home-page .section.sec-8 img { max-height: 500px; }
    .home-page .section.sec-3 .grid-text::after, .home-page .section.sec-8::after { width: calc(100% - 50px); height: 150px; }
    .home-page .section.sec-4 { flex-direction: column; align-items: center; }
    .home-page .section.sec-4 .section-title { width: 100%; padding: 70px 25px; }
    .home-page .section.sec-4 .section-title h2 { font-size: 2.2rem; margin: 0; }
    .home-page .section.sec-4 .section-title h3 { font-size: 1.4rem; line-height: 1.57; max-width: 100%; }
    .home-page .section.sec-4 .section-title a.sec-button { font-size: 1.4rem; }
    .home-page .section.sec-4 .grid-boxes { display: flex; flex-direction: column; }
    .home-page .section.sec-4 .grid-boxes .grid-box { min-width: unset; }
    .home-page .section.sec-4 .grid-boxes .grid-box:hover .grid-box-image .grid-box-image-container::after { opacity: 0.4; }
    .home-page .section.sec-4 .grid-boxes .grid-box .box-image-animation img { transform: scale(1) !important; }
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text { max-width: 200px; left: 50%; text-align: center; transform: translate(-50%,-50%); }
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text h3 { font-size: 2.4rem; margin: 0 0 10px; }
    .home-page .section.sec-4 .grid-boxes .grid-box .grid-box-top-text .grid-box-subtitle { font-size: 1.6rem; }
    .home-page .section.sec-4 .grid-boxes .grid-box:not(:last-child) { border-left: unset; border-bottom: 1px solid #fff; }
    .home-page .section.sec-5 .grid-boxes .grid-box { width: 50%; padding: 20px 12px; height: calc(var(--half-width) * 1.8); }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-title h3 { font-size: 1.6rem; }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-subtitle { font-size: 1.6rem; margin: 2px 0 0; }
    .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext { font-size: 1.34rem; }
    .home-page .section.sec-5 .grid-boxes .grid-box:hover .grid-box-fulltext { height: auto; overflow: hidden; }
    .home-page .section.sec-5 .grid-boxes .grid-box.quote-box { width: 100%; }
    .home-page .section.sec-5 .grid-boxes .grid-box.quote-box .grid-box-image { margin-bottom: 10px; }
    .home-page .section.sec-7 > * { height: auto !important; }
    .home-page .section.sec-7 .section-title { margin: 0; padding: 70px 25px; }
    .home-page .section.sec-7 .section-title h2 { font-size: 1.6rem; line-height: 1.3; letter-spacing: 0.32px; }
    .home-page .section.sec-7 .gallery-wrapper { border-top: 1px solid rgba(209, 209, 209, 0.39); border-bottom: 1px solid rgba(209, 209, 209, 0.39); }
    .home-page .section.sec-7 .gallery-container .gallery-cubes > div { width: 25%; height: 65px; width: 20%; height: 55px; }
    .home-page .section.sec-7 .text1 { padding: 70px 25px; }
    .home-page .section.sec-7 .text1 h3 { font-size: 2.2rem; margin: 0; }
    .home-page .section.sec-7 .text1 p { font-size: 1.4rem; line-height: 1.57; }
    .home-page .section.sec-7 .owl-carousel .owl-dots { width: 80%; }
    .home-page .section.sec-7 .gallery-container .gallery-cubes { width: 100vw; padding: 0; }
    .home-page .section.sec-7 .gallery-wrapper .gallery-container { width: 100vw; }
    .home-page .section.sec-7 .content-section-Btn { margin: 50px 0px; }
    .home-page .section.sec-7 .content-section-Btn h3 { font-size: 2.2rem; }
    .section-form .section.sec-9 { height: auto; }
    .section-form .section.sec-9 .form-container-wide #DynamicFormObject { padding: 70px 25px 40px; }
    .section-form .section.sec-10 { padding: 0; margin: 0; height: auto; }
    .section-form .section.sec-10 .grid-text-content { padding: 35px 25px 45px; }
    .section-form .section.sec-10 .grid-text-content .top-text { margin-bottom: 20px; }
    .section-form .section.sec-10 .grid-text-content .bottom-text { display: flex; flex-direction: column; align-items: flex-start; }
    .section-form .section.sec-10 .grid-text-content .bottom-text ul { padding: 0; margin-bottom: 20px; }
    .section-form .section.sec-10 .grid-text-content ul { font-size: 1.4rem; }
    .section-form .section.sec-10 .grid-text-content p, .section-form .section.sec-10 .grid-text-content .top-text li { font-size: 1.4rem; }
}

@media (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .home-page .section.sec-1 .grid-text-content p, .home-page .section.sec-2 .grid-text-content p,
    .home-page .section.sec-4 .section-title h3, .home-page .section.sec-5 .grid-boxes .grid-box .grid-box-fulltext,
    .home-page .section.sec-7 .text1 p, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .contentPage .grid-text p, .contentPage .grid-text ul, .contentPage .grid-text li,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-title a,
    .contentPage #LobbyModule .sections .tree-groups .grid-box .grid-box-fulltext,
    .lobbyProjectsPage #LobbyModule .bannerWrapper #lobbyText,
    .innerProjectPage .project-details-section .grid-box .grid-box-title h3, .joinUsPage .jobs-section .panel-group .panel .faq-body h4,
    .joinUsPage .jobs-section .panel-group .panel .faq-body p, .joinUsPage .jobs-section .panel-group .panel .faq-body li,
    .home-page .section.sec-1 a.sec-button, .home-page .section.sec-2 a.sec-button, .home-page .section.sec-4 .section-title a.sec-button,
    .home-page .section.sec-7 .content-section-Btn, .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input,
    .form-wrapper .grid-text-section .location-wrapper p, .form-wrapper .grid-text-section .location-wrapper h3,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div input,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div textarea,
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField div select,
    .accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul,
    .accessabilityMainPage #accessability #text1 li, .accessabilityMainPage #accessability #text2 p, .accessabilityMainPage #accessability #text2 ul,
    .accessabilityMainPage #accessability #text2 li, .accessabilityMainPage #accessability #text1 h2, .accessabilityMainPage #accessability #text1 h3,
    .accessabilityMainPage #accessability #text2 h2, .accessabilityMainPage #accessability #text2 h3 { font-size: 2rem; line-height: 1.35; letter-spacing: 0.7px !important }
}

#SiteGrid[data-category="404"] { height: 80vh; display: flex; justify-content: center; align-items: center; }


@media (min-width: 1025px) {
    #header #header-center-kdm { direction: ltr; margin-inline: 0 auto; position: relative; transform: none; left: auto; top: auto; padding: 0; width: 240px; display: inline-flex; align-items: center; justify-content: center; height: 100%; border-bottom: 1px solid rgba(209, 209, 209, 0.39); border-right: 1px solid rgba(209, 209, 209, 0.39); z-index: 50; }
    #header #header-center-kdm span.address { display: none; }
    #header #header-center-kdm .languages { }
    #header #header-center-kdm .languages::before { content: none; }
    #header #header-center-kdm .languages a.lang { margin: 0; background-color: transparent; color: #d1d1d1; font-size: inherit; line-height: 1.27; letter-spacing: 2.19px; }
}