:root{--color-primary:#60B5D4;--color-secondary:#EDCD00;--color-black:#272727;--color-white:#F5F5F5;--color-primary-dark:#4699b7;--color-secondary-dark:#dabd01;--radius30:30px;--radius20:20px;--fullradius:80px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.flexbox{display:flex;flex-wrap:wrap}.boxed{max-width:1300px;margin-left:auto;margin-right:auto}.page-section{gap:30px;margin-bottom:60px;@media all and (min-width:1180px){margin-bottom:90px}@media all and (min-width:1366px){margin-bottom:120px}}.radius30{border-radius:30px}.radius20{border-radius:20px}.radius10{border-radius:10px}.show-large{@media all and (max-width:1023px){display:none!important}}.hide-large{@media all and (min-width:1024px){display:none!important}}.bg-black{background-color:var(--color-black);color:var(--color-white)}.bg-gradient{background-image:linear-gradient(#DBE6F1 0%,#F0F6FF 100%)}body{font-family:"Poppins",sans-serif;font-weight:400;font-style:normal;padding:30px}h1,h2{font-size:30px;font-weight:700;line-height:1.3em;@media all and (min-width:768px){font-size:40px}}h1{margin-bottom:30px}h2{margin-bottom:20px}h3{font-weight:600;font-size:18px;margin-bottom:10px;@media all and (min-width:1180px){font-size:20px}}p{margin-bottom:30px}.text-center{text-align:center}.button{border-radius:80px;font-weight:700;padding:20px 30px;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease-in-out,transform .3s ease-in-out;&:hover{transform:translateX(-2px) scale(1.05)}&.primary{background-color:var(--color-primary);color:#F5F5F5;&:hover{background-color:var(--color-primary-dark)}}&.secondary{background-color:var(--color-secondary);color:#272727;&:hover{background-color:var(--color-secondary-dark)}}}.icon{display:block;background-image:url(../img/icons/sprite.svg)}.button .icon{width:24px;height:24px;margin-right:10px}.icon.play{background-position:-24px -24px}.buttons{gap:20px;li{@media all and (max-width :767px){flex:1;min-width:100%}}}.nav{gap:30px;a{text-decoration:none;&:after{display:block;content:"";width:100%;height:1px;background-color:var(--color-black);transform-origin:right;transition:transform .3s ease-out;transform:scaleX(0)}&:hover{&:after{transform:scaleX(1);transform-origin:left;transition:transform .3s ease-in}}}}.nolist{list-style-type:none}img{max-width:100%;height:auto}.hero{.left-side{padding:30px;width:100%;display:flex;flex-direction:column;justify-content:space-between;@media all and (min-width:768px){padding:60px}@media all and (min-width:1024px){width:66.6%}@media all and (min-width:1366px){width:58%}@media all and (min-width:1600px){padding:90px}.content{margin-bottom:auto;margin-top:auto;max-width:700px}}.right-side{@media all and (min-width:1024px){width:calc(33.3% - 30px);img{height:100%;object-fit:cover}}@media all and (min-width:1366px){width:calc(42% - 30px)}}.header{align-items:center;gap:60px;margin-bottom:40px}.nav a{color:var(--color-black)}}.contact-main{position:absolute;right:40px;top:40px;@media all and (min-width:768px){right:60px;top:60px}}.section-prelude{.left-side,.right-side{@media all and (min-width:768px){width:calc(50% - 15px)}}.left-side p{position:relative;z-index:1}.left-side img{transform:translateY(-60px);z-index:-1;@media all and (max-width:768px){max-width:none;width:100vw;margin-left:-30px;margin-right:-30px}@media all and (min-width:768px){transform:translateY(-60px) translateX(-20px) scale(1.2)}}.right-side{position:relative}.arguments,.cta{@media all and (min-width:1180px){max-width:80%;margin-left:auto;margin-right:auto}}.arguments{display:flex;flex-direction:column;align-items:stretch;li{flex:1;display:flex;padding:10px;@media all and (min-width:768px){min-height:155px}}li:not(:nth-last-of-type(1)){margin-bottom:20px}img{width:30%;object-fit:cover}.content{width:70%;padding:0 20px 20px;@media all and (min-width:768px){padding:10px 20px}}p{font-size:14px;margin-bottom:0;@media all and (min-width:1180px){font-size:16px}}}.cta{margin-top:50px}}.section-ecoquartier{padding:30px;.carousel{gap:15px}.carousel .item{position:relative;width:100%;h3{position:absolute;bottom:15px;left:15px;color:var(--color-white)}}@media all and (max-width:639px){.carousel img{width:100%;aspect-ratio:16 / 9;object-fit:cover}}@media all and (min-width:640px){.carousel .item{width:calc(50% - 10px)}}@media all and (min-width:768px){padding:60px;.carousel .item{width:calc(100% / 3 - 10px)}}@media all and (min-width:1180px){.titles{width:55%}.infos{width:45%;text-align:right}.carousel .item{width:calc(100% / 3 - 10px)}}}.cta-fullpage{margin-left:-30px;margin-right:-30px;padding:90px 60px;background-image:url(../img/bg-cta.jpg);background-size:cover;color:var(--color-white);@media all and (min-width:1366px){min-height:600px;display:flex;align-items:center;justify-content:center}.content{flex-direction:column;align-items:center;max-width:650px;margin:0 auto;p{max-width:520px}}.button{margin-top:60px}}.city-numbers{.cols{width:100%;gap:30px}.header{width:100%;align-items:center;justify-content:space-between;h2{@media all and (min-width:1024px){max-width:calc(100% - 300px)}}.button{transform:translateY(-10px)}}.item{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(50% - 15px);@media all and (min-width:768px){padding:40px;width:calc(25% - 23px)}@media all and (min-width:1180px){padding:60px}}.item-title{font-weight:700;font-size:30px;line-height:1.3em;@media all and (min-width:768px){font-size:40px}}.item-content{text-align:center;@media all and (min-width:768px){font-size:20px}@media all and (min-width:1180px){font-size:24px}}.icon{width:90px;height:90px;margin-bottom:10px;&.people{background-position:-96px 0}&.school{background-position:-186px -90px}&.bag{background-position:-276px 0}&.mask{background-position:-364px -90px}}.buttons{width:100%}}.around{background-image:url(../img/bg-around.jpg);background-size:contain;background-repeat:no-repeat;background-position:center bottom;margin-left:-30px;margin-right:-30px;padding-bottom:140px;@media all and (min-width:1366px){background-size:cover;padding-bottom:240px}.header,.content{padding-left:30px;padding-right:30px}.content{justify-content:center;gap:60px}.item{gap:15px;p{margin-bottom:0}strong{font-size:20px}@media all and (max-width:767px){text-align:center;justify-content:center}@media all and (min-width:768px){width:calc(50% - 30px);.text{max-width:calc(100% - 140px)}}@media all and (min-width:1180px){width:calc(100%/3 - 40px);.text{max-width:calc(100% - 105px)}}}.number{display:flex;align-items:center;justify-content:center;width:70px;height:70px;font-size:46px;font-weight:700;border-radius:80px;@media all and (min-width:1366px){width:80px;height:80px;font-size:60px}}}.partners a,.partners span{width:calc(100%/3 - 20px);@media all and (min-width:768px){width:calc(100%/6 - 25px)}}.partners a{transition:transform .3s;&:hover{transform:scale(1.07) translateY(-2px)}}footer{margin-left:-30px;margin-right:-30px;padding:30px;justify-content:space-between;align-items:center;.nav a{color:var(--color-white);&:after{background-color:var(--color-white)}}ul{@media all and (max-width:1023px){width:100%;align-items:center;justify-content:center;&:nth-of-type(1){margin-bottom:30px}}}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);display:flex;align-items:center;justify-content:center;transition:opacity .3s ease-in-out;&.hidden{opacity:0;pointer-events:none}}.modal-content{background:var(--color-white);padding:30px;position:relative;max-width:90%;transition:transform .6s .2s ease-in-out;&.hidden{opacity:0;transform:scale(0);transition:none}}.modal video{max-width:100%;height:auto}.close{cursor:pointer;display:block;position:absolute;width:60px;height:60px;border-radius:40px;background-color:var(--color-primary);right:-30px;top:-30px;font-size:0;&:before,&:after{display:block;content:"";width:30px;height:4px;border-radius:4px;background-color:var(--color-white);position:absolute;top:calc(50% - 2px);left:calc(50% - 15px)}&:before{transform:rotate(45deg)}&:after{transform:rotate(-45deg)}}