/* oceanSix */

:root { --brown: rgb(199 137 62); --green: rgb(4 46 38); --light: 'BrownPro-Light'; --regular: 'BrownPro-Regular'; --bold: 'BrownPro-Bold'; }

/* Loader */
.loader { position: fixed; width: 100vw; overflow: hidden; height: 100%; top: 0; left: 0; z-index: 9000; display: flex; align-items: center; justify-content: center; }
.loader.closed { pointer-events: none; }
.loader > div { position: absolute; top: 0; left: 0; z-index: -1; background: #fff; width: 100%; overflow: hidden; height: 100%; transition: 2.1s all cubic-bezier(0.2,0.2,0,1); display: flex; align-items: center; justify-content: center; }
.loader.closed > div { transform: translateY(-100%); }
.loader.closed .progressBar { opacity: 0; }
.progressBar { background-color: var(--green); max-width: 280px; width: 80%; transition: 0.2s opacity; border-radius: 40px; position: relative; }
.bar { width: 0%; height: 8px; background-color: var(--brown); transition: 0.15s all; border-radius: 40px; }
.barText { background: #fff; text-align: center; transition: 0.2s all; font-size: 125%; color: var(--green); top: -45px; position: absolute; left: 50%; transform: translateX(-50%); }

.follower { pointer-events: none; z-index: 4000; background-image: url(/warehouse/temp/ocean6/circle-logo-mouse.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; position: fixed; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; backface-visibility: hidden; }
.IframeFeatureContainer { position: absolute; bottom: -550px !important; z-index: 3; pointer-events: none; top: unset !important; height: 1100px; transform: scale(1.4); transition: transform 2.2s, bottom 1.2s; opacity: 0; }
.IframeFeatureContainer.ready { opacity: 1; transform: scale(1); }
.IframeFeatureContainer.scroll { bottom: 0px !important; }
.IframeFeatureContainer video#roundVideo { top: unset !important; left: unset !important; transform: none !important; width: 100% !important; position: relative; height: 100% !important; }

@media(min-width: 1920px) {
    .IframeFeatureContainer { height: 115vh; }
}

@media(max-width: 1180px) {
    .follower { display: none; }
}

@media(max-width: 1024px) {
    .IframeFeatureContainer { height: 500px; bottom: -50px !important; transform: scale(2.6); }
    .IframeFeatureContainer.ready { height: 300px; bottom: -50px !important; tra; transform: scale(1.8); }
    .IframeFeatureContainer.scroll { bottom: 300px !important; }
}

/* General */
body { line-height: 1; font-size: 20px; background: #fff; zoom: 1 !important; }
body.home-page { opacity: 0; }
body.ready, body.home-page.ready { opacity: 1; background: #fff; overflow-x: hidden; }
body.overflowHidden { overflow: hidden; }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { letter-spacing: -3.38px; font-family: var(--regular); font-size: 310%; position: relative; display: inline-block; max-width: 100%; }
h3, .grid-rows .grid-row-text h3 { font-size: 150%; position: relative; }
#SiteGrid { overflow: hidden; }
.site-credit.alternative.row { padding: 10px 0; }
.grid-rows .grid-row { background: inherit; }
.FormResultPage #pageview { padding: 60px 0; }
a.FormResultPageButton { text-decoration: underline; }
.accessabilityMainPage #pageview { margin: 150px auto 50px; }
.accessabilityMainPage #pageview #headline { text-align: left; max-width: 90%; margin: auto; }
.accessabilityMainPage #pageview h2 { font-size: 175%; }
.accessabilityMainPage #pageview a.backToHome,
.FormResultPage #pageview a.FormResultPageButton { width: 210px; height: 55px; border: 1px solid var(--brown); border-radius: 50px; display: inline-flex !important; align-items: center; justify-content: center; font-size: 60%; letter-spacing: 2.03px; color: var(--green); font-family: var(--regular); overflow: hidden; text-transform: uppercase; padding-top: 3px; text-decoration: none; position: absolute; top: -50px; left: 50%; transform: translateX(-50%); }
.accessabilityMainPage #pageview a.backToHome { top: 50px; }
.accessabilityMainPage #pageview a.backToHome::after, .FormResultPage #pageview a.FormResultPageButton::after { content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%) scale(1); background: var(--brown); width: 50%; height: 100px; border-top-left-radius: 100%; border-top-right-radius: 100%; transition: 0.5s all; z-index: -1; pointer-events: none; }
.accessabilityMainPage #pageview a.backToHome:hover::after, .FormResultPage #pageview a.FormResultPageButton:hover::after { transform: translateX(-50%) scale(1.25); width: 100%; bottom: -40px; transition: 0.5s all; }
.sections .section { margin-bottom: 0; background: transparent; }
.section-title { overflow: hidden; }
#allSectionsWrapper { z-index: 1; }
.grid-row li.slider-item { padding-bottom: 0; }
.grid-boxes .grid-box-image { padding-bottom: 0; }
.grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; }
body:not(.home-page) #header2 .header-right-section .menu-nav { display: none; }
body:not(.home-page) #header2 #header-container { display: flex; justify-content: space-between; align-items: center; }
body:not(.home-page) .footer-text-divided > div.footer-text-right ul li a.not-home { display: none; }
.footer-text-divided > div.footer-text-right.not-home-page { flex-direction: column; }
.footer-text-divided > div.footer-text-right.not-home-page ul { padding: 0; }
.footer-text-divided > div.footer-text-right.not-home-page ul li { padding: 0; }
.footer-text-divided > div.footer-text-right.not-home-page ul:first-child { display: none; }
.footer-text-divided > div.footer-text-right.not-home-page ul li { margin-bottom: 10px; }
a[href]:hover, a[href]:focus { color: var(--brown); }
/*05/02/23 changes*/
body:not(.home-page) #header2 .mobile-middle-kdm { display: inline-flex; }
body:not(.home-page) #header2 .mobile-middle-kdm a { display: inline-flex !important; font-size: 80%; padding-left: 22px; }
.grid-boxes .grid-box-title h3 a:focus { outline: none; }

@media(max-width: 767px) {
    body:not(.home-page) #header2 #header-container { padding-bottom: 0; }
    body:not(.home-page) #header2 .mobile-middle-kdm { justify-content: flex-end; order: 2; width: auto; }
    body:not(.home-page) #header2 .mobile-middle-kdm a { border: none; padding: 0 0 0 11px; }
    body:not(.home-page) #header2 .mobile-middle-kdm a:first-child { display: none !important; }
}


@media(max-width: 767px) {
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 165%; letter-spacing: -1.72px; }
    h3, .grid-rows .grid-row-text h3 { font-size: 100%; }
    .FormResultPage #pageview { padding: 40px 0; }
}

@media(min-width: 1024px) {
    .FormResultPage #SiteGridContainer { min-height: calc(var(--vh) - 243px ); }
    .FormResultPage #SiteGridContainer #FormResultPage { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .FormResultPage #SiteGridContainer #GridPage { min-height: calc(var(--vh) - 370px ); }
}

/* Header */
#header2, .home-page #header2:not(.bg), #header2.bg { background: var(--green); display: flex; justify-content: space-between; align-items: center; padding: 12px 32px; box-shadow: none; top: 0; border-bottom: 1px solid rgb(255 255 255 / 25%); }
#header2 #header-left img, #header2.bg #header-left img { max-width: 172px; }
#header2 .max-width { max-width: unset; width: 100%; }
#header2 .header-top.social-links.pull-right { /* display: none; */ padding: 0; width: auto; }
.home-page #header2 #header-container .header-right-section { display: inline-flex; align-items: center; flex-direction: row-reverse; }
#header2 .header-top.social-links.pull-right .header-top-right { display: inline-flex; }
#header2 .header-top.social-links.pull-right .header-top-right .languages { margin-left: 0; padding-left: 20px; border-left: 1px solid #ffffff61; }
#header2 .header-top.social-links.pull-right .header-top-right .languages a.lang { margin: 0; padding: 0; background: transparent; color: #fff; font-size: 60%; }
#header2 ul.menu li { margin-right: 20px; }
#header2 .header-top.social-links.pull-right .header-top-right .languages a.lang:hover { color: var(--brown); }
#header2 #header-left { text-align: left; margin: 0; }
#header2 .menu-nav { margin: 0; }
#header2 .menu-nav .menu { margin: 0; }
#header2 ul.menu > li:before { display: none; }
#header2 #header-container { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }
#header2 .menu-nav .menu li:hover { color: #fff; }
#header2 .menu-nav .menu li a { transition: 0.3s all; cursor: pointer; position: relative; font-size: 80%; border: none !important; }
#header2 .menu-nav .menu li a:hover, #header2 .menu-nav .menu li a:focus, #header2 .menu-nav .menu li a:active, #header2 .menu-nav .menu li a.active { color: var(--brown); }
#header2 .menu-nav .menu li a::after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); background: var(--brown); width: 6px; height: 6px; border-radius: 50px; pointer-events: none; transition: 0.3s all; opacity: 0; }
#header2 .menu-nav .menu li a:hover::after, #header2 .menu-nav .menu li a.active::after { opacity: 1; }

@media(min-width: 1024px) {
    body:not(.home-page) #header2 .mobile-middle-kdm { flex-grow: 1; display: inline-flex; justify-content: flex-end; margin-right: 20px; }
}

@media(max-width: 1024px) {
    #header2, .home-page #header2:not(.bg), #header2.bg { padding: 22px 30px 24px; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-left { flex-grow: 1; }
    #header2 #header-left img, #header2.bg #header-left img { max-width: 110px; position: absolute; top: -5px; left: 0; }
    #header2 #header-container { align-items: center; }
    #header2 .header-right-section { background: transparent; padding: 0; width: auto; }
    .home-page #header2 #header-container .header-right-section { flex-direction: row; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span,
    #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { width: 34px; direction: rtl; background: var(--brown); }
    #nav-toggle span:before, #nav-toggle-mobile span:before { top: -8px; }
    #nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -8px; width: 15px; }
    #header2.open #nav-toggle span:after, #header2.open #nav-toggle-mobile span:after,
    #header2.open #nav-toggle span:before, #header2.open #nav-toggle-mobile span:before { width: 25px; }
    #header2 .menu-nav .menu li::after { bottom: -5px; }
    #header2 ul.menu { min-height: 100%; background: var(--green); position: fixed; width: 60%; height: 100%; top: 0px; left: unset; bottom: 0px; right: 0; overflow-y: auto; padding: 170px 0 60px; transform: translateX(100%); display: flex !important; transition: 0.4s all ease; flex-direction: column; align-items: center; min-width: 1px; }
    #header2.open ul.menu { transform: translateX(0); box-shadow: 0 -1px 38px 0 rgb(0 0 0 / 40%); }
    #header2 ul.menu > li { margin: 0; padding: 15px 0; width: max-content; letter-spacing: 0.4px; }
    #header2 ul.menu li.active, #header2 ul.menu li:hover { background: transparent; color: var(--red); }
    #header2 ul.menu > li::after { content: ""; position: absolute; left: 0; width: 0; background: var(--red); height: 2px; bottom: 5px; opacity: 0; transition: 0.3s all; }
    #header2 ul.menu .menu-sub { padding: 12px 12px 0; }
    #header2 .menu-nav .menu li a { font-size: 140%; }
    #header2 .menu-nav .menu li::after { bottom: -5px; }
    #header2 .header-top.social-links.pull-right .header-top-right .languages { right: 0; padding-left: 20px; margin-left: 20px; display: block !important; opacity: 1 !important; position: relative; }
    .home-page #header2 .header-top.social-links.pull-right .header-top-right .languages { padding-right: 20px; margin-right: 20px; border-left: unset; border-right: 1px solid #ffffff61; }
    body:not(.home-page) #header2 .header-right-section { order: 1; }
    body:not(.home-page) #header2 #header-left { order: 3; }
}

@media(max-width: 767px) {
    #header2, .home-page #header2:not(.bg), #header2.bg { padding: 17px 14px; }
    #header2 ul.menu { width: 90%; }
    #header2 ul.menu > li { padding: 10px 0; }
    #header2 .menu-nav .menu li a { font-size: 80%; }
}

/* Home Gallery */
#home-gallery::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: var(--green); pointer-events: none; z-index: 5; }
#home-gallery .gallery-caption { transform: translate(-50%,-50%); top: 40%; z-index: 105; width: 100%; max-width: 935px; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; text-align: center; z-index: 105; white-space: unset; }
.text-wrapper, #home-gallery .gallery-caption .gallery-text .span-wrapper { overflow: hidden; width: 100%; }
#home-gallery .gallery-caption .gallery-text .text-wrapper > div { font-size: 400%; color: var(--brown); font-family: var(--regular); padding-bottom: 18px; }
#home-gallery .gallery-caption .gallery-text .text-wrapper > div.animation { animation: fade-in 9s; }
#home-gallery .gallery-caption .gallery-text .span-wrapper .animation2 { animation: fade-in 9s; animation-delay: 0.1s; }
#home-gallery .gallery-caption .gallery-text .button-wrapper.animation3 { animation: fade-in 9s; animation-delay: 0.25s; opacity: 1; transform: translateY(0%); }
#home-gallery .gallery-caption .gallery-text span { line-height: 1.44; font-size: 125%; display: block; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { width: 190px; height: 55px; border: 1px solid var(--brown); border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 60%; letter-spacing: 2.03px; color: #fff; font-family: var(--regular); margin-top: 30px; position: relative; overflow: hidden; padding: 0; background: transparent; padding-top: 3px; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); }
#home-gallery .gallery-caption .gallery-text .button-wrapper { transition: 2s opacity 1s; opacity: 0; transform: translateY(180%); }
#home-gallery .gallery-caption .gallery-text .button-wrapper .animation3 { transform: translateY(0); opacity: 1; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover { background: transparent; color: #fff; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink::after { content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%) scale(1); background: var(--brown); width: 50%; height: 100px; border-top-left-radius: 100%; border-top-right-radius: 100%; transition: 0.5s all; z-index: -1; pointer-events: none; overflow: hidden; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover::after { transform: translateX(-50%) scale(1.25); width: 100%; bottom: -40px; transition: 0.5s all; }
#home-gallery .opacity-layer { display: none; }
#home-gallery .scroll-down { width: 120px; height: 22px; animation: none !important; right: 30px; margin: 0 auto; bottom: 30px; font-size: 0; }
#home-gallery .scroll-down button { background: transparent; border: none; padding: 0; overflow: hidden; position: relative; }
#home-gallery .scroll-down button img { max-width: unset; width: 108px; }
#home-gallery .scroll-down button::after { background-image: url( /warehouse/dynamic/327866.svg); background-repeat: no-repeat; background-position: center; height: 18px; background-size: 100%; content: ''; position: absolute; width: 10px; top: 0; right: 6px; animation: move 2s infinite; pointer-events: none; }

@keyframes fade-in {
    0%, 10% { transform: translateY(180%); }
    20%, 100% { transform: translateY(0); }
}

@keyframes move {
    0% { transform: translate3d(0, -100%, 0); opacity: 1; }
    50% { transform: translate3d(0, 7%, 0); opacity: 1; }
    85% { opacity: 0; }
    100% { transform: translate3d(0, 100%, 0); opacity: 0; }
}

@media(max-width: 1024px) {
    #home-gallery .gallery-caption .gallery-text .text-wrapper > div { font-size: 280%; padding-bottom: 10px; }
    #home-gallery .gallery-caption .gallery-text { padding: 0 13px; display: flex; flex-direction: column; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { margin-top: 30px; padding-top: 3px; }
}

@media(max-width: 767px) {
    #home-gallery .gallery-caption .gallery-text .text-wrapper > div { font-size: 165%; }
    #home-gallery .gallery-caption .gallery-text span { font-size: 80%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { height: 43px; }
    #home-gallery .scroll-down { left: unset; right: 15px; bottom: 20px; }
}


.section.home-circle { padding: 0; max-width: unset; background: transparent; position: absolute; pointer-events: none; width: 100%; top: -225px; }
.section.home-circle .grid-box { padding: 0; margin: 0; transform: scale(3); }
.section.home-circle .grid-box-title { display: none; }
.section.home-circle .grid-box-image { margin: 0; }

/* What we do sec */
.section.what-we-do-sec { padding: 160px 0 180px; background: #f3f3f4; z-index: 10; }
.section.what-we-do-sec .section-title h1, .section.what-we-do-sec .section-title h2 { color: var(--green); padding-bottom: 10px; }
.section.what-we-do-sec .section-title h1 span, .section.what-we-do-sec .section-title h2 span { color: var(--brown); }
.section.what-we-do-sec .grid-text-content { margin: 0 auto; width: 100%; padding: 0; max-width: 920px; }
.section.what-we-do-sec .grid-text-content p { margin: 0; font-size: 120%; line-height: 1.42; }

/* Explore sec */
.section.first-parallax { height: 900px; height: calc(100vh - 79px); }
.section.first-parallax .image-section-data { height: 900px; height: calc(100vh - 79px); }
.section.explore-sec { position: absolute; top: 50%; transform: translate(-50%,-50%); padding: 0; display: inline-flex; left: 50%; text-align: left; /* column-gap: 170px; */ width: 100%; max-width: 1200px; }
.section.explore-sec .section-title { overflow: visible; padding-right: 170px; }
.section.explore-sec .section-title h2 { color: #fff; line-height: 0.98; }
.section.explore-sec .grid-text-content { color: #Fff; margin: 0; width: 100%; padding: 0; }
.section.explore-sec .grid-text-content p { margin: 0; font-size: 110%; line-height: 1.59; }
.section.explore-sec .section-title h2 .line { margin-top: 10px; background: var(--brown); width: 95px; height: 6px; pointer-events: none; }
.section.explore-sec .section-title h2 span { color: var(--brown); }

/* Waste sec */
.section.waste-sec { padding: 160px 0 100px; overflow: visible; }
.section.waste-sec .section-title h2 { color: var(--green); padding-bottom: 10px; }
.section.waste-sec .section-title h2 span { color: var(--brown); }
.section.waste-sec .grid-text-content { margin: 0 auto; width: 100%; padding: 0; max-width: 1025px; }
.section.waste-sec .grid-text-content p { margin: 0; font-size: 120%; line-height: 1.42; }
.section.circle-sec { max-width: unset; padding: 0; /* background: #f3f3f4; */ top: 0; position: relative; }
.section.circle-sec .grid-boxes { max-width: 1180px; margin: 0 auto; display: flex; padding: 120px 0 200px; justify-content: center; align-items: flex-start; position: relative; }
.section.circle-sec .grid-boxes .grid-box { margin-right: 0; }
.section.circle-sec .grid-boxes .grid-box:nth-child(1) { text-align: left; padding-top: 200px; }
.section.circle-sec.shown .grid-boxes .grid-box:nth-child(1) .grid-box-fulltext { margin: 0 0 10px 0; }
.section.circle-sec .grid-boxes .grid-box.lastItem { text-align: right; padding-top: 200px; }
.section.circle-sec .grid-boxes .grid-box .grid-box-image { margin: 0; }
.section.circle-sec .grid-boxes .grid-box h3 { font-family: var(--bold); padding-bottom: 10px; margin-bottom: 10px; }
.section.circle-sec .grid-boxes .grid-box h3::after { content: ''; position: absolute; left: 0; bottom: 0; background: var(--green); width: 44px; height: 2px; pointer-events: none; }
.section.circle-sec .grid-boxes .grid-box.lastItem h3::after { background: var(--brown); left: unset; right: 0; }
.section.circle-sec .grid-boxes .grid-box h3 a { color: var(--green); }
.section.circle-sec .grid-boxes .grid-box.lastItem h3 a { color: var(--brown); }
.section.circle-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 80%; line-height: 1.38; }
.section.circle-sec .grid-boxes .grid-box .grid-box-subtitle.button { font-size: 85%; font-family: var(--regular); }
.section.circle-sec .grid-boxes .grid-box .grid-box-subtitle.button a { border-bottom: 1px solid #000; }
.section.circle-sec .grid-boxes .grid-box .grid-box-fulltext { max-width: 313px; margin-bottom: 10px; }
.section.circle-sec .grid-boxes .grid-box .grid-box-fulltext { margin: 0 0 10px auto; }
.section.circle-sec .grid-boxes .grid-box .grid-box-image .box-image-animation:hover img { transform: none; }
.section.circle-sec .grid-boxes .grid-box .grid-box-image { pointer-events: none; }
.section.circle-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover { color: inherit; }

/* Tomorrow sec */
.section.tomorrow-sec { background: #000; color: #fff; padding: 160px 0 0; }
.section.tomorrow-sec .section-title h1, .section.tomorrow-sec .section-title h2 { padding-bottom: 10px; }
.section.tomorrow-sec .grid-text-content { margin: 0 auto; width: 100%; padding: 0; max-width: 1025px; }
.section.tomorrow-sec .grid-text-content p { margin: 0; font-size: 120%; line-height: 1.42; }
.section.tomorrow-sec .section-title h1 span, .section.tomorrow-sec .section-title h2 span { color: var(--brown); }
.section.carousel-sec { padding: 0; max-width: unset; margin: 0; background: #000; color: #fff; }
.section.carousel-sec .section-title { margin-bottom: 0; position: absolute; top: 140px; left: 50%; transform: translateX(-50%); }
.section.carousel-sec .section-title h2 { font-size: 150%; letter-spacing: unset; }
.section.carousel-sec { height: 100vh; overflow: hidden; padding: 200px 0 0px !important; }
.section.carousel-sec .grid-boxes { width: 240%; height: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; margin: 0 0 0 25vw; }
.section.carousel-sec .grid-boxes .grid-box { align-items: flex-start; display: flex; max-width: 735px; flex: 100%; flex-direction: column; text-align: left; margin-right: 100px; padding: 0; max-height: 635px; border-bottom: 1px solid rgba(255, 255, 255, 0.38); }
.section.carousel-sec .grid-boxes .grid-box .grid-box-image { max-height: 460px; height: 460px; flex: auto; width: 100%; transition: 0.6s all; pointer-events: none; }
.section.carousel-sec .grid-boxes .grid-box.open .grid-box-image { max-height: 234px; height: 234px; flex: auto; width: 234px; border-radius: 500px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.section.carousel-sec .grid-boxes .grid-box.open .grid-box-image .grid-iframe-holder iframe { border-radius: 50%; transform: scale(2); -webkit-mask-image: -webkit-radial-gradient(white, black); }
.section.carousel-sec .grid-boxes .grid-box.open .grid-box-image .grid-iframe-holder video { border-radius: 50%; transform: scale(2); -webkit-mask-image: -webkit-radial-gradient(white, rgb(0 0 0)); }
.section.carousel-sec .grid-boxes .grid-box.open .grid-box-fulltext { transition: all 0.6s 0.2s; opacity: 1; line-height: 1.41; overflow: visible; height: auto; max-height: 150px; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { height: 100%; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-image .grid-iframe-holder { position: relative; height: 100%; width: 100%; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-image .grid-iframe-holder iframe { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; transition: 0.6s all; pointer-events: none; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-image .grid-iframe-holder video { height: 100%; width: 100%; transition: 0.6s all; pointer-events: none; transform: scale(1.25); }
.section.carousel-sec .grid-boxes .grid-box .grid-box-title { width: 100%; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-title h3 { margin: 0; margin-bottom: 20px; font-size: 170%; max-width: 375px; font-family: var(--regular); pointer-events: none; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext { max-width: 625px; position: relative; overflow: hidden; transition: all 0.6s; opacity: 0; line-height: 0; height: auto; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 85%; color: #fff; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button { color: var(--brown); width: 100%; font-size: 85%; font-family: var(--regular); padding: 20px 0 0; position: absolute; bottom: 20px; left: 0; background: #000; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a { position: relative; padding-left: 40px; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/temp/ocean6/plus.svg); background-repeat: no-repeat; width: 30px; height: 30px; background-position: center; transition: 0.2s all; }
.section.carousel-sec .grid-boxes .grid-box.open .grid-box-subtitle.button a::after { background-image: url(/warehouse/temp/ocean6/minus.svg); }
.section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover, .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a:focus, .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a:active { color: inherit; }


/* Products sec */
.section.products-sec { padding: 160px 0 30px; overflow: visible; background: #fff; }
.section.products-sec .section-title h2 { color: var(--green); padding-bottom: 15px; }
.section.products-sec .section-title h2 span { color: var(--brown); }
.section.products-sec .grid-text-content { margin: 0 auto; width: 100%; padding: 0; max-width: 1060px; }
.section.products-sec .grid-text-content p { margin: 0; font-size: 120%; line-height: 1.42; }
section.products-gallery-sec { padding: 40px 0 140px; background: #fff; }
section.products-gallery-sec .grid-rows { max-width: 1180px; margin: 0 auto; }
section.products-gallery-sec .grid-rows .grid-row { direction: ltr !important; display: flex; align-items: center; }
section.products-gallery-sec .grid-rows .grid-row-text { width: 100%; }
section.products-gallery-sec .grid-rows .grid-row-cell-text { padding-left: 75px; }
section.products-gallery-sec .grid-rows .grid-row-text h3 { color: var(--green); font-family: var(--bold); font-size: 120%; margin-bottom: 10px; }
section.products-gallery-sec .grid-rows > a { width: 210px; height: 55px; border: 1px solid var(--brown); border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; font-size: 60%; letter-spacing: 2.03px; color: var(--green); font-family: var(--regular); margin-top: 70px; position: relative; overflow: hidden; text-transform: uppercase; padding-top: 3px; }
section.products-gallery-sec .grid-rows > a::after { content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%) scale(1); background: var(--brown); width: 50%; height: 100px; border-top-left-radius: 100%; border-top-right-radius: 100%; transition: 0.5s all; z-index: -1; pointer-events: none; }
section.products-gallery-sec .grid-rows > a:hover::after { transform: translateX(-50%) scale(1.25); width: 100%; bottom: -40px; transition: 0.5s all; }
section.products-gallery-sec .grid-rows .grid-row-text p { font-size: 85%; line-height: 1.35; letter-spacing: 0.66px; }
section.products-gallery-sec .flex-control-nav { display: flex; right: 10px; justify-content: flex-end; }
section.products-gallery-sec .flex-control-paging li a.flex-active { background: #fff; position: relative; }
section.products-gallery-sec .flex-control-paging li a.flex-active:after { content: ""; position: absolute; border: 1px solid #fff; top: -4px; left: -4px; right: -4px; bottom: -4px; border-radius: 100%; }
section.products-gallery-sec .flex-control-nav li { overflow: visible; margin: 0 8px; }
section.products-gallery-sec .flex-control-paging li a { width: 8px; height: 8px; background: #fff; }
section.products-gallery-sec .flex-control-paging li a.flex-active { background: #fff; }

/* New Products Section */
.section.products-anim-sec { overflow: hidden; width: 100%; height: 100vh; padding: 85px 0 0; position: relative; display: flex; align-items: center; }
.section.products-anim-sec .grid-rows { height: auto; display: inline-flex; flex-direction: row; justify-content: flex-start; margin: 0 0 0 20vw; flex-wrap: nowrap; }
.products-anim-sec .grid-rows .grid-row { margin: 0 50px; height: 550px; min-width: 1020px; width: 1020px; display: flex; box-shadow: 1px 40px 100px -10px rgb(0 0 0 / 70%); }
.products-anim-sec .grid-rows .grid-row .flexslider-box { width: 100%; }
.products-anim-sec .grid-rows .grid-row .flexslider-box * { height: 100%; }
.products-anim-sec .grid-rows .grid-row .flexslider-box img { height: 550px; object-fit: cover; }
.products-anim-sec .grid-rows .grid-row .flexslider-box .box-image-animation::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000; opacity: 0.38; z-index: 0; pointer-events: none; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text { color: #fff; position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); display: flex !important; align-items: center; justify-content: center; z-index: 10; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text { text-align: center; width: 100%; transition: 0.8s all; padding: 0; margin: 0; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 500%; margin-bottom: 20px; padding-bottom: 0px; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; width: 53px; height: 2px; bottom: 0; display: none; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 125%; margin: 0 auto; line-height: 1.44; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button.hvr-fade { background: transparent; border-color: var(--brown); color: #fff; height: 55px; width: 190px; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 60%; letter-spacing: 2.03px; border-radius: 40px; overflow: hidden; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button.hvr-fade::after { content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%) scale(1); background: var(--brown); width: 50%; height: 100px; border-top-left-radius: 100%; border-top-right-radius: 100%; transition: 0.5s all; z-index: -1; pointer-events: none; }
.products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button.hvr-fade:hover::after { transform: translateX(-50%) scale(1.25); width: 100%; bottom: -40px; transition: 0.5s all; }

@media(max-width: 1024px) {
    .section.products-anim-sec { padding: 80px 0 20px; height: auto; }
    .section.products-anim-sec .grid-rows { margin: 0 auto; overflow-x: auto; padding: 0 10px 60px; }
    .section.products-anim-sec .grid-rows::-webkit-scrollbar { display: none; }
    .section.products-anim-sec .grid-rows .grid-row { width: 75vw; height: 60vh; min-width: unset; margin: 0 10px; box-shadow: 1px 20px 40px -15px rgb(0 0 0 / 50%); flex: 0 0 auto; overflow: hidden; }
    .products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 200%; margin-bottom: 5px; padding-bottom: 5px; }
    .products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 80%; line-height: 1.38; max-width: 75%; }
    .products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button.hvr-fade { height: 43px; padding-top: 4px; width: 170px; }
}

/* Team sec */
.section.team-sec { padding: 0; max-width: 1130px; margin-bottom: 30px; }
.section.team-sec .section-title h2 { color: #fff; }
.section.team-sec .section-title h2 span { color: var(--brown); }
.section.team-sec .section-title { text-align: left; }
.section.team-sec .grid-boxes { display: flex; }
.section.team-sec .grid-boxes .grid-box { background: var(--green); margin: 0 15px; text-align: left; padding: 33px 30px 20px; height: 446px; }
.section.team-sec .grid-boxes .grid-box .grid-box-image { padding: 0px 0px 25px 0; pointer-events: none; display: inline-flex; width: 100%; margin: 0 auto; /* transform: translateX(26px); */ transition: 0.6s all; }
.section.team-sec .grid-boxes .grid-box a.box-image-animation:hover img { transform: none; }
.section.team-sec .grid-boxes .grid-box .grid-box-title h3 a { color: #fff; }
.section.team-sec .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--regular); margin: 0; padding-bottom: 10px; line-height: 0.97; }
.section.team-sec .grid-boxes .grid-box .grid-box-subtitle:not(.button) { color: #a8793b; font-family: var(--regular); font-size: 85%; padding-bottom: 15px; }
.section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: absolute; bottom: 20px; }
.section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a { padding: 3px 8px; transition: 0.3s all; position: relative; }
.section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; position: absolute; left: 0; top: 0; height: 30px; width: 30px; pointer-events: none; background: var(--green); background-image: url(/warehouse/dynamic/327675.svg); background-repeat: no-repeat; background-position: center; transition: 0.3s all; }
.section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { background-image: url(/warehouse/dynamic/327674.svg); }
.section.team-sec .grid-boxes .grid-box .grid-box-fulltext { position: relative; top: unset; left: unset; transform: none; max-width: 300px; overflow: hidden; transition: all 0.4s; height: 0; opacity: 0; line-height: 1.38; }
.section.team-sec .grid-boxes .grid-box.open .grid-box-fulltext { height: 140px; transition: all 0.4s; opacity: 1; }
.section.team-sec .grid-boxes .grid-box .grid-box-fulltext p { color: #Fff; font-size: 80%; }
.section.team-sec .grid-boxes .grid-box:hover .grid-box-image img { width: 93px; transition: 0.6s all; }
.section.team-sec .grid-boxes .grid-box .grid-box-image img { transition: 0.6s all; max-width: 240px; border-radius: 300px; max-height: 200px; }
.section.team-sec .grid-boxes .grid-box:hover .grid-box-image { padding: 0px 0px 20px; transform: translateX(0px); }
.section.team-sec .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: 100%; }

.section.team-sec-2 { padding: 0; max-width: 1130px; }
.section.team-sec-2 .grid-boxes { display: flex; flex-wrap: wrap; }
.section.team-sec-2 .grid-boxes .grid-box { width: 100%; display: flex; background: var(--green); padding: 60px 50px 60px; margin: 0 15px 30px; align-items: center; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-text { text-align: left; max-width: 772px; padding-left: 50px; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-image { border-radius: 200px; pointer-events: none; margin-bottom: 0; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-image img { transition: 0.6s all; max-width: 240px; border-radius: 200px; }
.section.team-sec-2 .grid-boxes .grid-box a.box-image-animation:hover img { transform: none; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--regular); margin: 0; padding-bottom: 10px; line-height: 0.97; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-title h3 a { color: #Fff; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle:not(.button) { color: #a8793b; font-family: var(--regular); font-size: 85%; margin-bottom: 20px; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext p { color: #Fff; font-size: 85%; line-height: 1.29; letter-spacing: 0.34px; padding-top: 10px; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button { position: absolute; bottom: 40px; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a { padding: 3px 8px; transition: 0.3s all; position: relative; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; position: absolute; left: 0; top: 0; height: 30px; width: 30px; pointer-events: none; background: var(--green); background-image: url(/warehouse/dynamic/327675.svg); background-repeat: no-repeat; background-position: center; transition: 0.3s all; }
.section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { background-image: url(/warehouse/dynamic/327674.svg); }
.section.second-parallax { height: 1625px; }
.section.second-parallax .image-section-data { height: 100%; }
.section.second-parallax .image-section-data img { width: 120%; }
.section.second-parallax .team-sections { position: absolute; top: 160px; transform: translateX(-50%); padding: 0; left: 50%; width: 100%; }

@media (min-width:1181px) {
    .section.team-sec .grid-boxes .grid-box:hover .grid-box-fulltext { height: 150px; transition: all 0.4s; opacity: 1; }
}

/* Relations sec */
.section.relations-sec { padding: 160px 0 90px; background: #eeeeee; }
.section.relations-sec::after { content: ''; position: absolute; bottom: -300px; height: 300px; width: 100%; background: #eeeeee; left: 0; z-index: -2; }
.section.relations-sec .section-title h2 { color: var(--green); padding-bottom: 15px; }
.section.relations-sec .section-title h2 span { color: var(--brown); }
.section.relations-sec .grid-text-content { margin: 0 auto; width: 100%; padding: 0; max-width: 935px; }
.section.relations-sec .grid-text-content p { margin: 0; font-size: 120%; line-height: 1.42; }

/* Members sec */
.section.members-sec { background: #eeeeee; max-width: unset; padding: 0 0 100px; }
.section.members-sec .section-title h2 { font-size: 145%; color: var(--brown); letter-spacing: unset; }
.section.members-sec .grid-boxes { max-width: 1130px; margin: 0 auto; display: flex; flex-wrap: wrap; column-gap: 35px; justify-content: center; }
.section.members-sec .grid-boxes .grid-box { width: 48.3%; background: #fff; padding: 22px 30px 18px; margin-right: 0px; display: inline-flex; flex-direction: column; align-items: flex-start; margin-bottom: 35px; }
.section.members-sec .grid-boxes .grid-box .grid-box-image { margin: 0; }
.section.members-sec .grid-boxes::before, .section.members-sec .grid-boxes::after { display: none; }
.section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.section.members-sec .section-title { margin-bottom: 30px; }
.section.members-sec .grid-boxes .grid-box .grid-box-title h3 { margin-bottom: 5px }
.section.members-sec .grid-boxes .grid-box .grid-box-title h3 a { color: var(--green); font-family: var(--regular); }
.section.members-sec .grid-boxes .grid-box .grid-box-subtitle { color: var(--brown); font-family: var(--regular); font-size: 85%; letter-spacing: 0.85px; }
.section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button a { padding: 3px 8px; transition: 0.3s all; position: relative; }
.section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { content: ''; position: absolute; left: 0; top: 0; height: 30px; width: 30px; pointer-events: none; background: #fff; background-image: url(/warehouse/dynamic/327675.svg); background-repeat: no-repeat; background-position: center; transition: 0.3s all; }
.section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button a:hover::after { background-image: url(/warehouse/dynamic/327674.svg); }

.section.investors-section { max-width: unset; padding: 0px; background: #eeeeee; }
.section.investors-section .grid-boxes { max-width: 1170px; padding: 0; margin: auto; display: flex; width: 100%; }
.section.investors-section .grid-boxes .grid-box { margin: 0 7px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 30px 20px 20px; font-size: 100%; min-width: 250px; }
.section.investors-section .grid-boxes .grid-box .grid-box-image { display: none; }
.section.investors-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 150%; margin-bottom: 15px; padding-bottom: 13px; }
.section.investors-section .grid-boxes .grid-box .grid-box-title h3::after { content: ''; position: absolute; bottom: 0; left: 0; height: 3px; width: 32px; background: var(--green); transition: 0.8s all; }
.section.investors-section .grid-boxes .grid-box .grid-box-title h3:hover::after { width: 100%; }
.section.investors-section .grid-boxes .grid-box .grid-box-title h3 a { color: var(--green); font-family: 'BrownPro-Regular'; }
.section.investors-section .grid-boxes .grid-box .grid-box-fulltext ul { padding: 0; list-style: none; }
.section.investors-section .grid-boxes .grid-box .grid-box-fulltext ul li { font-size: 85%; margin-bottom: 9px; color: var(--brown); }

@media(max-width: 1200px) {
    .section.investors-section .grid-boxes { overflow-x: scroll; padding: 0 10px 20px; }
    ::-webkit-scrollbar { height: 8px; }
    ::-webkit-scrollbar-track { background: #dedede; box-shadow: none; }
    ::-webkit-scrollbar-thumb { background-color: var(--brown); box-shadow: none; outline: none; }
}

@media(max-width: 1024px) {
    .section.investors-section { padding: 0 0 55px; }
}

/* Downloads sec */
.section.grid-contents { background: #eeeeee; padding: 0; z-index: 10; overflow: visible; }
.section.grid-contents .section-title { text-align: left; max-width: 1130px; margin: 0 auto 60px; opacity: 1; }

.section.grid-contents .section-title h2 { color: var(--brown); font-size: 145%; letter-spacing: unset; }
.section.grid-contents.press { z-index: 9; padding: 100px 0 0; }
.section.grid-contents .panel-group { max-width: 1130px; margin: 0 auto; z-index: 200; }
.section.grid-contents .panel-group .faq-item { margin-bottom: 0 !important; background: inherit; position: relative; z-index: 100; }
.section.grid-contents .panel-group .faq-item .faq-headline { font-size: 175%; color: var(--green); font-family: var(--regular); padding: 0; background: inherit; padding-bottom: 50px; border-bottom: 1px solid var(--green); }
.section.grid-contents .panel-group .faq-item .faq-headline .button-open { top: -35px; transform: none; padding: 52px; right: 0; background: #fff; }
.section.grid-contents .panel-group .faq-item .faq-headline .button-open::before { content: ''; position: absolute; left: 50%; top: 50%; background-image: url(/warehouse/dynamic/327771.svg); width: 50px; background-size: 100%; height: 30px; transform: translate(-50%,-50%) rotate(180deg); background-repeat: no-repeat; background-position: center; transition: 0.2s all; }
.section.grid-contents .panel-group .faq-item .faq-headline.collapsed .button-open::before { transform: translate(-50%,-50%); }
.section.grid-contents .panel-group .faq-item .faq-body { position: absolute; top: 86px; width: 100%; left: 0; z-index: 122; }
.section.grid-contents .panel-group .faq-item .faq-body > div { max-width: unset; padding: 0; }
.section.grid-contents .panel-group .faq-item .faq-body > div ul { margin-bottom: 0; list-style: none; padding: 0; max-height: 440px; overflow-y: auto; }
.section.grid-contents .panel-group .faq-item .faq-body > div ul li { padding: 30px; padding-left: 70px; color: var(--green); font-size: 100%; font-family: var(--regular); position: relative; }
.section.grid-contents .panel-group .faq-item .faq-body > div ul li::after { content: ''; position: absolute; left: 25px; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/dynamic/327776.svg); width: 30px; background-repeat: no-repeat; height: 30px; background-position: center; }
.section.grid-contents .panel-group .faq-item .faq-body > div ul li:nth-child(odd) { background: #f9f9f9; }
.section.grid-contents .panel-group .faq-item .faq-body > div ul li:nth-child(even) { background: #fff; }
.section.grid-contents .panel-group .faq-item .faq-body > div ul li a:hover { color: inherit; }

/* Information sec */
.section.information-sec { padding: 100px 0; background: #eeeeee; }

/* Albert sec */
.section.third-parallax { height: 511px; }
.section.third-parallax .image-section-data { height: 100%; }
.section.albert-sec { position: absolute; top: 50%; transform: translate(-50%,-50%); padding: 0; display: inline-flex; left: 50%; width: 100%; max-width: 1180px; flex-direction: column-reverse; align-items: center; }
.section.albert-sec .grid-text-content { width: 100%; padding: 0; margin: 0; line-height: 1.04; }
.section.albert-sec .grid-text-content p { font-size: 270%; color: #fff; margin: 0 auto; }
.section.albert-sec .grid-text-content p.quotes { background-image: url(/warehouse/dynamic/327806.svg); width: 70px; height: 50px; background-repeat: no-repeat; background-position: center; pointer-events: none; margin-bottom: 40px; }
.section.albert-sec .section-title h2 { font-size: 85%; color: #fff; font-family: var(--light); letter-spacing: 0.8px; margin-top: 40px; }
.section.albert-sec .grid-text-content p a, .section.albert-sec.shown .grid-text-content p a:hover { color: var(--brown); }

/* Form sec */
.section.contact-sec { padding: 100px 0; margin: 0 auto; max-width: 800px; }
.section.contact-sec #DynamicFormObject { border: none; display: flex; flex-direction: column; align-items: center; padding: 0; max-width: 100% !important; }
.section.contact-sec #DynamicFormObject::after { display: none; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; font-size: 100%; padding: 0; overflow: hidden; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 325%; margin-bottom: 30px; color: var(--green); }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; display: flex; flex-direction: column; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 135%; margin-bottom: 20px; font-family: var(--regular); color: var(--green); display: block; order: 1; }
.section.contact-sec .form-container-wide #DynamicFormObject form { order: 2; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 33.33%; padding-right: 22px; padding-left: 22px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.textareaField { width: 100%; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input,
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea { transition: 0.3s all; padding: 0; width: 100%; max-width: 100%; border: none; box-shadow: none; border-bottom: 1px solid var(--green); border-radius: 0; font-size: 85%; height: 30px; color: var(--green); font-family: var(--regular); }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField .must::before { left: 10px; top: 0; right: unset; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input::placeholder,
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea::placeholder { color: var(--green); }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: auto; padding: 0; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 170px; height: 55px; border: 1px solid var(--brown); border-radius: 50px; font-size: 100%; letter-spacing: 2.03px; color: var(--green); font-family: var(--regular); margin-top: 40px; position: relative; overflow: hidden; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit::after { content: ''; position: absolute; bottom: -100px; left: 50%; transform: translateX(-50%) scale(1); background: var(--brown); width: 50%; height: 100px; border-top-left-radius: 100%; border-top-right-radius: 100%; transition: 0.5s all; z-index: -1; pointer-events: none; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover::after { transform: translateX(-50%) scale(1.25); width: 100%; bottom: -40px; transition: 0.5s all; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: transparent; color: var(--green); border: none; height: 100%; width: 100%; display: inline-flex; justify-content: center; align-items: center; letter-spacing: 2.03px; font-size: 60% !important; max-width: 100%; padding-top: 4px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input:hover,
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField input:focus,
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField textarea:hover { border: none !important; border-bottom: 1px solid #000 !important; }
.section.contact-sec .form-container-wide #DynamicFormObject .dynamicFormEndText { font-size: 75%; margin: 60px 0 0; font-family: var(--light); color: var(--green); display: block; width: 100%; order: 3; text-align: left; }
.section.contact-sec .form-container-wide #DynamicFormObject .dynamicFormEndText p { padding-bottom: 5px; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField { width: 100%; display: flex; margin: 0; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField input { width: auto; margin: 0; }
.section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField.checkboxField label { text-align: left; font-size: 75%; margin: 0 0 0 10px; }
.section.contact-sec .form-container-wide #DynamicFormObject .form-top-text { font-size: 100%; font-family: var(--light); color: var(--green); margin-bottom: 40px; line-height: 1.3; }
span#field_1-error { pointer-events: none; }

/* News Pages */
body.archive-pages { background: #fff; }
.archive-pages .categories-strip { background: transparent; -webkit-transform: translateY(-100px); transform: translateY(-100px); }
.archive-pages .categories-strip ul li:after { content: ''; position: absolute; bottom: -100px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: var(--brown); width: 100%; height: 100px; /* border-top-left-radius: 100%; */ /* border-top-right-radius: 100%; */ border-radius: 50% 50%; -webkit-transition: 0.5s all; transition: 0.5s all; z-index: -1; pointer-events: none; overflow: hidden; }
.archive-pages .categories-strip ul li:hover:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; bottom: -25px; -webkit-transition: 0.5s all; transition: 0.5s all; }
.archive-pages .categories-strip ul li { height: 55px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; border: 1px solid var(--brown); border-radius: 30px; font-size: 60%; font-family: var(--regular); letter-spacing: 2.03px; margin: 0 10px; -webkit-transition: 0.5s all; transition: 0.5s all; position: relative; overflow: hidden; min-width: 150px; font-size: 80%; border-width: 2px; }
.archive-pages .categories-strip ul li.active { background: var(--brown); }
.archive-pages .categories-strip ul li a { width: 100%; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 33px; }
.archive-pages .categories-strip ul li:first-child { display: none; }
.archive-pages #ContentInvestorsRelations { display: flex; flex-direction: column-reverse; max-width: 1170px; margin: 30px auto 100px; }
#GridPage .max-width { max-width: 100%; width: 100%; }
#gridshort-investors-relations { max-width: 1170px; margin: 0 auto; width: 100%; }
.archive-pages #headline { text-align: left; font-size: 250%; color: var(--brown); }
.archive-pages #headline h1 { letter-spacing: unset; }
.archive-pages #pageview #text1 { text-align: left; max-width: 100%; }
.archive-pages #pageview #text1 h3 { font-size: 225%; color: var(--brown); font-family: var(--regular); margin-top: 90px; }
.archive-pages #pageview #text1 p { font-size: 85%; font-family: var(--bold); color: var(--green); }
.archive-pages #pageview #text1 p a { text-decoration: underline; }
.investors-table-row.investors-table-th { display: flex; padding: 0px 0px 5px; border-bottom: 2px solid var(--green); margin-bottom: 20px; display: none; }
.investors-table-row.investors-table-th > .investors-table-td { color: var(--green); font-family: var(--regular); font-size: 85%; }
.investors-table-row.investors-table-th > .investors-table-td:nth-child(1) { width: 140px; }
.investors-table-row.investors-table-th > .investors-table-td:nth-child(2) { flex-grow: 1; }
.investors-table-row.investors-table-th > .investors-table-td:last-child { margin-left: auto; margin-right: 0; }
.investors-table-row-headline { display: none; }
.investors-table-row-inner { width: 100%; padding: 22px 25px; min-height: 90px; align-items: center; margin: 10px 0; background: #fff; font-size: 85%; letter-spacing: 0.66px; display: flex; flex-direction: column; align-items: flex-start; background: transparent; border-bottom: 1px solid #d9d9d9; padding: 0 0 40px 0; margin-bottom: 40px; }
.investors-table-row-inner > .investors-table-td-date { margin-right: 60px; font-size: 1rem; }
.investors-table-row-inner > .investors-table-td-name { flex-grow: 1; font-size: 2.2rem; line-height: 1.3; font-family: 'BrownPro-Regular'; color: #042e26; }
.investors-table-row-inner > .investors-table-td-download { margin: 30px 0 0 0; }
.investors-table-td-download a { position: relative; width: 100%; display: flex; align-items: center; }
.investors-table-td-download .investors-btn-text { display: inline-block; margin-right: 10px; color: #c88b3d; font-size: 1rem; }
.investors-table-td-download a span.svg { background-image: url(/warehouse/dynamic/347049.svg); background-size: 100%; background-repeat: no-repeat; width: 37px; height: 37px; display: block; margin-left: auto; transition: 0.5s all; margin: 0; }
.investors-table-td-download a span.svg:hover { background-image: url(/warehouse/dynamic/347055.svg); }

@media(max-width: 767px) {
    .archive-pages .categories-strip { transform: translateY(-65px); }
    .archive-pages .categories-strip ul.hidden-xs { display: block !important; display: flex !important; overflow: auto; justify-content: center; padding-bottom: 7px; }
    .archive-pages .categories-strip ul::-webkit-scrollbar { height: 2px; }
    .archive-pages .categories-strip ul li { height: 45px; padding: 0; margin: 0 5px; min-width: 120px; height: 35px; font-size: 0.93rem; padding-top: 2px; }

    .archive-pages #ContentInvestorsRelations #headline { margin-bottom: 70px; font-size: 200%; }

    .investors-table-td-download a span.svg { }
    .archive-pages .categories-strip ul li a { padding: 0 25px; }
    .archive-pages .mobile-strip { display: none; }
    .archive-pages #GridTop { padding: 120px 0 120px 0; }
    #ContentInvestorsRelations { margin: 10px auto 50px; }
    #ContentInvestorsRelations #headline { font-size: 165%; text-align: center; }
    #ContentInvestorsRelations #pageview #text1 { padding: 0 20px; }
    #ContentInvestorsRelations #pageview #text1 h3 { font-size: 165%; margin-top: 45px; }
    #gridshort-investors-relations { padding: 0 20px; }
    .investors-table-row { margin-bottom: 20px; }
    .investors-table-row-headline { display: flex; justify-content: space-between; padding: 10px 15px; background: var(--green); color: #Fff; font-size: 85%; }
    .archive-pages .investors-table-row-headline { background-color: transparent; color: var(--green); padding: 0px; }
    .archive-pages .investors-table-row-headline > *:first-child { display: none; }
    .archive-pages #ContentInvestorsRelations { margin-top: 50px; }
    .investors-table-row-inner { margin: 0; }
    .investors-table-row-inner .investors-table-td-date { display: none; }
    .investors-table-row-inner .investors-table-td-download,
    .investors-table-row-inner .investors-table-td-name { width: 100%; margin: 0; padding: 0; position: relative; }
    .investors-table-row-inner > .investors-table-td-name { font-size: 1.45rem; margin-top: 10px; padding-bottom: 0; }
    .investors-table-row-inner > .investors-table-td-download { margin-top: 25px; }
    .investors-table-row-inner .investors-table-td-name { padding-bottom: 15px; text-align: left; }
    .investors-table-td-download a { border-radius: 50px; padding: 0; line-height: 1; display: flex; align-items: center; justify-content: center; gap: 5px; font-size: 100%; background: #fff; max-width: 150px; margin: 0 auto; font-family: var(--regular); margin: 0; background: transparent; max-width: 100%; display: flex; flex-direction: row; justify-content: flex-start; }
    .investors-table-td-download a span.svg { margin: 0; width: 36px; height: 36px; }
}

/* Archive Inner Page */
.archive #lobbyview { display: none; }
.archive .grid-content-section { padding: 0; max-width: 1170px; margin: 30px auto 130px; }
.archive #LobbyModule .grid-content-section .grid-boxes { padding: 0; display: flex; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box { margin: 0 15px 30px; background: #fff; min-height: 182px; display: inline-flex; align-items: flex-start; padding: 20px 30px 15px; font-size: 100%; text-align: left; flex-wrap: wrap; align-content: space-between; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box > div { flex-grow: 1; width: 100%; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-image { display: none; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 150%; margin: 0; font-family: var(--regular); max-width: 180px; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-title h3 a { color: var(--green); }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle.button { font-size: 85%; color: var(--brown); font-family: var(--regular); position: relative; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle.button a { width: 100%; height: 100%; display: inline-block; padding: 10px 0px; }
.archive #LobbyModule .grid-content-section .grid-boxes .grid-box .grid-box-subtitle.button::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; pointer-events: none; background-repeat: no-repeat; background-size: 100%; background-image: url(/warehouse/dynamic/347048.svg); }

@media(max-width: 767px) {
    .archive .grid-content-section { margin: 20px auto 50px; }
    .archive #LobbyModule .grid-content-section .grid-boxes { flex-direction: column; align-items: center; padding: 0 20px; }
}

/* Investor Relations Page */
#GridTop { height: 450px; }
#GridTop .top-caption { font-size: 325%; font-family: var(--regular); width: 100%; text-align: center; }
#GridTop .top-caption h1 { font-size: 100%; }
#GridTop .top-caption span { color: var(--brown); }
#GridTop.noTopImage.longer { height: 83px; }
#SiteGridContainer { background: inherit; }
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.investors { background: #f3f3f4; }
.investors #lobbyview { display: none; }
#GridPage { padding: 0; }
.investors .section.relations-sec { padding: 120px 0 50px; background: #f3f3f4; }
.investors .sections .investors-section { max-width: unset; background: #f3f3f4; padding: 0 0 120px; }
#LobbyModule .investors-section .grid-boxes { max-width: 1170px; padding: 0; display: flex; }
#LobbyModule .investors-section .grid-boxes .grid-box { margin: 0 7px; background: #fff; display: flex; flex-direction: column; align-items: flex-start; text-align: left; padding: 30px 20px 20px; font-size: 100%; min-width: 250px; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-image { display: none; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-title h3 { font-size: 150%; margin-bottom: 15px; padding-bottom: 13px; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-title h3::after { content: ''; position: absolute; bottom: 0; left: 0; height: 3px; width: 32px; background: var(--green); transition: 0.8s all; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-title h3:hover::after { width: 100%; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-title h3 a { color: var(--green); font-family: 'BrownPro-Regular'; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-fulltext ul { padding: 0; list-style: none; }
#LobbyModule .investors-section .grid-boxes .grid-box .grid-box-fulltext ul li { font-size: 85%; margin-bottom: 9px; color: var(--brown); }

@media(max-width: 1024px) {
    #GridTop.noTopImage.longer { height: 54px; }
    #GridTop { height: 290px; }
    #GridTop .top-caption { font-size: 200%; top: 55%; }
    .investors .section.relations-sec { padding: 60px 0 50px; }
    .investors .sections .investors-section { padding: 0 0 55px; }
    #LobbyModule .investors-section .grid-boxes { overflow-x: scroll; padding: 0 10px 20px; }
    ::-webkit-scrollbar { height: 8px; }
    ::-webkit-scrollbar-track { background: #dedede; box-shadow: none; }
    ::-webkit-scrollbar-thumb { background-color: var(--brown); box-shadow: none; outline: none; }
}

@media(max-width:767px) {
    #GridTop { height: auto; padding: 80px 0 40px 0; }
    #GridTop .top-caption { position: unset; transform: none; }
}

/* Corporate Governance Page */
.corporate { background: #f3f3f4; }
.corporate #lobbyview { display: none; }
.corporate #LobbyModule .section.members-sec { background: #f3f3f4; padding: 100px 0 60px; }
.corporate #LobbyModule .section.members-sec .grid-boxes { max-width: 1180px; margin: 0 auto; padding: 0; }
.corporate #LobbyModule .section.members-sec .section-title { max-width: 1170px; margin: 0 auto 20px; text-align: left; }
.corporate #LobbyModule .section.members-sec .section-title h2 { font-size: 225%; }
.corporate #LobbyModule .section.members-sec .grid-boxes .grid-box { margin-right: 0px; display: inline-flex !important; margin-bottom: 35px; font-size: 100%; padding: 30px 50px 20px; }
.corporate #LobbyModule .section.members-sec .grid-boxes .grid-box .grid-box-image { display: none; }
.corporate #LobbyModule .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 150%; }
.corporate #LobbyModule .section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button { right: 50px; }
.corporate .grid-text-section { max-width: 1180px; text-align: left; margin: 0 auto; padding: 0 0 70px; }
.corporate .grid-text-section:last-child { padding: 0 0 120px; }
.corporate .grid-text-section .section-title h2 { font-size: 225%; color: var(--brown); margin-bottom: 10px; }
.corporate .grid-text-section .grid-text-content { width: 100%; padding: 0; color: #1f1d1d; }
.corporate .grid-text-section .grid-text-content p, .corporate .grid-text-section .grid-text-content ul li { margin: 0; letter-spacing: 0.66px; font-size: 85%; line-height: 1.35; direction: ltr; position: relative; }
.corporate .grid-text-section .grid-text-content ul { padding: 0 0 0 30px; list-style: none; }
.corporate .grid-text-section .grid-text-content ul li::after { content: ''; position: absolute; left: -30px; top: 10px; transform: translateY(-50%); background: var(--brown); width: 8px; height: 8px; border-radius: 50%; }
.corporate .grid-text-section .grid-text-content ul li:not(:last-child) { margin-bottom: 10px; }
.corporate .grid-text-section .grid-text-content p a { text-decoration: underline; font-family: var(--bold); color: var(--green); }

@media (max-width: 1024px) {
    .corporate #LobbyModule .section.members-sec { padding: 70px 0 50px; }
    .corporate #LobbyModule .section.members-sec .section-title { padding: 0 20px; text-align: center; }
    .corporate #LobbyModule .section.members-sec .section-title h2 { font-size: 165%; }
    .corporate #LobbyModule .section.members-sec .grid-boxes { column-gap: 4px; padding: 0 22px; }
    .corporate #LobbyModule .section.members-sec .grid-boxes .grid-box { padding: 15px; margin-bottom: 20px; text-align: left; min-height: 140px; }
    .corporate #LobbyModule .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 95%; margin-bottom: 2px; max-width: 80%; }
    .corporate .grid-text-section { padding: 0 20px 40px; }
    .corporate .grid-text-section:last-child { padding: 0 20px 70px; }
    .corporate .grid-text-section .section-title h2 { font-size: 165%; }
}

@media (max-width: 767px) {
    .corporate #LobbyModule .section.members-sec .grid-boxes .grid-box { padding: 15px; margin-bottom: 20px; text-align: left; min-height: unset; width: 100%; }
    .corporate #LobbyModule .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { max-width: 100%; }
}

/* Service Page */
.service { background: #f3f3f4; }
.service #SiteGridContainer { min-height: 50vh; }
.service #GridPage .max-width { max-width: unset; width: 100%; }
.service #pageview { display: flex; flex-direction: column; }
.service #pageview .MainContent { width: 100%; }
.service #pageview .MainContent #headline { display: block; text-align: left; font-size: 4.6rem; margin-bottom: 56px; }
.service #pageview .MainContent #headline h1 { display: block; line-height: 1; }
.service #pageview .text-wrap { width: 100%; height: 660px; position: relative; min-height: 100vh; height: auto; }
.service #pageview .text-wrap::before { content: ''; position: absolute; width: 33%; background: #fff; right: 0; height: 100%; top: 0; pointer-events: none; z-index: -1; background: transparent; width: 30%; }
.service #pageview .text-wrap .text-wrap-inner { width: 100%; display: flex; height: 100%; max-width: 1070px; margin: 0 auto; max-width: 100%; }
.service #pageview #text1 { width: 67%; max-width: 100%; height: 100%; padding: 100px 0 0; text-align: left; width: 70%; background-color: #1F453D; padding: 0; display: flex; align-items: flex-start; flex-direction: row; min-height: 100vh; padding-top: 150px; padding-bottom: 100px; background-image: url(/warehouse/dynamic/432041.jpg); }
.service #pageview #text1 h3, .service #pageview #text2 h4 { color: var(--brown); margin: 0; font-family: var(--bold); }
.service #pageview #text1 h3 { margin-bottom: 10px; font-size: 225%; font-family: var(--regular); font-size: 2.15rem; margin-bottom: 25px; line-height: 1; font-family: 'BrownPro-Regular', Arial; }
.service #pageview #text2 { width: 33%; height: 100%; max-width: 100%; background: #fff; text-align: left; border-left: 2px solid var(--green); padding: 100px 30px 0 60px; direction: ltr; }
.service #pageview #text1 ul { padding: 0; list-style-type: none !important; font-size: 1.15rem; }
.service #pageview #text1 ul li { margin-bottom: 10px; }
.service #pageview #text1 ul li:last-child { margin-bottom: 60px; }
.service #pageview #text1 ul li span { text-decoration: none !important; }
.service #pageview #text1 ul li strong { font-family: 'BrownPro-Bold'; font-weight: normal; }
.service #pageview #text1 ul:last-child li:last-child { margin-bottom: 0px; }

.service #pageview #text2 { width: 30%; background-color: #F3F3F4; border: none; height: auto; margin: 0; padding-top: 206px; padding-bottom: 40px; }
.service .text2-inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; max-width: 315px; }
.service #pageview #text2 h4 { font-size: 2.15rem; margin-bottom: 25px; line-height: 1; font-family: 'BrownPro-Regular', Arial; }
.service #pageview #text2 h4:after { content: ""; display: block; width: 32px; height: 4px; background-color: var(--brown); margin-top: 32px; }
.service #pageview #text2 p { font-size: 1.15rem; font-family: 'BrownPro-Regular'; color: #042e26; }
.text1-inner { max-width: 900px; margin: 0 auto; color: #fff; width: 100%; }
.text1-inner-inner { max-width: 588px; background-color: #042E26; padding: 55px; }
.service #GridTop { display: none; }

@media(max-width:1380px) {
    .text1-inner { margin-left: 50px; }
}

@media(max-width: 1024px) and (min-width: 768px) {
    .service #pageview #text1 { width: 60%; padding: 90px 50px 75px; }
    .service #pageview #text1 h3 { font-size: 150%; }
    .service #pageview #text2 { width: 40%; padding: 90px 50px 75px 50px; }
}

@media(min-width:768px) {
    .service #pageview #text1 ul li strong:after { content: "_"; font-family: 'BrownPro-Regular'; margin-right: 3px; }
    .service #pageview #text2 { position: sticky; top: 0; right: 0; height: calc(var(--vh)); }
    .service #SiteGrid { overflow: visible; }
}

@media(max-width: 767px) {
    .service #pageview .text-wrap { height: auto; }
    .service #pageview .text-wrap::before { display: none; }
    .service #pageview .text-wrap .text-wrap-inner { flex-wrap: wrap; }
    .service #pageview #text1 { width: 100%; padding: 90px 20px 75px; width: 100%; padding: 0 30px; background-image: url('/warehouse/dynamic/432023.jpg'); }
    .service #pageview #text1 h3 { font-size: 1.8rem; }
    .service #pageview #text2 { width: 100%; border-left: none; border-top: 2px solid var(--green); padding: 90px 100px 75px 20px; width: 100%; text-align: center; padding: 80px 30px; }
    .text1-inner { margin: 0; text-align: center; margin-top: 125px; margin-bottom: 70px; }
    .text1-inner-inner { padding: 30px; }
    .service #pageview .MainContent #headline { text-align: center; font-size: 2.85rem; }
    .service #pageview #text1 ul { font-size: 1.1rem; }
    .service #pageview #text1 ul li { margin-bottom: 15px; }
    .service #pageview #text2 h4:after { margin: 33px auto 0; }
    .service #pageview #text2 p img { margin-top: 35px; }
    .service #pageview #text1 ul li strong { display: block; }
}

/* Footer */
footer { padding: 0; }
.footer-text-divided { background: var(--green); padding: 70px 170px; display: flex; }
.footer-text-divided > div.footer-text-left { text-align: right; padding: 0; width: 50%; display: block; }
.footer-text-divided > div.footer-text-right { text-align: left; width: 100%; padding: 0; display: flex; align-items: flex-start; justify-content: flex-start; }
.footer-text-divided > div.footer-text-right ul { padding: 0; list-style: none; text-align: left; padding-right: 50px; margin: 0; }
.footer-text-divided > div.footer-text-right ul li { color: #fff; font-size: 80%; cursor: pointer; }
.footer-text-divided > div.footer-text-right ul li a { position: relative; }
.footer-text-divided > div.footer-text-right ul li a img { margin-right: 6px; }
.footer-text-divided > div.footer-text-right ul li a:has(img)::after { background-image: url(/warehouse/dynamic/329434.svg); content: ''; position: absolute; left: -1px; top: -6px; width: 29px; background-repeat: no-repeat; height: 29px; background-size: 100%; opacity: 0; transition: 0.25s all; pointer-events: none; }
.footer-text-divided > div.footer-text-right ul li a:has(img):hover::after { opacity: 1; }
.footer-text-divided > div.footer-text-right ul li a:has(img):nth-child(2)::after { background-image: url(/warehouse/dynamic/329433.svg); }
.footer-text-divided > div.footer-text-right ul li:not(:last-child) { /* padding-bottom: 20px; */ }
.footer-text-divided > div.footer-text-right ul li a:hover, .footer-text-divided > div.footer-text-right ul li a:focus { color: var(--brown); }
.footer-text-divided > div.footer-text-right ul li a:hover { color: var(--brown); }

@media(max-width: 1024px) {
    .footer-text-divided { padding: 50px 40px; }
}

@media(max-width: 767px) {
    #SiteFooter { padding: 0; }
    .footer-text-divided { padding: 50px 22px; display: block; }
    .footer-text-divided > div.footer-text-left { width: 100%; text-align: left; }
    .footer-text-divided > div.footer-text-right { justify-content: space-between; display: flex; margin-bottom: 35px; }
    .footer-text-divided > div.footer-text-right ul { padding-right: 0px; }
    body:not(.home-page) .footer-text-divided > div.footer-text-right { justify-content: flex-start; }
}


/*----------------------------------------------------------------------*/

/* title, p , buttons and boxes transition */
.section.shown .text-wrapper h1,
.section.shown .text-wrapper h2,
.section.shown .text-wrapper .grid-boxes,
.section.products-gallery-sec.shown .grid-rows .text-wrapper .grid-row { animation: textAnim 3s; opacity: 1; transition: opacity 3s; }
.section.carousel-sec .grid-boxes .grid-box .grid-box-title.shown { animation: textAnim 2s; opacity: 1; transition: opacity 3s; }

.section.shown .grid-text .text-wrapper .grid-text-content { animation: textAnim 3s; opacity: 1; transition: opacity 3s; }
.section.information-sec.shown .grid-text .text-wrapper .grid-text-content { animation: textAnim 2s; opacity: 1; transition: opacity 1s; }

@keyframes textAnim {
    0%, 5% { transform: translateY(180%); }
    80%, 100% { transform: translateY(0); }
}

.section.products-gallery-sec .grid-rows .grid-row .flexslider-box { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(110px); }
a.grid-row-button.hvr-fade { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(110px); }
.section.circle-sec .grid-boxes, .section.products-gallery-sec .grid-rows .grid-row, .section.team-sec .grid-boxes, .section.members-sec .grid-boxes { opacity: 0; transition: all 1.15s, opacity 3s; }

.section.products-gallery-sec.shown .grid-rows .grid-row .flexslider-box { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.2s; }
section.shown a.grid-row-button.hvr-fade { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.3s; }
.section.circle-sec.shown .grid-boxes, .section.products-gallery-sec.shown .grid-rows .grid-row, .section.team-sec.shown .grid-boxes, .section.members-sec.shown .grid-boxes { opacity: 1; transition: all 1.15s, opacity 3s; transition-delay: 0.5s; }
/*-----------------------------------------*/

/* circle section grid boxes transition */

@media (min-width: 767px) {
    .section.circle-sec .grid-boxes .grid-box:nth-child(1) { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); }
    .section.circle-sec .grid-boxes .grid-box:nth-child(2) { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); }
    .section.circle-sec .grid-boxes .grid-box.lastItem { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); }

    .section.circle-sec.shown .grid-boxes .grid-box:nth-child(1) { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 2.1s; }
    .section.circle-sec.shown .grid-boxes .grid-box:nth-child(2) { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 1.6s; }
    .section.circle-sec.shown .grid-boxes .grid-box.lastItem { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 2.1s; }
}

@media (max-width: 767px) {
    .section.circle-sec .grid-boxes .grid-box:nth-child(1) { opacity: 0 !important; transition: all 1.15s, opacity 3s; transform: translateY(100px); order: 1; }
    .section.circle-sec .grid-boxes .grid-box:nth-child(2) { opacity: 0 !important; transition: all 1.15s, opacity 3s; transform: translateY(100px); order: 3; }
    .section.circle-sec .grid-boxes .grid-box.lastItem { opacity: 0 !important; transition: all 1.15s, opacity 3s; transform: translateY(100px); order: 2; }

    .section.circle-sec .grid-boxes .grid-box:nth-child(1).shown { opacity: 1 !important; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.8s; }
    .section.circle-sec .grid-boxes .grid-box:nth-child(2).shown { opacity: 1 !important; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.8s; }
    .section.circle-sec .grid-boxes .grid-box.lastItem.shown { opacity: 1 !important; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.8s; }
}

.section.circle-sec .circle-background { background-color: #f3f3f4; position: absolute; border-radius: 50%; z-index: -1; pointer-events: none; user-select: none; transition: 2.8s cubic-bezier(.5,-.26,1,1); top: 0; left: 50%; transform: translate(-50%,30%); width: 200vw; height: 140vw; opacity: 0; transition-property: opacity,transform,-webkit-transform; transition-duration: 1.6s; transition-timing-function: cubic-bezier(0,0,.32,.92); }
.circle-sec.shown .circle-background { transform: translate(-50%,0%); opacity: 1; }
/*--------------------------------------*/

/* team section grid boxes transition */
.section.team-sec .grid-boxes .grid-box:nth-child(1) { opacity: 0; transition: all 1.15s, opacity 1s; transform: translateY(140px); }
.section.team-sec .grid-boxes .grid-box:nth-child(2) { opacity: 0; transition: all 1.15s, opacity 1s; transform: translateY(140px); }
.section.team-sec .grid-boxes .grid-box.lastItem { opacity: 0; transition: all 1.15s, opacity 8s; transform: translateY(140px); }

.section.team-sec.shown .grid-boxes .grid-box:nth-child(1) { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 1s; transition-delay: 0.5s; }
.section.team-sec.shown .grid-boxes .grid-box:nth-child(2) { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 1s; transition-delay: 0.7s; }
.section.team-sec.shown .grid-boxes .grid-box.lastItem { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 8s; transition-delay: 0.9s; }

.section.team-sec-2 .grid-boxes .grid-box:nth-child(1) { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); animation-delay: unset !important; }
.section.team-sec-2 .grid-boxes .grid-box:nth-child(2) { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); animation-delay: unset !important; }

.section.team-sec-2.shown .grid-boxes .grid-box:nth-child(1) { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.1s; }
.section.team-sec-2.shown .grid-boxes .grid-box:nth-child(2) { opacity: 1; transform: translateY(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.3s; }
/*------------------------------------*/

/* members section grid boxes transition */
.section.members-sec .grid-boxes .grid-box:nth-child(1), .section.members-sec .grid-boxes .grid-box:nth-child(2),
.section.members-sec .grid-boxes .grid-box:nth-child(3), .section.members-sec .grid-boxes .grid-box:nth-child(4),
.section.members-sec .grid-boxes .grid-box:nth-child(5), .section.members-sec .grid-boxes .grid-box:nth-child(6),
.section.members-sec .grid-boxes .grid-box:nth-child(7), .section.members-sec .grid-boxes .grid-box:nth-child(8) { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); }

.section.members-sec.shown .grid-boxes .grid-box:nth-child(1), .section.members-sec.shown .grid-boxes .grid-box:nth-child(2) { opacity: 1; transform: translateY(0px); transition: all 1.2s, opacity 3s; transition-delay: 1s; }
.section.members-sec.shown .grid-boxes .grid-box:nth-child(3), .section.members-sec.shown .grid-boxes .grid-box:nth-child(4) { opacity: 1; transform: translateY(0px); transition: all 1.2s, opacity 3s; transition-delay: 1.1s; }
.section.members-sec.shown .grid-boxes .grid-box:nth-child(5), .section.members-sec.shown .grid-boxes .grid-box:nth-child(6) { opacity: 1; transform: translateY(0px); transition: all 1.2s, opacity 3s; transition-delay: 1.2s; }
.section.members-sec.shown .grid-boxes .grid-box:nth-child(7), .section.members-sec.shown .grid-boxes .grid-box:nth-child(8) { opacity: 1; transform: translateY(0px); transition: all 1.2s, opacity 3s; transition-delay: 1.3s; }
/*------------------------------------*/

/* download section transition */
.section.grid-contents .panel-group { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); }
.section.grid-contents.shown .panel-group { opacity: 1; transform: translateX(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.1s; }
/*------------------------------*/

/* form section transition */
#DynamicFormObject .dynamicFormObjectTitleAndText,
#DynamicFormObject .dynamicFormEndText,
#DynamicFormObject .dynamicFormObjectFields fieldset { opacity: 0; transition: all 1.15s, opacity 3s; transform: translateY(140px); }
#DynamicFormObject .dynamicFormObjectTitleAndText.shown,
#DynamicFormObject .dynamicFormEndText.shown,
#DynamicFormObject .dynamicFormObjectFields fieldset.shown { opacity: 1; transform: translateX(0px); transition: all 1.15s, opacity 3s; transition-delay: 0.1s; }
/*-------------------------*/


/*----------------------------------------------------------------------*/

@media(max-width: 1600px) and (min-width: 1025px) {
    body.macOs #home-gallery .gallery-caption { max-width: 750px; top: 40% }
    #home-gallery .gallery-caption { max-width: 600px; top: 45%; }
    body.macOs #home-gallery .gallery-caption .gallery-text .text-wrapper > div { font-size: 280%; }
    #home-gallery .gallery-caption .gallery-text .text-wrapper > div { font-size: 250%; }
    body.macOs #home-gallery .gallery-caption .gallery-text span { font-size: 100%; margin: 0 auto; }
    #home-gallery .gallery-caption .gallery-text span { font-size: 80%; margin: 0 auto; }
    body.macOs .IframeFeatureContainer.ready { height: 800px; width: 100%; }
    .IframeFeatureContainer { bottom: -400px !important; }
    .IframeFeatureContainer.ready { height: 700px; width: 100%; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { width: 170px; height: 50px; font-size: 55%; }
    .section.what-we-do-sec { padding: 120px 0 140px; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 260%; }
    .section.what-we-do-sec .grid-text-content p { font-size: 100%; }
    .section.explore-sec { padding: 0 90px; column-gap: 100px; }
    .section.waste-sec { padding: 120px 0 60px; }
    .section.waste-sec .grid-text-content p { font-size: 100%; }
    .section.circle-sec .grid-boxes { padding: 80px 0 160px; width: 90%; }
    .section.tomorrow-sec { padding: 120px 0 0; }
    .section.tomorrow-sec .grid-text-content p { font-size: 100%; }
    .section.carousel-sec { padding: 150px 0 0px !important; }
    .section.carousel-sec .section-title { top: 120px; }
    .section.carousel-sec .section-title h2 { font-size: 120%; }
    .section.products-sec { padding: 120px 0 10px; }
    .section.products-sec .grid-text-content p { font-size: 100%; }
    .products-anim-sec .grid-rows .grid-row { margin: 0 40px; max-height: 450px; min-width: 800px; box-shadow: 1px 20px 60px -10px rgb(0 0 0 / 660%); }
    section.products-gallery-sec .grid-rows { width: 80%; }
    section.products-gallery-sec .grid-rows .grid-row-cell-text { padding-left: 50px; }
    section.products-gallery-sec .grid-rows .grid-row-text h3 { font-size: 110%; }
    section.products-gallery-sec .grid-rows .grid-row-text p { font-size: 75%; }
    section.products-gallery-sec .grid-rows > a { width: 190px; height: 50px; }
    section.products-gallery-sec { padding: 40px 0 100px; }
    .products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h2 { font-size: 350%; }
    .products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text h3 { font-size: 115%; max-width: 300px; line-height: 1.3; }
    .products-anim-sec .grid-rows .grid-row .grid-row-cell-text .grid-row-text a.grid-row-button.hvr-fade { height: 50px; width: 170px; }
    .section.second-parallax .team-sections { top: 120px; }
    .section.team-sec { max-width: 1000px; }
    .section.team-sec .grid-boxes .grid-box { padding: 30px 30px 0px 20px; height: 435px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-image { /* transform: translateX(36px); */ padding: 0px 0px 25px 10px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-image img { max-height: 12.826vw; }
    .section.team-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 130%; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle:not(.button) { font-size: 80%; }
    .section.team-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 70%; }
    .section.team-sec-2 { max-width: 1000px; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext p { font-size: 70%; padding-top: 0px; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle:not(.button) { font-size: 80%; margin-bottom: 10px; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-text { max-width: 650px; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-image img { max-width: 200px; }
    .section.second-parallax { height: 1475px; }
    .section.relations-sec { padding: 120px 0 50px; }
    .section.relations-sec .grid-text-content p { font-size: 100%; }
    .section.members-sec .section-title h2 { font-size: 110%; }
    .section.members-sec .grid-boxes { max-width: 1000px; column-gap: 30px; display: flex; justify-content: space-between; }
    .section.members-sec .grid-boxes .grid-box { margin-bottom: 30px; }
    .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 130%; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-title h3 { font-size: 130%; }
    .section.members-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 80%; }
    .section.grid-contents .section-title { max-width: 1000px; }
    .section.grid-contents .panel-group { max-width: 1000px; }
    .section.grid-contents .panel-group .faq-item .faq-headline { font-size: 145%; padding-bottom: 40px; }
    .section.grid-contents .panel-group .faq-item .faq-headline .button-open { padding: 42px; top: -30px; }
    .section.grid-contents .panel-group .faq-item .faq-body { top: 70px; }
    .section.grid-contents .panel-group .faq-item .faq-headline .button-open::before { width: 40px; height: 25px; }
    .section.albert-sec .grid-text-content p { font-size: 180%; }
    .section.albert-sec .grid-text-content { max-width: 800px; }
    .section.contact-sec { padding: 60px 0; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 285%; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 115%; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { height: 50px; }
    .section.carousel-sec .grid-boxes .grid-box { align-items: flex-start; display: flex; max-width: 510px; flex: 100%; flex-direction: column; text-align: left; margin-right: 70px; padding: 0; max-height: 445px; border-bottom: 1px solid rgba(255, 255, 255, 0.38); margin-top: 40px !important; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image { max-height: 280px; height: 280px; flex: auto; width: 100%; transition: 0.4s all; pointer-events: none; margin-bottom: 15px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 70%; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 130%; max-width: 300px; margin-bottom: 10px; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-image { max-height: 160px; height: 160px; flex: auto; width: 160px; border-radius: 500px; -webkit-mask-image: -webkit-radial-gradient(white, black); }
    .section.products-sec .grid-text-content,
    .section.what-we-do-sec .grid-text-content,
    .section.relations-sec .grid-text-content,
    .section.waste-sec .grid-text-content { max-width: 900px; }
}

@media(max-width: 1300px) and (min-width: 1180px) {
    .section.carousel-sec .grid-boxes { margin: 0 0 0 25vw; }
    .section.products-sec { padding: 180px 0 10px; }
    .section.products-sec::after { content: ''; position: absolute; top: 0; left: 0; background: #000; width: 100%; height: 60px; pointer-events: none; }
}

@media(max-width: 1300px) and (min-width: 1025px) {
    .section.carousel-sec .grid-boxes .grid-box { max-width: 470px; max-height: 390px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image { max-height: 250px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 120%; margin-bottom: 10px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button { bottom: 10px; padding: 5px 0 0; font-size: 75%; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { width: 22px; height: 22px; background-size: 100%; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a { padding-left: 30px; }
}

@media (max-width: 1024px) {
    .overlay { width: 100vw; height: 100%; background: #001420; position: fixed; display: none; top: 0; left: 0; z-index: 1; opacity: 0.5; }
    .overlay.visible { display: block; }
    .section.what-we-do-sec { padding: 60px 0; }
    .section.what-we-do-sec .section-title h1, .section.what-we-do-sec .section-title h2 { padding-bottom: 5px; }
    .section.what-we-do-sec .grid-text-content { padding: 0 15px; }
    .section.what-we-do-sec .grid-text-content p { font-size: 80%; line-height: 1.38; }
    .section.first-parallax { height: 525px; }
    .section.first-parallax .image-section-data { height: 525px; }
    .grid-text-section .section-title { margin: 0; }
    .section.explore-sec .grid-text-content p { font-size: 80%; line-height: 1.38; }
    .section.explore-sec .section-title { padding-bottom: 30px; max-width: 500px; }
    .section.explore-sec .section-title h2 .line { width: 50px; height: 4px; }
    .section.waste-sec { padding: 60px 0 35px; }
    .section.waste-sec .section-title h2 { max-width: 600px; padding-bottom: 0; }
    .section.waste-sec .grid-text-content { padding: 0 15px; }
    .section.waste-sec .grid-text-content p { font-size: 80%; line-height: 1.38; }
    .section.circle-sec .grid-boxes .grid-box:nth-child(1) { padding: 100px 10px 0 0; }
    .section.circle-sec .grid-boxes .grid-box.lastItem { padding: 100px 0 0 10px; }
    .section.circle-sec .grid-boxes { padding: 50px 30px; }
    .section.circle-sec .circle-background { width: 200%; }
    .section.tomorrow-sec { padding: 60px 0 80px; }
    .section.carousel-sec { height: auto; padding: 10px 30px 0px !important; }
    .section.tomorrow-sec .section-title h1, .section.tomorrow-sec .section-title h2 { /* padding-bottom: 0; */ }
    .section.tomorrow-sec .grid-text-content { padding: 0 15px; }
    .section.tomorrow-sec .grid-text-content p { font-size: 80%; line-height: 1.38; }
    .section.carousel-sec .section-title { position: relative; left: unset; top: unset; transform: none; padding-bottom: 20px; }
    .section.carousel-sec .section-title h2 { font-size: 95%; }
    .section.products-sec { padding: 60px 0 0px; }
    .section.products-sec .section-title h2 { padding-bottom: 5px; }
    .section.products-sec .grid-text-content { padding: 0 15px; }
    .section.products-sec .grid-text-content p { font-size: 80%; line-height: 1.28; }
    .section.products-gallery-sec .grid-rows .grid-row { padding: 0 30px; }
    section.products-gallery-sec .grid-rows .grid-row-cell-text { padding-left: 30px; }
    section.products-gallery-sec .grid-rows .grid-row-text { padding: 0; margin: 0; margin-top: 40px; }
    section.products-gallery-sec .grid-rows .grid-row-text h3 { font-size: 95%; margin-bottom: 5px; }
    section.products-gallery-sec .grid-rows .grid-row-text p { font-size: 80%; line-height: 1.38; letter-spacing: unset; }
    section.products-gallery-sec .grid-rows > a { margin-top: 40px; }
    section.products-gallery-sec { padding: 40px 0 70px; }
    .section.second-parallax { padding: 50px; }
    .section.second-parallax .team-sections { position: relative; top: unset; transform: none; padding: 0; left: unset; }
    .section.second-parallax .image-section-data { position: absolute; top: 0; left: 0; width: 100%; }
    .section.second-parallax .image-section-data img { width: 120%; height: 150%; }
    .section.team-sec { margin-bottom: 0; }
    .section.team-sec .section-title { margin-bottom: 20px; }
    .section.relations-sec { padding: 60px 0 60px; }
    .section.relations-sec .section-title h2 { padding-bottom: 5px; }
    .section.relations-sec .grid-text-content { padding: 0 15px; }
    .section.relations-sec .grid-text-content p { font-size: 80%; line-height: 1.38; }
    .section.members-sec .section-title { margin-bottom: 20px; }
    .section.members-sec .section-title h2 { font-size: 95%; }
    .section.members-sec .grid-boxes { column-gap: 4px; padding: 0 22px; justify-content: center; }
    .section.members-sec .grid-boxes .grid-box { padding: 15px; margin-bottom: 20px; text-align: left; min-height: 140px; }
    .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 95%; margin-bottom: 2px; max-width: 80%; }
    .section.members-sec .grid-boxes .grid-box .grid-box-subtitle { font-size: 70%; letter-spacing: 0.7px; }
    .section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button { top: unset; right: unset; bottom: 15px; left: 15px; }
    .section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { left: 50%; top: 50%; background-size: 100%; transform: translate(-50%,-50%); }
    .section.members-sec { padding: 0 0 70px; }
    .section.grid-contents .panel-group .faq-item .faq-headline { font-size: 95%; padding-bottom: 15px; }
    .section.grid-contents { padding: 0px 50px; }
    .section.grid-contents .panel-group .faq-item .faq-headline .button-open { padding: 19px; top: -12px; }
    .section.grid-contents .panel-group .faq-item .faq-headline .button-open::before { height: 15px; width: 18px; }
    .section.grid-contents .panel-group .faq-item .faq-body { top: 36px; }
    .section.grid-contents .panel-group .faq-item .faq-body > div ul li { padding: 20px; padding-left: 60px; font-size: 80%; }
    .section.grid-contents .panel-group .faq-item .faq-body > div ul li::after { left: 15px; }
    .section.third-parallax { height: 436px; }
    .section.third-parallax .image-section-data { height: 436px; }
    .section.third-parallax .image-section-data img { margin: unset !important; height: inherit; object-fit: cover; }
    .section.albert-sec { padding: 0 25px; }
    .section.albert-sec .section-title h2 { font-size: 80%; margin-top: 30px; }
    .section.albert-sec .grid-text-content p { font-size: 145%; line-height: 1.12; }
    .section.albert-sec .grid-text-content::after { top: -70px; }
    .section.contact-sec { padding: 60px 22px 75px; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 200%; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 95%; max-width: 80%; letter-spacing: -0.99px; margin: 0 auto 20px; }
    .section.products-gallery-sec.shown .grid-rows .grid-row .flexslider-box img { height: 240px !important; }
}

@media (max-width: 1023px) {
    .section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 0; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 165%; }
    .section.contact-sec #DynamicFormObject .dynamicFormObjectFields .dynamicFormObjectField { width: 100%; }
}

@media (max-width: 1024px) and (min-width: 767px) {
    .grid-box-top { width: 100%; }
    #header2 .menu-nav span.closed { display: none !important; }
    #home-gallery .gallery-caption .gallery-text { padding: 0 50px; }
    .IframeFeatureContainer.ready { height: 500px; }
    .section.what-we-do-sec .grid-text-content { padding: 0 50px; }
    h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 220%; }
    .section.explore-sec { padding: 0 50px; flex-direction: row; /* column-gap: 50px; */ display: inline-flex; }
    .section.explore-sec .section-title { max-width: 340px; padding-right: 50px; }
    .section.waste-sec .grid-text-content { padding: 0 50px; }
    .section.circle-sec .grid-boxes { padding: 50px; }
    .section.circle-sec .grid-boxes .grid-box:nth-child(2) { width: 45%; }
    .section.tomorrow-sec .grid-text-content { padding: 0 50px; }
    .section.carousel-sec .grid-boxes { margin: 0; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image { max-height: 410px; height: 410px; width: 100%; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image .grid-iframe-holder iframe { width: 100%; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-title { padding: 0 50px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext { padding: 0 50px; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-fulltext { padding: 0 50px 20px; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-image { max-height: 210px; height: 210px; border-radius: 50%; width: 210px; margin-left: 50px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button { padding: 0px 30px 10px; }
    .section.carousel-sec .grid-boxes .grid-box::after { left: 50px; right: 50px; content: ''; position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.38); height: 1px; }
    .section.products-gallery-sec .grid-rows .grid-row { padding: 0 50px; }
    section.products-gallery-sec .grid-rows .grid-row-cell-text { padding-left: 50px; }
    .section.products-sec .grid-text-content { padding: 0 50px; }
    .section.members-sec .grid-boxes { column-gap: 20px; padding: 0 50px; }
    .section.relations-sec .grid-text-content { padding: 0 50px; }
    .section.grid-contents.press { padding: 70px 50px 70px; }
}

@media (max-width: 1024px) {
    .section.carousel-sec .grid-boxes { width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0; }
    .section.carousel-sec .grid-boxes .grid-box { max-width: 100%; width: 100%; margin: 0; height: 100%; margin-bottom: 70px; border: none; max-height: unset; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-fulltext { max-height: unset; height: auto; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; bottom: unset; left: unset; font-size: 85%; padding: 10px 0 20px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { left: 50px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a { padding-left: 90px; }
}


@media (max-width: 1180px) and (min-width: 1023px) {
    .section.carousel-sec .grid-boxes { width: 100%; display: flex; flex-direction: row; align-items: flex-start; margin: 0; flex-wrap: wrap; justify-content: center; }
    .section.carousel-sec .grid-boxes .grid-box { max-width: 47.7%; width: 47.7%; margin: 0; height: 100%; margin-bottom: 60px; border: none; max-height: unset; padding: 0 15px; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-fulltext { max-height: unset; height: auto; padding: 0; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; bottom: unset; left: unset; font-size: 85%; padding: 10px 0 20px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image { max-height: 335px; height: 335px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 140%; margin-bottom: 10px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-title { padding: 0; }
    .section.carousel-sec .grid-boxes .grid-box::after { content: ''; position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.38); height: 1px; left: 15px; right: 15px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext { padding: 0; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-image { margin-left: 0; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { left: 0px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a { padding-left: 40px; }
    .section.carousel-sec { height: auto; padding: 160px 0px 40px !important; }
    .section.team-sec .grid-boxes .grid-box:hover .grid-box-fulltext { height: 140px; transition: all 0.4s; opacity: 1; }
}

@media (max-width: 991px) and (min-width: 768px) {
    .section.second-parallax { height: fit-content; padding: 60px 50px; }
    .section.team-sec .grid-boxes, .section.team-sec-2 .grid-boxes { margin: 0; display: flex; flex-direction: column; align-items: center; }
    .section.team-sec .grid-boxes .grid-box, .section.team-sec-2 .grid-boxes .grid-box { margin: 0; padding: 20px 40px 40px; width: 100%; height: auto; flex-direction: column; text-align: left; margin-bottom: 15px; display: flex; align-items: flex-start; }
    .section.team-sec .grid-boxes .grid-box .grid-box-image, .section.team-sec-2 .grid-boxes .grid-box .grid-box-image { max-width: unset; padding: 0; margin: unset; transform: translateX(0px); }
    .section.team-sec .grid-boxes .grid-box .grid-box-image img, .section.team-sec-2 .grid-boxes .grid-box .grid-box-image img { max-width: 130px; }
    .section.team-sec .grid-boxes .grid-box:hover .grid-box-image, .section.team-sec-2 .grid-boxes .grid-box:hover .grid-box-image { max-width: unset; padding: 0; }
    .section.team-sec .grid-boxes .grid-box:hover .grid-box-image img, .section.team-sec-2 .grid-boxes .grid-box:hover .grid-box-image img { width: 130px; }
    .grid-box-top { position: relative; display: flex; align-items: center; max-width: 450px; width: 450px; }
    .grid-box-top .grid-box-top-text { padding-left: 40px; }
    .grid-box-read { color: var(--brown); font-size: 80%; font-family: var(--regular); padding: 0px 25px; margin-bottom: 15px; position: absolute; right: 0; bottom: 0; }
    .section.team-sec .grid-boxes .grid-box .grid-box-title h3, .section.team-sec-2 .grid-boxes .grid-box .grid-box-title h3 { font-size: 100%; padding-bottom: 5px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle:not(.button), .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle:not(.button) { font-size: 80%; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; bottom: unset; margin-top: 5px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a, .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a { padding: 0px 8px 0px 0; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after, .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a::after { background-size: 100%; height: 22px; width: 22px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .section.team-sec .grid-boxes .grid-box .grid-box-fulltext, .section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext { padding: 10px 20px 5px 0px; max-width: unset; }
    .section.team-sec .grid-boxes .grid-box .grid-box-fulltext p, .section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext p { font-size: 80%; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; left: unset; bottom: unset; margin-top: 5px; }
    .section.team-sec .grid-boxes .grid-box::after { content: ''; position: absolute; left: 0; bottom: 40px; width: 100%; height: 1px; background: #1f3d37; pointer-events: none; }
    .section.team-sec .grid-boxes .grid-box.open .grid-box-fulltext { height: 110px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-read::after { content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/temp/ocean6/plus.svg); background-repeat: no-repeat; width: 18px; height: 18px; background-size: 100%; background-position: center; transition: 0.2s all; }
    .section.team-sec .grid-boxes .grid-box.open .grid-box-read::after { background-image: url(/warehouse/temp/ocean6/minus.svg); }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-text { max-width: 100%; padding-left: 0; }
    .section.members-sec .grid-boxes { column-gap: 0; display: flex; justify-content: space-between; }
    .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { max-width: 100%; padding-top: 10px; }
    .section.members-sec .grid-boxes .grid-box { max-width: 48.3%; min-height: 120px; }
}

@media (max-width: 768px) {
    .section.carousel-sec { padding: 0 !important; }
}

@media (max-width: 767px) {
    .section.explore-sec .section-title { max-width: 275px; padding-right: 0; }
    .section.explore-sec { flex-direction: column; padding: 0 30px; }
    .section.waste-sec .section-title h2 { max-width: 260px; }
    .section.circle-sec .circle-background { height: 150%; width: 350%; }
    .section.circle-sec .grid-boxes { display: flex; padding: 60px 30px 50px; align-items: center; flex-direction: column-reverse; }
    .section.circle-sec.shown .grid-boxes .grid-box.lastItem { text-align: left; padding: 0; margin-bottom: 0; padding: 65px 0 0; }
    .section.circle-sec .grid-boxes .grid-box h3 { font-size: 120%; margin-top: 0; padding-bottom: 15px; margin-bottom: 15px; }
    .section.circle-sec.shown .grid-boxes .grid-box:nth-child(2) { padding: 0; margin-bottom: 0; }
    .section.circle-sec .grid-boxes .grid-box .grid-box-fulltext { max-width: unset; }
    .section.circle-sec .grid-boxes .grid-box.lastItem h3::after { right: unset; left: 0; }
    .section.circle-sec .grid-boxes .grid-box:nth-child(1) { margin-bottom: 0; padding: 65px 0 0; }
    .section.circle-sec .grid-boxes .grid-box .grid-box-fulltext p { line-height: 1.28; }
    section.products-gallery-sec .grid-rows .grid-row-cell-text { padding: 0; }
    .section.second-parallax { height: fit-content; padding: 60px 20px; }
    .section.team-sec .grid-boxes .grid-box, .section.team-sec-2 .grid-boxes .grid-box { padding: 15px 15px 35px; }
    .section.team-sec .grid-boxes, .section.team-sec-2 .grid-boxes { margin: 0; display: flex; flex-direction: column; align-items: center; }
    .section.team-sec .grid-boxes .grid-box, .section.team-sec-2 .grid-boxes .grid-box { margin: 0; padding: 15px 15px 0px; width: 100%; height: auto; flex-direction: column; text-align: left; margin-bottom: 15px; display: flex; align-items: flex-start; }
    .section.team-sec .grid-boxes .grid-box .grid-box-image, .section.team-sec-2 .grid-boxes .grid-box .grid-box-image { max-width: unset; padding: 0; transform: translateX(0px); margin: unset; }
    .section.team-sec .grid-boxes .grid-box .grid-box-image img, .section.team-sec-2 .grid-boxes .grid-box .grid-box-image img { max-width: 130px; }
    .section.team-sec .grid-boxes .grid-box:hover .grid-box-image, .section.team-sec-2 .grid-boxes .grid-box:hover .grid-box-image { max-width: unset; padding: 0; }
    .section.team-sec .grid-boxes .grid-box:hover .grid-box-image img, .section.team-sec-2 .grid-boxes .grid-box:hover .grid-box-image img { width: 130px; }
    .grid-box-top { position: relative; display: flex; align-items: center; max-width: 330px; justify-content: space-between; width: 300px; }
    .grid-box-top .grid-box-top-text { width: 50%; }
    .grid-box-read { color: var(--brown); font-size: 70%; font-family: var(--regular); padding: 10px 25px 10px; position: relative; }
    .section.team-sec .grid-boxes .grid-box .grid-box-title h3, .section.team-sec-2 .grid-boxes .grid-box .grid-box-title h3 { font-size: 95%; padding-bottom: 5px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle:not(.button), .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle:not(.button) { padding-bottom: 0; font-size: 70%; margin: 0; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; bottom: unset; margin-top: 5px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a, .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a { padding: 0px 8px 0px 0; }
    .section.team-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after, .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button a::after { background-size: 100%; height: 22px; width: 22px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
    .section.team-sec .grid-boxes .grid-box .grid-box-fulltext, .section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext { padding: 10px 20px 5px 0px; max-width: unset; }
    .section.team-sec .grid-boxes .grid-box .grid-box-fulltext p, .section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext p { font-size: 70%; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; left: unset; bottom: unset; margin-top: 5px; }
    .section.team-sec .grid-boxes .grid-box::after { content: ''; position: absolute; left: 0; bottom: 32px; width: 100%; height: 1px; background: #1f3d37; pointer-events: none; }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-fulltext { padding: 10px 20px 35px 0px; max-width: unset; }
    .section.team-sec .grid-boxes .grid-box.open .grid-box-fulltext { height: 150px; }
    .section.team-sec .grid-boxes .grid-box .grid-box-read::after { content: ''; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); background-image: url(/warehouse/temp/ocean6/plus.svg); background-repeat: no-repeat; width: 18px; height: 18px; background-size: 100%; background-position: center; transition: 0.2s all; }
    .section.team-sec .grid-boxes .grid-box.open .grid-box-read::after { background-image: url(/warehouse/temp/ocean6/minus.svg); }
    .section.team-sec-2 .grid-boxes .grid-box .grid-box-text { text-align: left; max-width: 772px; padding-left: 0px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 140%; padding: 0 22px; line-height: 1; margin-bottom: 10px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 80%; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-fulltext { padding: 0 23px 0; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image { max-height: 280px; height: auto; flex: auto; width: 100%; }
    .section.carousel-sec .grid-boxes .grid-box.open .grid-box-image { max-height: 155px; /* height: 155px; */ border-radius: 50%; width: 155px; margin-left: 22px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-image .grid-iframe-holder iframe { width: 130%; left: -15%; }
    .section.carousel-sec .grid-boxes .grid-box::after { left: 23px; right: 23px; content: ''; position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.38); height: 1px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button { position: relative; bottom: unset; left: unset; font-size: 70%; padding: 10px 0 10px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a::after { width: 19px; height: 19px; background-size: 100%; left: 20px; }
    .section.carousel-sec .grid-boxes .grid-box .grid-box-subtitle.button a { padding-left: 50px; }
    .section.grid-contents { padding: 0px 25px; }
    .section.grid-contents.press { padding: 70px 25px; }
    .section.information-sec { padding: 0px 0 70px; }
    .section.members-sec .grid-boxes { column-gap: 0; }
    .section.members-sec .grid-boxes .grid-box { padding: 15px; margin-bottom: 20px; text-align: left; min-height: unset; width: 100%; }
    .section.members-sec .grid-boxes .grid-box .grid-box-title h3 { max-width: 100%; }
    .section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button { top: 50%; right: 15px; bottom: unset; transform: translateY(-50%); left: unset; }
    .corporate #LobbyModule .section.members-sec .grid-boxes .grid-box .grid-box-subtitle.button { right: 15px; }
}

#multi-content-modal.textInPop .modal-content { padding: 0px; max-width: 602px; background: transparent; }
#multi-content-modal.textInPop #PopUpData { padding: 0; max-height: 100%; }
#multi-content-modal.textInPop #PopUpData p a { width: 100%; display: flex; justify-content: center; }
#multi-content-modal.textInPop #PopUpData img { width: 100%; }
#multi-content-modal.textInPop #PopUpData p { display: flex; justify-content: center; }
#multi-content-modal.modal .close, #video-content-modal.modal .close { top: -50px; }
#multi-content-modal.modal .close svg { width: 40px; height: 40px; }

/*mobile*/
@media(max-width: 767px) {
    #multi-content-modal.textInPop .modal-content { max-width: 90%; margin-top: 0; margin-bottom: 0; }
    #multi-content-modal.textInPop #PopUpData img { object-fit: contain; height: 100%; }
    #multi-content-modal.modal .close svg { width: 30px; height: 30px; }
}

/* UnZoom */
@media (min-width: 768px) {
    #home-gallery, #home-gallery .slides, #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; background-attachment: unset; }
    body.macOs.safariBrowser #home-gallery, body.macOs.safariBrowser #home-gallery .slides, body.macOs.safariBrowser #home-gallery .slider-bg.stellar-bg { height: 100vh !important; }
    body .section-animation-item { margin-top: 0 !important; }
}

@media (max-width: 767px) {
    #home-gallery,
    #home-gallery .slides,
    #home-gallery .slider-bg.stellar-bg { height: var(--app-height) !important; background-attachment: unset; min-height: unset !important; }
}
/*       */



a.exitTestMode { background: #c7893e; color: #fff; }