:root{
	--100vh:100vh;
	--bg:#EEE;
	--bg-darker:#EEEEEE;
	--color-primary:#3652A4;
	--color-primary-100:#3652A4;
	--color-primary-hover:#2e397e;
	--color-secondary:#D6E263;
	--color-secondary-hover:#cbd74e;
	--color-lightgrey:#EEEEEE;
	--color-grey-2:#E8E8E8;
	--color-text:#121208;
	--color-tertiary:#8BD7D7;
	--color-tertiary-hover:#59c1c1;
	--color-tertiary-40:#fff;	
	
	
	--color-secondary-100:#D6E263;
	--color-secondary-80:#773537;
	--color-secondary-60:#915c58;
	--color-secondary-40:#D3D7DA;
	
	--color-tertiary-100:#f6d5c3;

	--color-tertiary-20:#FDF6F1;
	--color-border:#BBBBBB;
	--color-grey:#3F3B37;
	--header-height:13.8rem;
}

html{font-size:10px;}
body{background:var(--bg);font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size:1.5rem;color:#000;margin:0;padding:0;overflow-x:hidden;}
body.off-scroll{overflow:hidden !important;}
img{max-width:100%;}
h1{font-size:clamp(7rem, 6.87vw, 11rem);font-weight:400;line-height:1;font-family:"HrotPremium";margin:0;}
h2{font-size:clamp(3rem, 3.5vw, 6rem);font-weight:400;line-height:1;font-family:"HrotPremium";margin:0;}
h3{font-size:clamp(2.5rem, 2.68vw, 4.3rem);font-weight:400;line-height:1.1;font-family:"HrotPremium";margin:0;}
h4{font-size:clamp(1.8rem, 1.62vw, 2.6rem);font-weight:400;line-height:1.1;margin:0;}
a{color:inherit;transition:all .3s;text-decoration:none;}
[onclick]{cursor:pointer;}
p{margin:0;}
.text-primary{color:var(--color-primary) !important;}
.text-secondary{color:var(--color-secondary) !important;}
.text-tertiary{color:var(--color-tertiary) !important;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{--bs-gutter-x:4.4rem;}
.container-ex{width:81%;max-width:1550px;margin-left:auto;margin-right:auto;}

.bg-primary{background:var(--color-primary) !important;color:#fff !important;}
.bg-secondary{background:var(--color-secondary) !important;color:#121208 !important;border-color:var(--color-secondary) !important;}
.bg-tertiary{background:var(--color-tertiary) !important;color:#060F11 !important;border-color:var(--color-tertiary) !important;}
.icon-arrow-right,.icon-arrow-left{font-size:9px;width:2em;overflow:hidden;padding-left:1em;line-height:1.3;display:block;flex:0 0 auto;}
.icon-arrow-right::before,.icon-arrow-left::before{display:block;}
.button:hover .icon-arrow-right::before, .button-box:hover .icon-arrow-right::before, .footer-menu li:hover .icon-arrow-right::before{animation:anim-roll-x-right .5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.icon-arrow-left{padding-left:0;padding-right:1rem;}
.button:hover .icon-arrow-left::before{animation:anim-roll-x-left .5s cubic-bezier(0.215, 0.61, 0.355, 1);}

.button{border-radius:.5rem;display:flex;align-items:flex-end;padding:1rem 1.8rem;color:var(--color-text);border:1px solid var(--color-text);font-size:clamp(12px, 1.4rem, 1.4rem);cursor:pointer;transition:all .4s;align-items:center;gap:1.3rem;justify-content:space-between;border-radius:4rem;line-height:1;width:max-content;min-height:clamp(30px, 3.4rem, 3.4rem);transition:all .4s;}
.button.bg-secondary{color:#121208;border-color:var(--color-secondary);}
.button.bg-secondary:hover{background:var(--color-secondary-hover) !important;border-color:var(--color-secondary-hover) !important;}
.button:hover{background:var(--color-text);color:#fff;}

.button-box{border-radius:.5rem;height:11.6rem;display:flex;align-items:flex-end;padding:13px 9px;background:#fff;color:#000;font-size:1.6rem;cursor:pointer;transition:all .4s;line-height:1.2;}
.button-box .d-flex{gap:1rem;justify-content:space-between;width:100%;align-items:flex-end;}
.button-box .icon-arrow-right{font-size:1.3rem;}
.button-box.bg-primary:hover{background:var(--color-primary-hover) !important;}
.button-box.bg-secondary:hover{background:var(--color-secondary-hover) !important;}

.label{display:block;font-size:1.5rem;border-radius:.5rem;padding:0 .5rem;width:max-content;line-height:2.3rem;border:1px solid #000;}

@keyframes anim-roll-x-right{0% {transform:translate(0);}40% {transform:translate(100%, 0);}41% {transform:translate(-100%, 0);}100% {transform:translate(0);}}
@keyframes anim-roll-x-left{0% {transform:translate(0);}40% {transform:translate(-100%, 0);}41% {transform:translate(100%, 0);}100% {transform:translate(0);}}

.post-projects .wp-block-button a:after{font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

@media (max-width:1400px){
	html{font-size:9.5px;}
}

@media (max-width:1240px){
	html{font-size:9px;}
	.container-ex{width:88%;}
	.container-milestone{width:100%;}
}

@media (max-width:991.8px){
	:root{
		--header-height:7rem;
	}
	h1{font-size:min(14vw, 14vh);}
	.d-h5-none{display:none !important;}
	.container-ex{width:100%;padding-left:2.2rem;padding-right:2.2rem;}
	.container-fluid .container-ex{padding-left:0;padding-right:0;}
}

/*Animations*/
.animate-el{opacity:0;transition:transform .6s ease-out .3s,opacity .3s ease-out .3s,background-position .5s ease .3s;}
.animate-el.text-fade{background-position-y:0%;background-image: linear-gradient(#000, #000, transparent, transparent);-webkit-background-clip: text;-moz-background-clip: text;background-size: auto 400%;color: transparent;}
.animate-el.slide-up{transform:translateY(5rem);}
.animate-el.slide-up-large{transform:translateY(10rem);transition-duration:.8s;}
.animate-el.slide-down{transform:translateY(-5rem);}
.animate-el.slide-down-small{transform:translateY(-3rem);transition:transform .5s ease-out .3s,opacity .2s ease-out .3s;}
.animate-el.slide-left{transform:translateX(5rem);}
.animate-el.slide-right{transform:translateX(-5rem);}
.animate-el.slide-right{transform:translateX(-5rem);}
.animate-el.slide-upleft{transform:translate(4rem,4rem);}
.animate-el.slide-downright{transform:translate(-3rem,-3rem);}
.animate-el.scale-x{transform:scaleX(.1);}
.animate-el.scale-y{transform:scaleY(.1); transform-origin:center top;}
.animate-el.zoom-out{transform:scale(1.5);}
.animate-el.zoom-out-small{transform:scale(1.2);}
.animate-el.animate-delay{transition-delay:.5s;}
.animate-el.animate-delay1{transition-delay:.6s;}
.animate-el.animate-delay2{transition-delay:.7s;}
.animate-el.animate-delay3{transition-delay:.8s;}
.animate-el.animate-delay4{transition-delay:.9s;}
.animate-el.animate-delay5{transition-delay:1s;}
.animate-el.animate-slow{transition:transform 1s ease-out .3s,opacity .3s ease-out .3s;}
.animate-el.animated{opacity:1;transform:translate(0) scale(1);}
.animate-el.text-fade.animated{background-position-y:150%;}
.animate-el.animated.animate-floating{animation:floating 8s linear infinite .9s;}
.animate-el.animated.animate-floating1{animation:floating 9s linear infinite alternate-reverse .9s;}
.animate-el.animate-delay.animate-floating{animation-delay:1.1s;}
@keyframes floating {
    0% { transform: translate(0,  0px) rotate(0); }
    20%  { transform: translate(0, 10%) rotate(10deg); }
    45%   { transform: translate(0, -0px) rotate(-20deg); }    
	60%  { transform: translate(0, 7%) rotate(7deg); }
    83%   { transform: translate(0, -2%) rotate(-5deg); } 
	100%   { transform: translate(0, -0px) rotate(0); } 	
}

/** Header **/
header,.fullscreen-header{border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--bg);transition:all .4s;z-index:999;}
header .container-fluid,.fullscreen-header .container-fluid{display:flex;height:var(--header-height);transition:all .4s;padding-right:0;}
.header-logo{width:20rem;max-width:14%;max-height:8rem;align-self:center;height:80%;}
.header-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;}
.header-slogan{width:33%;margin-left:auto;font-size:1.4rem;padding-top:2.2rem;transition:all .4s;}
.header-column{width:21vw;margin:1.1rem 0;border-left:1px solid  var(--color-border);padding:0 1.1rem;position:relative;}
.header-column > div{height:100%;display:flex;justify-content:flex-end;flex-direction:column;gap:3rem;padding:1.1rem 1.5rem;border-radius:.5rem;position:relative;transition:all .4s;}
.header-column p{font-size:clamp(1.1rem, .81vw, 1.3rem);position:absolute;top:1.1rem;left:1.1rem;transition:all .6s;}
.header-column a{font-size:clamp(1.6rem, 1.11vw, 1.9rem);display:flex;align-items:center;gap:1em;cursor:pointer;}
.header-menu a[onclick]:hover{color:var(--color-primary);}
.header-column a i{font-size:1.5rem;transition:transform .4s;}
.header-projects > div{cursor:pointer;background:transparent;}
.header-projects > div:hover{background:var(--color-tertiary-40);}
.header-column a:hover i, .header-projects > div:hover i{transform:rotate(180deg);}
.header-column .header-search{display:flex; margin-bottom:auto;align-items:center;gap:min(1vw, 14px);}
.header-column .header-search a{width:max(18px, 2.7rem);height:max(18px, 2.7rem); background:var(--color-secondary); border-radius:50%;font-size:min(12px, 1.5rem);flex:0 0 auto;display:flex;justify-content:center;align-items:center;}
.header-column .header-search a.icon-youtube{font-size:max(9px, 1.1rem);}
.search-bar input.wp-block-search__input{border:none;padding:0;font-size:clamp(1.2rem, .93vw, 1.5rem);transition:all .4s;outline:none;background:url(../images/icons/search.svg) left center/1.5rem no-repeat;padding-left:3.5rem;height:1.5rem;transition:all .6s;}
.search-bar input.wp-block-search__input::placeholder{color:#000;}
.search-bar form{flex: 1 1 auto;}

body.header-fixed{--header-height:7rem;}
body.header-fixed .header-column p, body.header-fixed .header-column input{top:-7rem;}
body.header-fixed .header-slogan{padding-top:1.5rem;font-size:1.2rem;}

.header-hamburger{background:var(--color-border);border-radius:.5rem;margin-left:auto;position:relative;align-self:center;padding:0 10px;width:50px;height:30px;position:fixed;top:calc(var(--header-height) / 2 - 15px);right:2.2rem;z-index:9999;transition:all .5s;}
.header-hamburger span{display:block;width:30px;height:2px;border-radius:5px;background:#000;position:absolute;top:14px;transition:all .5s;}
.header-hamburger span:first-child{top:7px;}
.header-hamburger span:last-child{top:21px;}
.show-menu .header-hamburger{background:#fff;}
.show-menu .header-hamburger span:first-child, .show-menu .header-hamburger span:last-child{top:14px;bottom:auto;}

.menu-fullscreen{position:fixed;top:0;right:0;left:0;bottom:0;z-index:999;display:none;backdrop-filter:blur(10px) brightness(.7);}
.menu-fullscreen-wrap{background:var(--bg-darker);width:fit-content;max-width:50%;float:right;position:relative;z-index:1;}
.fullscreen-header{background:transparent;--color-border:var(--bg-darker);}
.fullscreen-header .header-menu div{background:#fff;width:70%;min-width:15rem;transition:background .4s;cursor:pointer;}
.fullscreen-header .header-menu div:hover{background:var(--color-tertiary-40);}
.header-fixed .fullscreen-header .button-box{justify-content:center;}
.fullscreen-content{display:flex;height:calc(var(--100vh) - var(--header-height));align-items:center;padding-top:6.6rem;padding-bottom:4.5rem;flex-direction:column;gap:5rem;overflow-y:auto;}
.fullscreen-content > div{display:flex;flex:0 0 auto;align-items:center;width:100%;}
.fullscreen-content > .fullscreen-bottom{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:auto;font-size:1.8rem;}
.menu-wrap{overflow-y:auto;max-height:100%;width:100%;flex:0 0 auto;}
.main-menu{margin:0;padding:0;}
.main-menu li{margin:0;padding:0;list-style:none;}
.main-menu li a{display:block;padding:1.3rem 1.5rem;font-size:3rem;border-radius:.5rem;line-height:1.3;}
.main-menu li a:hover{color:var(--color-primary)}
.main-menu li.current-menu-item a{background:#fff;color:var(--color-secondary);}
.menu-fullscreen .social-list{display:flex; font-size:2rem; padding-left:30%; align-items:center; gap:1em;}
.menu-fullscreen .social-list a.icon-youtube{font-size:.8em;}
.menu-fullscreen .search-bar input.wp-block-search__input{border-bottom:1px solid #000; height:3rem;font-size:1.4rem;}

.projects-fullscreen{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;backdrop-filter:blur(10px) brightness(.7);}
.projects-fullscreen .fullscreen-header, .projects-fullscreen .fullscreen-header .header-column{border:none;}
.projects-fullscreen .projects-nav-wrap{position:absolute;top:var(--header-height);padding:0 2.2rem 0 1.1rem;right:0;width:42vw;height:auto;}
.projects-fullscreen .header-projects > div{background:var(--color-primary);color:#fff;}
.projects-nav{background:#fff;border-radius:.5rem;}
.projects-nav > div{display:flex;padding:1.2rem;cursor:pointer;gap:2.2rem;transition:background .3s;}
.projects-nav > div + div{border-top:1px solid #ececec}
.projects-nav > div > div{display:flex;flex-direction:column;justify-content:space-between;font-size:clamp(1.4rem, 0.89vw, 1.7rem)}
.projects-nav small{color:#999999;}
.projects-nav img{width:18rem;max-width:50%; max-height:10.5rem;object-fit:cover;margin-left:auto;height:auto;}
.projects-nav .icon-chevron-right{display:flex;justify-content:center;align-items:center;background:var(--color-lightgrey);color:var(--color-primary);border-radius:.5rem;width:3.8rem;transition:background .3s;position:relative;overflow:hidden;font-size:1rem;}
.projects-nav > div:hover .icon-chevron-right{background:var(--color-primary);color:#fff;}
.projects-nav > div:hover .icon-chevron-right:before{animation:anim-roll-x-right-small .3s forwards;}

@keyframes anim-roll-x-right-small{
	0% {transform:translate(0);}
	100% {transform:translate(50%, 0);}
}

@media (max-width:991.8px){
	.header-logo{max-width:25%;}
	.header-slogan{padding:0;align-self:center;font-size:11px;margin:0 10%;}
	body.header-fixed .header-slogan{padding-top:0;}
	.menu-wrap{width:100%;}
	.main-menu li a{font-size:2rem;margin:.4rem 0 0 30%;background: #ffffff33;}
	//.main-menu li.current-menu-item a{padding-left:1.5rem;}
	.menu-fullscreen-wrap{width:100%;max-width:100%;}
	.fullscreen-content{padding-top:4rem;padding-bottom: 4.5rem;}
	.fullscreen-content .button-box{margin-left:30%;width:50%; align-self: flex-start;align-items:flex-end;}
	.fullscreen-content > .fullscreen-bottom{font-size:1.5rem;}
}

@media (max-width:575.8px){
	.main-menu li a{margin-left:0;}
	.fullscreen-content .button-box{margin-left:0;width:70%;}
	.menu-fullscreen .social-list{padding-left:0;}
}

/** Footer **/
footer{padding-bottom:3rem;}
.footer-marquee{position:relative;height:9vw;overflow:hidden;width:100%;margin:9rem 0;}
.footer-marquee div{font-size:7.8vw;line-height:1;animation:marquee-animate 25s linear infinite;width:max-content;}
footer .container-fluid,.footer-quicklinks{display:flex;gap:2.2rem;}
.footer-left{flex:1 1 auto;}
.footer-quicklinks > div{flex:1 1 0;}
.quicklinks-title{font-size:1.9rem;border-bottom:1px solid #000;}
.footer-menu{line-height:2.2rem;font-size:clamp(12px, 1.3rem, 1.3rem);padding:0;margin:0;}
.footer-menu li{list-style:none;padding-left:0;}
.footer-menu a{display:block;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:5rem;padding-left:2px;transition:none;}
.footer-menu a span{color:#000;}
.footer-menu li .icon-arrow-right{color:#fff;font-size:1rem;}
.footer-menu a:hover{background:#000;color:#fff}

.footer-copyright{display:flex;gap:5rem;margin-top:9.6rem;border-top:1px solid var(--color-border);padding:4.2rem 0 1.4rem;font-size:1.3rem;width:100%; justify-content:space-between;}
.footer-terms{margin:0;padding:0;display:flex;align-items:center;}
.footer-terms li{list-style:none;padding:0;}
.footer-terms li + li{border-left:1px solid #000;}
.footer-terms a{padding:0 1rem;}
.footer-terms a:hover{text-decoration:underline;}
.footer-contact{padding:0.85rem;font-size:1.8rem;border-radius:.5rem;background:var(--color-primary);color:#fff;width:15vw;min-width:18rem;display:flex;flex-direction:column;justify-content:space-between;gap:9rem;flex:0 0 auto;}
.scroll-top{position:fixed; right:2rem; bottom: 2rem; width:4rem;height:4rem;border-radius:4rem;background:var(--color-tertiary);transition:all .5s;text-align:center;line-height:4rem;cursor:pointer;}
.scroll-top i{font-size: 1.6rem;line-height: 4rem;display: block;transform: rotate(90deg);width: 100%;padding: 0;}

@keyframes marquee-animate{
	0% {transform:translate(0);}
	100% {transform:translate(-50%, 0);}
}

@media (max-width:1400px){
	.footer-copyright{gap:4rem;}
}

@media (max-width:1240px){
	.footer-copyright{gap:3rem;}
}

@media (max-width:991.8px){
	.footer-quicklinks{flex-direction:column;}
	.footer-copyright{width:100%;}
	.footer-copyright p{width:auto;}
}

@media(max-width:575.8px){
	footer .container-fluid{flex-wrap:wrap;}
	.footer-contact{width:100%;margin-top:2rem;gap:5rem;}
	.footer-contact .button-box{width:50%;margin-left:50%;}
	.footer-copyright{padding:3rem 0 2rem;flex-direction: column;gap: 1rem;ext-align: center;align-items: center;}
	.footer-copyright p{margin-left:0;}
}

/*curved line*/
.curved-line{background:url(../images/bg.jpg?4) no-repeat center top/contain;position:absolute;top:0;right:0;left:0;z-index:-1;transition: transform 0.1s ease-out;margin-top:-2rem;transition: transform 0.1s ease-out;animation: breathe 16s cubic-bezier(0.42, 0, 0.58, 1) infinite; transform-origin: 30% top;aspect-ratio:3/1;}
 @keyframes breathe {
	0% {transform: translateX(0px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);}
  10% {transform: translateX(-8px) scale(1.06, 1.1) rotate(-0.6deg) skew(-1deg, 0.3deg);}
  20% {transform: translateX(10px) scale(1.1, 1.18) rotate(0.8deg) skew(1.3deg, -0.5deg);}
  35% {transform: translateX(-12px) scale(1.07, 1.13) rotate(-0.5deg) skew(-1.5deg, 0.2deg);}
  50% {transform: translateX(14px) scale(1.12, 1.22) rotate(1.2deg) skew(1.8deg, -0.8deg);}
  65% {transform: translateX(-10px) scale(1.08, 1.16) rotate(-0.7deg) skew(-1.1deg, 0.4deg);}
  80% {transform: translateX(6px) scale(1.06, 1.12) rotate(0.5deg) skew(0.9deg, -0.2deg);}
  90% {transform: translateX(-4px) scale(1.04, 1.08) rotate(-0.3deg) skew(-0.8deg, 0.1deg);}
  100% {transform: translateX(0px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);}
}
@media (max-width: 767px){
	.curved-line{width:160%;margin-left:-40%;}
}

/** Home **/
.homepage-bg{position:relative;width:100%;overflow:hidden;}
.home-hero{display:flex;align-items:center;min-height:calc(var(--100vh) - var(--header-height));}
.home-hero h1 span{display:block;}
.home-hero .container-fluid{display:flex;justify-content:space-between;align-items:flex-end;padding-top:3rem;padding-bottom:3rem;width:100%;}
.home-hero .container-fluid > div{display:flex;align-items:flex-end;flex-direction:column;}
.hero-nav{display:flex;gap:2rem;}
.hero-nav .button-box{align-items:flex-start;padding:1.1rem 1rem;}
.hero-nav .button-box.bg-primary{width:23vw;}
.hero-nav .button-box.bg-secondary{width:15vw;}
.hero-nav .button-box .d-flex{align-items:flex-start;}
.hero-projects{width:50vw;background:#fff;display:flex;margin-top:2.5rem;border-radius:.5rem;gap:2rem;}
.hero-projects .hero-projects-left{display:flex;gap:2vw;height:100%;flex:1 1 auto;}
.hero-projects p{padding:1.6rem 2.6%;font-size:1.7rem;line-height:1.2;flex:1 1 auto;word-spacing:100rem;}
.hero-slick{width:calc(38vw - 4.6rem);flex:0 0 auto;overflow:hidden;}
.hero-slick .d-flex{width:100%;padding:2.1rem 1rem 2rem 0;gap:2.1rem;}
.hero-slick .d-flex > div{display:flex;flex-direction:column;justify-content:space-between;}
.hero-slick .slick-slide img{width:15vw;flex:0 0 auto;border-radius:.5rem;height:auto;align-self:center;}
.hero-slick .slick-title{font-size:1.85rem;margin-bottom:1rem;font-family:"HrotPremium";}
.hero-slick small{font-size:1.1rem;margin-bottom:2.1rem;text-align:right;display:block;}
.hero-slick-arrow{flex:0 0 auto;border-left:1px solid var(--color-secondary-40);display:flex;flex-direction:column;width:4.5rem;}
.hero-slick-arrow i{flex:1 1 0;display:flex;justify-content:center;align-items:center;color:var(--color-primary);font-size:8px;width:100%;cursor:pointer;background:transparent;transition:all .4s;}
.hero-slick-arrow i:hover{background:var(--color-primary);color:#fff;}
.hero-slick-arrow i:hover:before{animation:anim-arrow-right .3s forwards;}
.hero-slick-arrow i.icon-chevron-left:hover:before{animation:anim-arrow-left .3s forwards;}
.hero-slick-arrow i + i{border-top:1px solid var(--color-secondary-40);}
@keyframes anim-arrow-right{0% {transform:translate(0);}100% {transform:translate(70%, 0);}}
@keyframes anim-arrow-left{0% {transform:translate(0);}100% {transform:translate(-70%, 0);}}

.home-intro{padding-top:9.3rem;}
.home-intro .container-ex{position:relative;}
.intro-subtitle{border-top:1px solid #000;font-size:2rem;width:29%;position:absolute;top:.5em;left:0;}
.intro-subtitle span{display:block;background:var(--color-tertiary);padding:0 1.9rem;line-height:4rem;border-radius:0 0 1rem 1rem;width:max-content;}
.home-intro h2{text-indent:30%;}
.intro-text{font-size:clamp(1.6rem,1.56vw,3rem);width:46%;margin:20rem 0 5rem;}
.intro-summary{padding-bottom:7rem;display:flex;gap:4rem;}
.summary-list{flex:1 1 0;border-bottom:1px solid #000;position:relative;display:flex;font-size:1.6rem;line-height:1;}
.summary-list > div{padding:2.5rem 2rem 2.5rem 0;flex:1 1 0;}
.summary-list + .summary-list:before{content:'';display:block;width:1px;height:90%;top:0;position:absolute;left:calc(0px - 2rem);background:#000;}
.summary-list span{display:block;font-size:clamp(2.5rem, 3.1vw, 6rem);font-family:"HrotPremium";margin-bottom:4px;}
.summary-list span em{font-style:normal;}

.home-map{margin:0 5rem 5rem;}
.imapsTooltip h4{border-bottom: 1px solid #0000001A;padding-bottom: 5px;margin-bottom: 5px;}
.imapsTooltip a{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:3px 0;}
.imapsPointedRectangle-group{fill-opacity:1 !important;}
.home-map .taxonomy-category{position:relative;z-index:99;background: #fff;width:30%;padding: 1rem;display: flex;flex-wrap: wrap;border:1px solid #D3D7DA;border-radius:1rem;margin-top:-7%;}
.home-map .taxonomy-category div{pointer-events:auto;padding:.4rem 1rem;border:none;background:#EEEEEE;}
.home-map h2{margin:-1em 0 3.4rem;}
.home-map .icon-vr{display:block;width:1.6rem;height:1.5rem;background:url(../images/icons/icon-vr.svg) no-repeat center/contain;margin-right:-.5rem;}

.home-sustainability .container-fluid{font-family:"Avenir Next";}
.home-sustainability .bg-primary{padding:2rem 11% 2rem 8.5%;z-index:1;position:relative;}
.sustainability-top{display:flex;font-size:clamp(12px, 1.5rem, 1.5rem);}
.sustainability-top > div:first-child{flex:0 0 auto;width:60%;}
.sustainability-content{display:flex;align-items:center;justify-content:space-between;gap:9%;margin:10rem 0 12rem;}
.sustainability-content img{border-radius:.5rem;width:51%;flex:0 0 auto;}
.sustainability-content h3{margin-bottom:3rem;}
.sustainability-content p{width:76%;font-size:1.7rem;}
.sustainability-content .button{margin-top:4.9rem;}
	
.section-top{display:flex;padding-top:10rem;}
.section-top p{font-family:'Avenir Next';width:50%;flex:0 0 auto;margin-left:auto;}

.highlight-panel{display:flex;gap:1.4vw;margin-top:13rem;}
.highlight-panel > div{border-radius:.5rem;flex:1 1 0;flex-direction:column;display:flex;align-items:center;padding:2rem 1rem 1rem;font-size:1.7rem;}
.highlight-panel small{font-size:clamp(12px, 1.2rem, 1.2rem);;margin-bottom:12.5rem;}
.highlight-panel .highlight-content{margin:0 16% 14rem;}
.highlight-panel h3{margin:19.6rem 0 9rem;}
.highlight-panel p{max-width:41rem;}
.highlight-panel .button-box{margin-top:auto;align-self:flex-end;width:50%;height:10rem;}

.featured-top{font-size:clamp(12px, 1.2rem, 1.2rem);;font-family:"Avenir Next";display:flex;margin-bottom:2.2rem;}
.featured-top p{position:absolute;left:18vw;}
.featured-top .featured-paging{position:absolute;left:18%;}
.featured-top .featured-paging span:first-child{padding:0 8.5rem 0 12.5rem;}
.featured-slick{margin-top:5rem;position:relative;}
.featured-slick .slick-slide{width:64vw;}
.featured-slick .featured-slide{margin:0 1.1rem;position:relative;}
.featured-slick .featured-slide img{border-radius:.5rem;width:36%;float:right;}
.featured-slick .featured-desc{opacity:0;display:flex;position:absolute;bottom:.85rem;right:.85rem;background:#fff;color:#000;border-radius:.5rem;width:62%;min-height:17rem;padding:.85rem;font-family:"Avenir Next";font-size:clamp(12px, 1.5rem, 1.5rem);;justify-content:space-between;flex-direction:column;gap:4rem;}
.featured-slick .featured-desc div{display:flex;justify-content:space-between;gap:2.2rem;}
.featured-slick .featured-desc h4{width:45%;flex:0 0 auto;font-family:"HrotPremium";margin:0;}
.featured-slick .featured-desc small{border-radius:.5rem;border:1px solid #000;padding:0 .6rem;line-height:2.2rem;width:max-content;}
.featured-slick .slick-center:not(.slick-go) .featured-desc{opacity:1;}
.featured-slick .slick-current .featured-slide img{width:100%;}
.featured-slick .slick-current + .slick-slide .featured-slide img{float:left;}
.featured-arrows{display:flex;gap:1rem;margin-left:auto;}
.featured-arrows i{width:36px;height:17px;background:var(--color-secondary);color:#000;display:flex;justify-content:center;align-items:center;border-radius:2rem;margin:0;cursor:pointer;font-size:19px;overflow:hidden;}
.featured-arrows i:hover:before{animation:anim-roll-x-right .5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.featured-arrows i.icon-arrow-long-left:hover:before{animation:anim-roll-x-left .5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.featured-slick .button{position:absolute;top:70%;left:82vw;transition:all .4s;z-index:1;}
.featuredSlick{z-index:1;}
.home-featured .featured-slick .featured-slide:before{content:'';display:block;width:9%;bottom:0;background:url(../images/home/collection_logos.png?1) no-repeat left bottom/contain;aspect-ratio:2/1;position:absolute;left:0;}
.home-featured .featured-slick .slick-current .featured-slide:before{width:25%;}

.home-media{margin-bottom:4rem;}
.home-media .featured-slick .featured-desc{width:33%;min-width:20rem;right:auto;left:.85rem;top:.85rem;gap:2.2rem;font-family:"Roboto";justify-content:flex-start;margin-top:auto;font-size:clamp(12px, 1.35rem, 1.35rem);;padding:2.4rem 2rem;}
.home-media .featured-slick .featured-desc .featured-title{word-break:break-word;font-size:1.7rem;}
.home-media .featured-slick .featured-desc .author{font-size:clamp(12px, 1.2rem, 1.2rem);;text-transform:capitalize;}
.home-media .featured-slick .featured-desc .featured-date{margin-top:auto;}
.home-media .featured-slick .featured-desc .featured-date span{color:var(--color-primary);}

.home-hero h1 span{transition-delay:.3s;}
.home-hero h1 span:nth-child(2){transition-delay:.5s;}
.home-hero h1 span:nth-child(3){transition-delay:.7s;}
.home-hero h1 span:nth-child(4){transition-delay:.9s;}
.hero-nav .bg-primary{transition-delay:.5s;}
.hero-nav .bg-secondary{transition-delay:.7s;}
.hero-projects{transition-delay:1s;}

@media (max-width:991.8px){
	.home-hero .container-fluid{flex-direction:column;align-items:flex-start;padding-top:8rem;}
	.home-hero .container-fluid > div{align-items:flex-start;margin-top:8rem;width:100%;}
	.hero-nav,.hero-projects{width:100%;}
	
	.hero-nav .button-box.bg-primary,.hero-nav .button-box.bg-secondary{flex:1 1 0;}
	.hero-slick{width:auto;flex:1 1 auto;}
	.hero-projects{gap:2rem;}
	.hero-projects .hero-projects-left{display:block;width:calc(100% - 6.5rem);}
	.hero-projects p{word-spacing:normal;}
	.hero-slick .d-flex{padding:0 1rem;gap:1rem;}
	.hero-slick .slick-slide img{width:30%;}
	.intro-subtitle{position: relative;width:100%;margin-bottom: 3rem;margin-left:50%;}
	.intro-text{margin-top:12rem;width:80%;}
	.sustainability-top{flex-direction:column;gap:1rem;}
	.sustainability-content{flex-direction:column;gap:1rem;margin:5rem 0;}
	.sustainability-content img{width:100%;margin-bottom:1.5rem;}
	.featured-top .featured-paging span:first-child{padding:0 1rem;}
	.featured-slick{margin-top:6rem;}
	.featured-slick .featured-desc{min-height:auto;}
	.featured-slick .featured-desc h4{width:100%;}
	.featured-slick .featured-desc div{flex-direction:column;gap:1rem;}
	.featured-slick .featured-desc{gap:2rem;}
	.content-homepage .highlight-panel{margin-top:4rem;}
	.highlight-panel .highlight-content{margin:0 8% 5rem;}
	.highlight-panel .highlight-content h3{margin:8rem 0 5rem}
	
	.home-map{margin:0 1rem 3rem;}
	.home-map .taxonomy-category{width:50%;margin-left:1rem;}
}

@media (max-width:767.8px){
	.intro-summary{flex-direction:column;padding-bottom:5rem;gap:2rem;}
	.summary-list + .summary-list:before{display:none;}
	.section-top{flex-direction: column;gap: 2rem;padding-top:8rem;}
	.section-top p{width:100%;margin:0 auto;text-align:center;}
	.featured-slick .button{position: relative;width: auto;left: 0;margin: 2.2rem;}
	.featured-slick .slick-slide{width:100vw;}
	.featured-slick .featured-slide{margin:0 2.2rem;}
	.featured-slick .featured-slide img{width:100%;}
	.featured-slick .featured-desc{opacity:1;}
	.highlight-panel .highlight-content h3{margin:2rem 0 3rem}
	.highlight-panel .highlight-content{margin:0 5% 3rem;}
	.home-media .featured-slick .featured-desc{position:relative;top:0;left:0;margin:0;padding:2rem;width:100%;border-radius:0 0 .5rem .5rem;}
	.home-map .taxonomy-category{width:90%;}
}

@media (max-width:575.8px){
	.hero-nav{flex-direction:column;}
	.hero-nav .button-box.bg-primary{width:80%;flex:0 0 auto;}
	.hero-nav .button-box.bg-secondary{width:60%;flex:0 0 auto;}
	.hero-projects{flex-direction:column;}
	.hero-projects .hero-projects-left{width:100%;}
	.hero-slick .d-flex{flex-direction:column;}
	.hero-slick .slick-slide img{width:100%;}
	.hero-slick-arrow{width:100%;flex-direction:row;border:0;border-top:1px solid var(--color-secondary-40);height:4.5rem;}
	.hero-slick small{padding:0 1rem;margin:0;}
	.hero-slick-arrow i + i{border:none;border-left:1px solid var(--color-secondary-40);}
	.summary-list{font-size:1.3rem;}
	.sustainability-content h3{margin-bottom:3rem;}
	.sustainability-content p{font-size:1.6rem;width:100%;}
	.highlight-panel{flex-direction:column;margin-top:8rem;gap:2rem;}
	.highlight-panel small{margin-bottom:9rem;}
	.featured-slick{margin-top:4rem;}
	.home-map .taxonomy-category{margin-top:1rem;}
	.home-map .taxonomy-category div{padding:.2rem .5rem;}
}

/*Category*/
.content h1{font-size:clamp(3rem, 5.6vw, 9rem);margin:0 0 min(25rem, 30vh);line-height:1;word-break:break-word;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;padding-top:2.5rem;}
.content-category h1, .content-affiliates h1{word-spacing:100vw;}
.content-category .category-highlight p{padding:3.3rem 15% 3.3rem 50%;}
.highlight-post{background:var(--color-grey-2);display:flex;padding:1rem;}
.highlight-post > div{width:50%;}
.highlight-post .teaser-img-wrap{padding-right:2.2rem;}
.highlight-post img{width:100%;border-radius:.5rem;object-fit:cover;height:100%;}
.highlight-post .highlight-content{display:flex;flex-direction:column;padding:1rem 0 0 0;flex:1 1 auto;}
.highlight-post small{font-size:1.5rem;color:var(--color-primary);}
.highlight-post h5{font-size:clamp(2.5rem, 2.6vw, 4.2rem);margin:1.8rem 0;word-break:break-word;width:80%;font-weight:500;}
.highlight-content > div{display:flex;margin-top:auto;align-items:flex-end;}
.highlight-content .button-box{margin-left:auto;width:47%;max-width:37rem;flex:0 0 auto;margin-top:5rem;}
.highlight-content > div > div{flex:1 1 auto;}
.highlight-content .highlight-author{font-size:1.8rem;margin-top:.5rem;display:block;}
.category-nav{margin:9rem 0 2.1rem;padding:0 2.2rem;display:flex;gap:1.2rem;overflow-y:auto;margin-left:-2.2rem;margin-right:-2.2rem;}
.category-nav li{list-style:none;margin:0;padding:0}
.category-nav li a{display:block;padding:0 3rem;line-height:3.5rem;border:1px solid #000;border-radius:4rem;font-size:1.4rem;transition:all .4s;width:max-content;background:#fff;}
.category-nav li.cat-item-5 a{background:var(--color-tertiary);color:#060F11;border-color:var(--color-tertiary);}
.category-nav li a:hover,.category-nav li a.cur{background:#000;color:#fff;}
.post-list.row{--bs-gutter-y:6.6rem;}
.post-content{display:flex;flex-direction:column;height:100%;}
.post-content > div{font-size:1.8rem;cursor:pointer;position:relative;}
.post-content img{width:100%;border-radius:.5rem;padding:2px;}
.post-content .button-box{width:20%;height:0;transition:all .4s;overflow:hidden;position:absolute;right:1rem;bottom:1rem;z-index:1;padding:0;align-items:flex-start;}
.post-content:hover .button-box{width:35%;height:11rem;padding:1rem;}
.post-content:hover .button-box .icon-arrow-right::before{animation:anim-roll-x-right .5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.post-content:hover p:not(.teaser-bottom){text-decoration:underline;}
.post-content p{margin:0;padding:5px 0;font-size:1.8rem;word-break:break-word;}
.post-content .post-teaser{border-left:2px solid var(--color-border);margin:0;padding:8px 10px 0;;display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between;}
.post-content .teaser-bottom{margin-top:4.5rem;}
.post-content .teaser-bottom .bg-tertiary{padding:3px 9px;border-radius:5px;}

@media (max-width:1400px){
	.highlight-post h5{font-size:3.5rem;}
	.post-content p{font-size:1.7rem;}
}

@media (max-width:991.8px){
	.content-category .category-highlight p{padding-right:0;}
	.content h1{margin-bottom:max(7rem, 20vh);}
}

@media (max-width:767.8px){
	.highlight-post{flex-direction:column;}
	.highlight-post > div{width:100%;}
	.highlight-post .teaser-img-wrap{width:100%;max-width: 60rem;align-self:flex-start !important;margin-bottom:1rem;padding-right:0;}
	.highlight-content .button-box{margin-top:3rem;}
	.post-list.row{--bs-gutter-y:5rem;}
	.highlight-post h5{width:100%;max-width:60rem;}
}

@media (max-width:575.8px){
	.post-list.row{--bs-gutter-y:4rem;}
	.content-category .category-highlight p{padding-left:30%;}
	.highlight-post h5{font-size:2.8rem;}
	.post-content img{padding:0;}
}

/* Media*/
.single-post h1{text-align:center;margin:0 0 max(20rem, 30vh); padding-top:2.5rem;}
.single-post .post-top{display:flex;margin-bottom:2.1rem;font-size:1.5rem;align-items:flex-end;justify-content:space-between;align-items:center;}
.single-post .post-top .post-top-left{display:flex;align-items:center;}
.single-post .post-top p{margin:0 0 0 auto;font-size:1.8rem;width:50%;padding-right:10%;}
.single-content .wp-block-image{margin-bottom:9rem;}
.single-content .wp-block-image img{width:100%;}
.single-content p{max-width:100rem;width:80%;margin:0 auto;font-size:1.8rem;}
.single-media .single-content p{background:var(--color-secondary);padding:1rem 5rem;}
.single-media .single-content p:first-of-type{padding-top:8rem;}
.single-media .single-content p:last-child{padding-bottom:8rem;}
.single-author{font-size:1.8rem;display:flex;border-top:1px solid #E9E9E9;margin-top:15rem;padding-top:1.3rem;}
.single-author span{width:50%;flex:0 0 auto;}
.related-post .container-ex{display:flex;margin-top:12.5rem;margin-bottom:4.3rem;align-items:center;}
.related-post img{width:100%; height:auto;}
.related-post .related-title{width:55%;flex:0 0 auto;font-size:clamp(2.5rem, 2.68vw, 4.3rem);}
.related-post .post-content .teaser-bottom{margin-top:2.5rem;}

@media(max-width:1240px){
	.single-post h1{font-size:clamp(3.5rem, 6vw, 7rem);margin-bottom:9rem;}
}

@media (max-width:991.8px){
	.single-post .post-top p{padding-right:0;}
}

@media (max-width:767.8px){
	.single-post .post-top .post-top-left{width:100%;}
	.single-post .post-top p{order:-1;margin-top:-3rem;margin-bottom:8rem;width: 100%;}
	.single-author{margin-top:10rem;}
	.single-media .single-content p{padding:1rem 2rem;}
	.single-media .single-content p:first-of-type{padding-top:3rem;}
	.single-media .single-content p:last-child{padding-bottom:3rem;}
}

@media (max-width:575.8px){
	.single-content p{width:90%;}
	.single-content .wp-block-image{margin-bottom:5rem;}
	.related-post .container-ex{flex-direction: column;gap: 1.5rem;align-items:flex-start;}
}

/*Project*/
.teaser-img-wrap,.teaser-img-wrap .collection-img{position:relative;}
.teaser-img-wrap img{width:100%;}
.category-projects .teaser-img-wrap:before{display:block; content:'';position:absolute;width:100%;top:0;left:0;background:url(../images/home/collection_logos.png?1) no-repeat right top/30%;aspect-ratio:500/80;z-index:1;}
.category-projects .highlight-post .teaser-img-wrap:before{width:calc(100% - 2.2em);}
.teaser-img-wrap .collection-img:before{display:block; content:'';position:absolute;width:100%;top:0;left:0;background:linear-gradient(to bottom, #000, #00000000);aspect-ratio:500/90;border-radius:.5rem .5rem 0 0;}
.teaser-img-wrap .collection-logo{position:absolute;width:36%;top:0;left:0;background:url(../images/home/logo_bg.svg) no-repeat left top/100% 100%;padding:12px 5.7% 12px 12px; aspect-ratio:257/100; max-width:270px;}
.teaser-img-wrap .collection-logo img{width:100%;height:100%;object-fit:contain;}
.projects-button{display:flex;gap:1rem;}
.teaser-img-wrap .projects-button{position:absolute;bottom:1rem;right:3.2rem;left:3.2rem;flex-wrap:wrap;justify-content:flex-end;}
.category-projects .post-content .button-box{bottom:auto;top:1rem;}
.category-projects .highlight-post .teaser-img-wrap{align-self: center;}
.post-content .post-teaser-top{display:flex;justify-content:space-between;gap:1rem;}
.post-content .post-teaser-top p{margin:0;font-size:2.8rem;font-weight:500;line-height:1.3;margin-bottom:8.5rem;width:55%;flex:0 0 auto;}
.category-projects .post-content .taxonomy-category{padding-bottom:1.3rem;}
.post-projects{padding-top:min(18vh, 12rem);}
.post-projects .project-top{padding-bottom:min(20vh, 14rem);display:flex;align-items:center;gap:12rem;}
.content-projects h1{text-align:left;}
.content-projects .banner img{width:auto;max-width:none;}
.content-projects .projects-top{display:flex;justify-content:space-between;align-items:center;}
.taxonomy-category{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;}
.taxonomy-category div{border:1px solid #000;line-height:2.4rem;border-radius:.5rem;padding:0 .5rem;font-size:1.3rem;pointer-events:none;}
.content-projects figure.wp-block-image{margin-top:min(18vh, 10rem);margin-bottom:min(18vh, 10rem);}
.content-projects figure.wp-block-image.banner img{width: 100vw;height: auto;object-fit: cover;display: block;margin-left: calc(-50vw + 50%);max-width: none;}
.content-projects .extra-logos{width:61rem;margin:0 0 4.5rem !important;}
.content-projects h5{font-size:1.7rem;font-weight:normal;margin-bottom:6.2rem;}
.content-projects h3{font-family:Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.3;font-weight:normal;margin-bottom:3.3rem;}
.content-projects h2{font-family:Helvetica Neue, Helvetica, Arial, sans-serif;line-height:1.3;font-weight:500;margin-top:13rem;}
.content-projects p{width:60rem;max-width:80%;margin:0 0 2em 0;}
.content-projects .featured-slick{margin-bottom:20rem;overflow:hidden;}

@media (max-width:991.8px){
	.post-content .post-teaser-top p{max-width:70%;margin-bottom:6rem;}
	.post-projects .project-top{gap:10%;padding-bottom:9rem;}
	.content-projects figure.wp-block-image{margin-top:6rem;margin-bottom:6rem;}
	.content-projects h3{font-size:clamp(3rem, 4vw, 4.6rem);}
	.content-projects h2{font-size:clamp(2.8rem, 3.8vw, 4.3rem);}
	.content-projects .featured-slick{margin-top:5rem;}
}

@media (max-width:767.8px){
	.content-projects .projects-top{flex-direction:column;gap:1rem;align-items:flex-start;}
	.content-projects .projects-top .projects-button{margin-left:auto;}
}

@media (max-width:575.8px){
	.post-projects{padding-top:6rem;}
	.teaser-img-wrap .projects-button{left:1rem;right:1rem;}	
	.post-content .post-teaser-top p{margin-bottom:4rem;}
	.post-projects .project-top{justify-content:space-between;}
	.content-projects p{max-width:100%;}
}

/*affiliates*/
.content-affiliates{width:100%;overflow-x:hidden;}
.landing-section{min-height:calc(var(--100vh) - var(--header-height));display:flex;flex-direction:column;justify-content:space-between;position:relative;}
.landing-section .affiliates-hero{display:flex;padding-bottom:4rem;justify-content:flex-end}
.landing-section .affiliates-hero > *{width:50%;flex:0 0 auto;}
.landing-section .affiliates-hero p{width:70%;font-size:1.8rem;}
.affiliates-hero .button{margin-top:3.5rem;}
.affiliates-scroll{display:flex;align-items:flex-end;gap:7.5vw;font-size:1.6rem;}
.affiliates-more{padding:9rem 5% 0 50%;font-size:2.8rem;font-weight:500;}
.list-top{display:flex;margin:13rem 0 5rem;align-items:flex-start;font-size:1.6rem;}
.list-top .list-total{width:35%;flex:0 0 auto;justify-content:space-between;display:flex;align-items:center;}
.affiliates-list{margin-top:22rem;}
.affiliates-item{display:flex;border-top:1px solid #848484;padding:1.2rem 0 3rem;}
.aff-numbers{font-size:clamp(5rem, 15vw, 24rem);;line-height:1;line-height: .8;letter-spacing: -.07em;width:35%;flex:0 0 auto;padding-right:4rem;}
.aff-numbers img{width:32%;flex:0 0 auto;padding-right:4rem;}
.aff-inner{font-size:1.6rem;flex:1 1 auto;padding-right:4rem;}
.aff-inner h4{font-size:3rem;font-weight:500;margin-bottom:4rem;}
.aff-inner .d-flex{justify-content:space-between;}
.aff-img{width:22%;flex:0 0 auto;padding-bottom:3rem;}
.aff-img img{width:100%;}
.aff-logo{width:24%;flex:0 0 auto;padding-right:5%;}
.aff-logo img{max-width:260px;max-height:106px;}

@media(max-width:1400px){
	.aff-numbers,.list-top .list-total{width:30%;}
}

@media(max-width:1240px){
	.aff-numbers,.list-top .list-total{width:25%;}
}

@media (max-width:991.8px){
	.landing-section .affiliates-hero > *{margin-left:auto;}
	.landing-section .affiliates-hero p{width:100%;}
	.affiliates-more{padding-left:30%;}
	.aff-inner{padding-right:3rem;}
	.aff-logo{width:40%; max-width:250px;margin-bottom:2rem;}
	.aff-inner h4{margin-bottom:2rem;}
}
@media (max-width:767.8px){
	.landing-section .affiliates-hero > *{width:70%;}
	.list-top{flex-direction:column;gap:1rem;}
	.aff-numbers, .list-top .list-total{width:100%;max-width:30rem;}
	.affiliates-more{padding-left:20%;}
	.affiliates-item{flex-direction:column;}
	.aff-inner{padding-right:0;}
	.aff-inner .d-flex{align-items:center;margin-bottom:1rem;}
	.aff-inner img{margin:0;}
	.aff-img{padding-top:2rem;width:70%;max-width:40rem;}
}

@media (max-width:575.8px){
	.affiliates-more{padding-left:10%;font-size:2.5rem;}
}

/*contact*/
.content-contact{padding-top:2rem;}
.contact-main{display:flex;}
.contact-form{width:58%;flex:0 0 auto; padding-right:2rem;position:relative;}
.contact-form form.submitted{opacity:0;}
.wpcf7-spinner{margin-top: -30px;display: block;left: 40%;}
.thank-you{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;font-size:2.4rem;text-align:center;}
.contact-top{display:flex;gap:2rem;margin-bottom:7.8rem;}
.contact-top > *{flex:1 1 0;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;}
label{font-weight:600;margin-bottom:.3rem;width:100%;}
input, textarea{background:transparent;border:none;outline:none;border-bottom:1px solid #000;height:3.5rem;width:100%;border-radius:0;}
textarea{height:auto;}
.form-wrap{display:flex;flex-wrap:wrap;}
.form-wrap > div{margin-top:2.5rem;width:calc(50% - 2rem);}
.form-wrap > div.w-100{margin-top:3.5rem;}
.form-wrap > div:nth-child(2n):not(.w-100){margin-left:4rem;}
.wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:4rem;}
.wpcf7-list-item{display:flex;align-items:center;gap:1rem;margin:0;margin-top:1rem;}
.wpcf7-list-item input{width:2rem;flex:0 0 auto;}
.wpcf7-list-item input[type="checkbox"]{width:2rem;height:2rem;}
.wpcf7-acceptance label{display:flex;align-items:flex-start;gap:1rem;font-size:1.3rem;font-weight:400;padding-top:.5rem;}
input[type="submit"], input[type="submit"]:hover{width:100%;background:var(--color-secondary);color:#000;margin-top:7rem;border-color:var(--color-secondary)}
input[type="submit"][disabled]{opacity:.7;}
.contact-img{width:42%;padding-left:2rem;border-left:1px solid var(--color-border);position:relative;}
.contact-img img{width:100%;height:100%;border-radius:.5rem;object-fit:cover;}
.contact-img .contact-office{position:absolute;bottom:1rem;left:3rem;right:1rem;border-radius:.5rem;background:#fff;display:flex;font-size:1.6rem;gap:1rem;overflow:hidden;}
.contact-img .contact-infos{display:flex;flex:1 1 auto;gap:1rem;}
.contact-img .contact-infos > div:first-child{padding:2.2rem 1rem;flex:1 1 auto;}
.contact-img .contact-office h4{font-size:1.8rem;font-weight:600;margin-bottom:1.2rem;}
.contact-img .contact-phones{align-self:center;flex:1 0 auto;}
.contact-img .contact-phones > div{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;}
.contact-img .contact-phones i{border-radius:.5rem;background:var(--color-secondary);display:flex;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;color:#121208;flex:0 0 auto;}
.contact-location{display:flex;flex-direction:column;border-left:1px solid#EEEEEE;background:var(--color-tertiary);color:#121208;flex:0 0 auto;}
.contact-location > div{flex:1 1 0;display:flex;justify-content:center;align-items:center;padding:1.2rem;font-size:2rem;transition:all .4s;}
.contact-location > div + div{border-top:1px solid #EEEEEE;}
.contact-location > div:hover{background:var(--color-secondary);}
.contact-location > div i{transition:all .4s;}
.contact-location > div:hover i{padding-top:1rem;}
.contact-location > div + div:hover i{padding-top:0;padding-bottom:1rem;}
.sales-top{margin:13rem 0 8rem;display:flex;align-items:center;}
.sales-top > *{width:50%;flex:0 0 auto;}
.sales-top h3{font-family:"Avenir Next";font-weight:500;}
.sales-top .list-top-right{padding-right:20%;font-size:1.8rem;}
.sales-list .row{--bs-gutter-x:.6rem;--bs-gutter-y:1.1rem;}
.sales-list .sales-item{display:flex;height:100%;flex-direction:column;background:#fff;}
.sales-list img{border-radius:.5rem;}
.sales-list .sales-inner{padding:1.6rem 1.8rem;flex:1 1 auto;font-size:1.6rem;line-height:1.1;}
.sales-inner h5{font-weight:600;font-size:1.8rem;margin-bottom:3.4rem;min-height: 6.4rem;text-transform:uppercase}
.sales-inner div{display:flex;gap:1rem;margin:3rem 0 1.8rem;align-items:center;}
.sales-inner i.icon-phone{border-radius:.5rem;background:var(--color-secondary);display:flex;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;color:#121208;flex:0 0 auto;}
.sales-item .contact-location{flex-direction:row;border:none;}
.sales-item .contact-location div{border-top:1px solid #eee;height:4.5rem;}
.sales-item .contact-location div + div{border-left:1px solid #eee;}
.sales-item .contact-location div:hover i, .sales-item .contact-location div + div:hover i{padding:0;padding-bottom:.5rem;}

@media (max-width:1240px) and (min-width: 992px), (max-width:575.8px){
	.contact-img .contact-infos{flex-direction:column;gap:0;}
	.contact-img .contact-infos > div:first-child{padding-bottom:1rem;}
	.contact-img .contact-phones{align-self:flex-start;padding:0 1.1rem;}
	.contact-img .contact-phones > div{margin:1rem 0;}
}

@media (max-width:991.8px){
	.contact-main{flex-direction:column;}
	.contact-form{width:100%;padding-right:0;}
	.contact-img{width:100%;padding-left:0;border:0;}
	.sales-top .list-top-right{padding-right:7%;}
}

@media (max-width:767.8px){
	.sales-top{flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:5rem;}
	.sales-top > *{width:100%;}
	.contact-top{flex-direction:column;gap:1rem;margin-bottom:4rem;}
	.wpcf7-checkbox{gap:2.5rem;}
	.wpcf7-list-item{gap:.7rem;}
	.contact-img .contact-office{position:relative;left:0;top:0;border-radius:0 0 .5rem .5rem;}
	.contact-top h3{font-size:2.5rem;}
}
@media (max-width:575.8px){
	.sales-inner h5{min-height:auto;}
}

/* about */
.content-about{position:relative;}
.content-about h2{width:48%;margin-bottom:min(20vh, 15rem);}
.content-about h4{font-size:1.8rem; width:80%;line-height:1.25;text-align:justify;}
.content-about h5{font-size:1.5rem; border-top:1px solid #000; width:28%;margin-bottom:3rem;margin-top:min(20vh, 15rem);}
.content-about h5 span, .content-about h5.title-fluid span{display:block;background: var(--color-tertiary);padding: 0 1.9rem;line-height: 4rem;border-radius: 0 0 1rem 1rem;width: max-content;}
.content-about .wp-block-column h2{width:100%;margin-bottom:min(20vh, 10rem);}
.content-about p{padding-left:51%;margin-bottom:1.5em;font-size:clamp(1.8rem, 1.62vw, 2.6rem);font-weight:500;text-align:justify;}
.about-list{display:flex; gap:2rem; flex-wrap:wrap;}
.about-item{background:#fff;padding:2rem;border-radius:1.6rem;width:calc(25% - 1.5rem);display:flex;flex-direction:column;}
.about-item .about-title{font-size:2.2rem;line-height:1.1;margin-bottom:min(15vh, 17rem);}
.about-item p{font-size:1.6rem;padding-left:34%;margin:auto 0 0;text-align:left;}
.content-about h5.title-fluid{width:29%;}
.content-about h2.title-fluid{width: 100%;text-indent: 30%;margin-top: -7.5rem;}
.button-flex{display:flex; gap:2.5rem;justify-content:flex-end;}
.button-flex .button-box{width:37rem; max-width:calc(50% - 1.25rem);}

@media (max-width:991.8px){
	.about-item{width:calc(50% - 1rem);}
	.about-item .about-title{margin-bottom:5rem;}
}
@media (max-width:767.8px){
	.content-about p{padding-left:0;}
	.content-about h2{width:80%;line-height:1.15;}
	.content-about h5, .content-about h5.title-fluid{width:100%;}
	.content-about h2,.content-about .wp-block-column h2{margin-bottom:7rem;}
	.content-about h4{margin-bottom:4rem;}
	.content-about h2.title-fluid{text-indent:0; margin-top:0;}
}
@media (max-width:575.8px){
	.about-item{width:calc(100%);}
}

/*awards*/
.content-awards{/*background:url(../images/bg.jpg) center top/100% no-repeat;*/position:relative;width:100%;overflow-x:hidden;}
.content-awards h2{margin-bottom:min(20vh, 15rem);}
.content-awards h5{font-size:1.5rem; border-top:1px solid #000; width:30%;margin-bottom:3rem;margin-top:min(20vh, 15rem);}
.content-awards h5 span{display:block;background: var(--color-tertiary);padding: 0 1.9rem;line-height: 4rem;border-radius: 0 0 1rem 1rem;width: max-content;}
.awards-table-wrap{margin-top:min(20vh, 15rem);display:flex;}
.awards-table-img{width:25%; flex:0 0 auto; position:sticky;top:0;z-index: 10;padding:2rem 2rem 0;}
.awards-table-img span{display:block;margin-top:1.5rem;}
.awards-table-wrap table{width:100%; margin-left:auto; flex: 0 0 auto;font-size:2rem;}
.awards-table-wrap thead{border-bottom:1px solid #000;}
.awards-table-wrap th{padding:1em 3em;font-weight:normal;}
.awards-table-wrap td{padding:1em 3em;vertical-align: top;}
.awards-table-wrap td:first-child, .awards-table-wrap th:first-child{padding-left:2rem;}
.awards-table-wrap td:nth-child(2){font-weight:bold;}
.awards-table-wrap tr:hover{background:var(--color-secondary);}
.awards-table-wrap thead tr:hover{background:transparent;color:#000;}
.content-awards .awards-gallery{position:relative;}
.content-awards .awards-gallery .bottom-arrows{position:absolute;right:0;bottom:0;z-index:10;}
.content-awards .awards-gallery .bottom-arrows i{display:block;width:6.5rem;height:6.5rem;display:flex;justify-content:center;align-items:center;background:#fff;color:#121208;font-size:2rem;padding:0;cursor:pointer;}
.content-awards .awards-gallery .bottom-arrows i + i{background:var(--color-secondary);}
.content-awards .awards-gallery img{width:100%;}

@media (max-width:767.8px){
	.content-awards h2{margin-bottom:min(20vh, 7rem);}
	.awards-table-wrap{margin-top:min(20vh, 7rem); overflow-y:auto;}
	.awards-table-wrap table{width:100%; min-width:500px; }
	.content-awards .awards-gallery .bottom-arrows i{width:4rem;height:4rem;font-size:1.4rem;}
}


/*milestone*/
.ctl-wrapper{width:81%;max-width:1030px;margin-left:auto;margin-right:auto;}
.milestone-nav{display:flex;justify-content:center;gap:10px;}
.milestone-nav a{color:#000;background:#fff;border:1px solid #000;line-height:35px;font-size:13px;padding:0 25px;border-radius:40px;}
.milestone-nav a.current{color:#fff;background:#000;}
.content-milestone{position:relative;width:100%;overflow-x:hidden;}
.content-milestone h2{margin-bottom:min(20vh, 15rem);}
.content-milestone h5{font-size:1.5rem; border-top:1px solid #000; width:30%;margin-bottom:3rem;margin-top:min(20vh, 15rem);}
.content-milestone h5 span{display:block;background: var(--color-tertiary);padding: 0 1.9rem;line-height: 4rem;border-radius: 0 0 1rem 1rem;width: max-content;}
.ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title{background: var(--color-secondary) !important;color:var(--color-text)；font-size：2rem;}
.content .ctl-wrapper .ctl-vertical-wrapper .ctl-arrow,
.ctl-wrapper .ctl-vertical-wrapper .ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-arrow{background: var(--color-secondary) !important;}
.ctl-wrapper .ctl-label-big, .ctl-wrapper .ctl-label-big a{font-size:2rem !important;}
.ctl-story img{border-radius:.5rem;}
.ctl-wrapper .ctl-description{padding:10px 10px 3rem !important;}
.ctl-wrapper .ctl-description p{line-height:1.25;}
.ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icondot{background: url(../images/icons/icon-house.svg) no-repeat center/100% !important;width: 4rem;height: 4rem;top:4px;left: -6rem;}
.content .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-icondot{right:-6rem;}
.ctl-wrapper .ctl-year-text{font-size:2rem !important;}

@media (max-width: 767px){
	.ctl-wrapper{width:100% !important;}
	.content-milestone h2{margin-bottom:min(20vh, 7rem);}
	.content-milestone h5{width:100%;}
	.ctl-wrapper .ctl-vertical-wrapper .ctl-labels~.ctl-icondot{top: 5.5rem !important;left: -7rem !important;}
	.ctl-story img{margin-bottom:1em !important;}
}
@media only screen and (max-width: 767px) {
  .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-labels~.ctl-arrow, .ctl-wrapper .ctl-vertical-wrapper:not(.ctl-compact-wrapper) .ctl-story.ctl-story-left .ctl-labels~.ctl-arrow{background:var(--color-secondary) !important;}
	.ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title{font-size:1.6rem;}
	.ctl-wrapper .ctl-label-big, .ctl-wrapper .ctl-label-big a{font-size:1.6rem !important;}
	.ctl-wrapper .ctl-year-text{font-size:1.8rem !important;}
}

/*terms*/
.content-terms h1{width:40%;}
.content-terms .container-ex{max-width:1000px;font-size:1.8rem;padding:8rem 5rem;text-align:justify;background:var(--color-secondary);}
.content-terms .container-ex h5{font-size:1em; margin:2em 0 1em;font-weight:700;}
.content-terms .container-ex h5:first-child{margin-top:0}
.content-terms .container-ex p:not(:last-child){margin-bottom:1em;}

@media (max-width: 767px){
	.content-terms .container-ex{padding:3rem 2rem;font-size:1.6rem;}
}

/* sustainability */
.content-sustainability{position:relative;}
.content-sustainability h2{width:48%;margin-bottom:min(20vh, 15rem);}
.content-sustainability h4{font-size:1.8rem; width:80%;line-height:1.25;text-align:justify;}
.content-sustainability h5{font-size:1.5rem; border-top:1px solid #000; width:28%;margin-bottom:3rem;margin-top:min(20vh, 15rem);}
.content-sustainability h5 span, .content-about h5.title-fluid span{display:block;background: var(--color-tertiary);padding: 0 1.9rem;line-height: 4rem;border-radius: 0 0 1rem 1rem;width: max-content;}
.content-sustainability .wp-block-column h2{width:100%;margin-bottom:min(20vh, 10rem);}
.content-sustainability p{padding-left:51%;margin-bottom:1.5em;font-size:clamp(1.8rem, 1.62vw, 2.6rem);font-weight:500;text-align:justify;}
.reports-list,.cert-list{display:grid; grid-template-columns: repeat(4, 1fr);}
.df-popup-thumb{width:calc(100% - 30px) !important;}
.df-popup-thumb .df-book-title{display:none !important;}
.df-container .df-bg{background-color:var(--bg) !important;}


@media (max-width:767.8px){
	.content-sustainability p{padding-left:0;}
	.content-sustainability h2{width:80%;line-height:1.15;}
	.content-sustainability h5, .content-about h5.title-fluid{width:100%;}
	.content-sustainability h2,.content-about .wp-block-column h2{margin-bottom:7rem;}
	.content-sustainability h2.title-fluid{text-indent:0; margin-top:0;}
	.reports-list,.cert-list{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:575.8px){
	.reports-list,.cert-list{grid-template-columns: repeat(2, 1fr);}
	div .df-popup-thumb{width:calc(100% - 16px) !important;margin:30px 8px 15px!important}
	.content-sustainability h5.reports-h5{margin-top:min(15vh, 10rem)}
}

/* career */
.content-career{position:relative;}
.content-career h2{width:48%;margin-bottom:min(20vh, 15rem);}
.content-career h4{font-size:1.8rem; width:80%;line-height:1.25;text-align:justify;margin-bottom:1em;}
.content-career h5{font-size:1.5rem; border-top:1px solid #000; width:28%;margin-bottom:3rem;margin-top:min(20vh, 15rem);}
.content-career h5 span, .content-about h5.title-fluid span{display:block;background: var(--color-tertiary);padding: 0 1.9rem;line-height: 4rem;border-radius: 0 0 1rem 1rem;width: max-content;}
.content-career .wp-block-column h2{width:100%;margin-bottom:min(20vh, 10rem);}

.jobs-table{width:100%;}
.jobs-thead, .jobs-row{display:flex; gap:3%;}
.jobs-thead{border-bottom:1px solid #848484;padding:2rem 0;font-size:1.6rem;align-items:flex-start;}
.jobs-row{border-bottom:1px solid #84848433;padding:2rem 0;font-size:2rem;align-items:flex-start;}
.jobs-type .icon-arrow-left{width:2.4rem;height:2.4rem;font-size:1.2rem;background:var(--color-secondary);color:#000;border-radius: 50%;display: flex;justify-content: center;align-items: center;padding: 0;transform: rotate(270deg);cursor:pointer;transition:transform .5s;flex:0 0 auto;}
.jobs-position{width:30%; flex:0 0 auto;}
.jobs-content{width:40%; flex:0 0 auto;padding-left:4rem;position:relative;}
.jobs-type{width:30%; display:flex;justify-content:space-between;align-items:center;}
.jobs-desc {font-size:1.5rem; display:none;}
.jobs-row.expand{background:var(--color-secondary);padding:4rem 0;border-radius:1rem;}
.jobs-row.expand .jobs-position{padding-left:2rem;}
.jobs-row.expand .jobs-type{padding-right:2rem;}
.jobs-row.expand .jobs-type .icon-arrow-left{background:#000;color:var(--color-secondary);transform: rotate(90deg);}
.jobs-row.expand .jobs-desc.cur{display:block;}
.jobs-desc h3{font-size:1em;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:bold;margin:2em 0;}
.jobs-location{display:flex;gap:3rem;align-items:center;min-width:20rem;width:max-content;position:relative;}
.jobs-location .icon-arrow-left{width:2.4rem;height:2.4rem;font-size:1.2rem;display: flex;justify-content: center;align-items: center;padding: 0;transform: rotate(270deg);cursor:pointer;transition:all .5s;}
.jobs-content .location-drop{display:none;position:absolute; top: calc(100% + 1rem); background: #fff;padding: .4rem;margin: 0 -3rem;border-radius:1rem;width:calc(100% + 6rem);z-index:1;}
.jobs-content .location-drop div{border-radius:.8rem;padding:.5rem 2.6rem;cursor:pointer;}
.jobs-content .location-drop div.active{background:var(--color-secondary);}
.jobs-content.expand .location-drop{display:block;}
.jobs-content.expand .icon-arrow-left{transform: rotate(90deg);}
.locationToggle,.rowToggle{cursor:pointer;}
.jobs-row.expand .jobs-location span{font-weight:bold;}
.jobs-content .button.bg-tertiary{margin-top:3rem;}

@media (max-width:767.8px){
	.content-career h2{width:80%;line-height:1.15;}
	.content-career h5, .content-about h5.title-fluid{width:100%;}
	.content-career h2,.content-about .wp-block-column h2{margin-bottom:7rem;}
	.content-career h2.title-fluid{text-indent:0; margin-top:0;}
	
	.jobs-table{border-top:1px solid #848484;margin-top: 5rem;}
	.jobs-thead{display:none !important;}
	.jobs-row{flex-direction:column;font-size:1.6rem;}
	.jobs-row > * {width:100%;padding:0 !important;}
	.jobs-position{font-weight:bold;font-size:1.8rem;max-width: calc(100% - 3.5rem);}
	.jobs-content{padding-left:0;}
	.jobs-content .location-drop{margin: 0 0 0 -2rem;top: calc(100% + .5rem);width: 100%;}
	.jobs-location{padding: .5rem 1rem .5rem 2rem;background: #ffffff90;border-radius: 1rem;margin: 1rem 0;justify-content: space-between;}
	.jobs-type .icon-arrow-left{width:2.8rem;height:2.8rem;font-size:1.5rem;}
	.jobs-type{order:-1;}
	.jobs-row.expand{padding:3rem 2rem;}
}

/*promises*/
.content-simple h5{font-size:1.5rem; border-top:1px solid #000; width:56%;}
.content-simple h5 span{display:block;background: var(--color-tertiary);padding: 0 1.9rem;line-height: 4rem;border-radius: 0 0 1rem 1rem;width: max-content;}
.content-simple .wp-block-columns,.content-simple h2{max-width:1300px;margin:4rem auto;}
.content-simple .wp-block-columns{margin-top:10rem;}
.content-simple .wp-block-gallery.has-nested-image{max-width:1600px;margin:0 auto;}
.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){flex-grow:0;}
.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{opacity:0;width:100%;height:100%;background:var(--color-secondary);text-shadow:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 30% 1.5rem 1.5rem;color:#000;font-size:1.5rem;text-align:left;flex-grow:0;transition:all .5s;}
.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image:hover figcaption{opacity:1;}
.content-simple figure.wp-block-gallery.has-nested-images{gap:2rem;--wp--style--unstable-gallery-gap:2rem;}
.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before{display:none !important;}

.content-simple h5.liveability span,.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image figcaption.liveability{background:var(--color-secondary);}
.content-simple h5.quality span,.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image figcaption.quality{background:#80A2F9;}
.content-simple h5.safetysecurity span,.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image figcaption.safetysecurity{background:#3652A4;color:#D6E263;}


@media (max-width: 450px){
	.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100%;}
	.content-simple .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{padding:1.5rem;}
}