@font-face{
font-family:'ABCDiatype-Bold';
src:url('../font/ABCDiatype-Bold.eot');
src:url('../font/ABCDiatype-Bold.eot?#iefix') format('embedded-opentype'), url('../font/ABCDiatype-Bold.woff2') format('woff2'), url('../font/ABCDiatype-Bold.woff') format('woff'), url('../font/ABCDiatype-Bold.svg#ABCDiatype-Bold') format('svg');
font-weight:bold;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'ABCDiatype-Heavy';
src:url('../font/ABCDiatype-Heavy.eot');
src:url('../font/ABCDiatype-Heavy.eot?#iefix') format('embedded-opentype'), url('../font/ABCDiatype-Heavy.woff2') format('woff2'), url('../font/ABCDiatype-Heavy.woff') format('woff'), url('../font/ABCDiatype-Heavy.svg#ABCDiatype-Heavy') format('svg');
font-weight:800;
font-style:normal;
font-display:swap;
}

@font-face{
font-family:'../font/ABCDiatype-Regular';
src:url('../font/ABCDiatype-Regular.eot');
src:url('../font/ABCDiatype-Regular.eot?#iefix') format('embedded-opentype'), url('../font/ABCDiatype-Regular.woff2') format('woff2'), url('../font/ABCDiatype-Regular.woff') format('woff'), url('../font/ABCDiatype-Regular.svg#ABCDiatype-Regular') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}

:root{
--font:"ABCDiatype-Regular",Arial, sans-serif;
--font-bold:"ABCDiatype-Bold", Arial, sans-serif;
--font-it:"ABCDiatype-Regular", Arial, sans-serif;
--font-bold-it:"ABCDiatype-Bold", Arial, sans-serif;
--font-spe:"ABCDiatype-Heavy", Arial, sans-serif;
--noir:#000;
}

*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
outline:none;
}

html{overflow-x:hidden;}

html.lg-on{overflow-y:hidden;}

body{
width:100%;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
color:var(--noir);
background-color:#fff;
}

body, button{
font-family:var(--font);
font-size:18px;
line-height:22px;
}

button, a{cursor:pointer;}

button{
background:transparent;
border:none;
}

a, a:hover, a:focus{
color:inherit;
border:0;
text-decoration:none;
}

video{
max-width:100%;
height:auto;
}

table{border-collapse:collapse;}

img{
border:none;
max-width:100%;
image-rendering:auto;
display:block;
}

img.sizeimg{height:auto;}

svg{
display:block;
max-width:100%;
height:auto;
}

figure{
padding:0;
margin-block-start:0;
margin-block-end:0;
margin-inline-start:0;
margin-inline-end:0;
}

address{font-style:normal;}

ul{list-style-type:none;}

ul, ol{list-style-position:inside;}

label{display:block;}

canvas{-ms-touch-action:double-tap-zoom;}

h1, h2, h3, h4, h5{
font-weight:normal;
display:inline-block;
font-size:inherit;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time, address{display:block;}

sup, sub{text-transform:none;}

.clrb{clear:both;}

body.nav_chrome img{image-rendering:-webkit-optimize-contrast;}

/*******>PANELS*********/
#panels-container .section{
position:relative;
width:100%;
min-height:100vh;
overflow:hidden;
}

#panels-container .section:not(.section-3) .bgimg{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}

#panels-container .section .bgimg img{
width:100%;
height:100%;
object-fit:cover;
}

#panels-container .section .section-inner{
position:relative;
z-index:10;
}

#panels-container .section.section-1 .section-inner{
top:12vh;
padding:0 50px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

#panels-container .section.section-1 .logo{max-width:100%;}

#panels-container .section p{
text-transform:uppercase;
margin-top:20px;
font-size:30px;
line-height:35px;
}

#panels-container .section p strong{font-family:var(--font-spe);}

#panels-container .section.section-2 .section-content{height:100%;}

#panels-container .section.section-2 .section-inner{
display:flex;
width:100%;
height:100%;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}

#panels-container .section.section-3{margin-bottom:0 !important;}

#panels-container .section .bgimg{
width:100%;
overflow:hidden;
}

#panels-container .section.section-3 .top,#panels-container .section.section-3 .bottom{
position:absolute;
width:100%;
min-height:100vh;
top:0;
left:0;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
z-index:20;
color:#fff;
}

#panels-container .section.section-3 .bottom{
top:initial;
bottom:0;
padding-bottom:180px;
}

#panels-container .section.section-3 .top p{
text-transform:none;
max-width:866px;
margin:0 auto;
text-align:center;
font-size:26px;
line-height:28px;
padding:0 25px;
}

#panels-container .section.section-3 .bottom p{
background-color:#FF3333;
font-family:var(--font-spe);
font-weight:800;
border-radius:32px;
padding:25px;
max-width:620px;
margin:0 auto 180px;
text-align:center;
font-size:26px;
line-height:30px;
color:#000;
box-shadow:3px 3px 4px 0px #000033;
}

#panels-container .section.section-3 .bottom .bigp{
position:relative;
font-family:var(--font-spe);
font-weight:800;
font-size:200px;
line-height:100%;
text-align:center;
text-transform:uppercase;
color:#000;
}

#panels-container .section.section-3 .bottom .bigp:first-of-type span{
position:absolute;
right:157px;
top:0;
background-color:#FF3333;
padding:15px;
font-family:var(--font-spe);
font-weight:800;
font-size:26px;
line-height:30px;
opacity:0.9;
border-radius:32px;
}

#panels-container .section.section-3 .bottom .bigp:last-of-type span{
position:absolute;
left:212px;
bottom:0;
background-color:#FF3333;
padding:15px;
font-family:var(--font-spe);
font-weight:800;
font-size:26px;
line-height:30px;
opacity:0.9;
border-radius:32px;
}

#panels-container .section.section-4 .bgimg,#panels-container .section.section-5 .bgimg,#panels-container .section.section-6 .bgimg,#panels-container .section.section-7 .bgimg{
position:relative;
top:0;
left:0;
width:100vw;
height:100vh;
overflow:hidden;
}

/********** medias **********/
@media screen and (max-width:1180px){
#panels-container .section.section-3 .top, #panels-container .section.section-3 .bottom{min-height:75vh;}

#panels-container .section.section-3 .bottom p{
padding:20px;
margin:0 auto 100px;
font-size:20px;
line-height:25px;
}

#panels-container .section.section-3 .bottom{padding-bottom:100px;}

#panels-container .section.section-3 .bottom .bigp{
font-size:150px;
line-height:100%;
}

#panels-container .section.section-3 .top p, #panels-container .section.section-3 .bottom .bigp:first-of-type span, #panels-container .section.section-3 .bottom .bigp:last-of-type span{
font-size:20px;
line-height:25px;
}

#panels-container .section.section-3 .bottom .bigp:first-of-type span{
right:98px;
top:0;
}

#panels-container .section.section-3 .bottom .bigp:last-of-type span{
left:145px;
bottom:0;
}
}

@media screen and (max-width:980px){
#panels-container .section.section-3 .top, #panels-container .section.section-3 .bottom{min-height:50vh;}

#panels-container .section.section-3 .bottom .bigp{
font-size:100px;
line-height:100%;
}

#panels-container .section.section-3 .bottom .bigp:first-of-type span, #panels-container .section.section-3 .bottom .bigp:last-of-type span{padding:5px;}

#panels-container .section.section-3 .bottom .bigp:first-of-type span{
right:63px;
top:0;
}

#panels-container .section.section-3 .bottom .bigp:last-of-type span{
left:96px;
bottom:0;
}

#panels-container .section p{
font-size:25px;
line-height:30px;
}
}

@media screen and (max-width:720px){
#panels-container .section.section-3 .bottom{
padding-bottom:50px;
justify-content:flex-end;
}

#panels-container .section.section-3 .top{
padding-top:50px;
justify-content:flex-start;
}

#panels-container .section.section-3 .top p, #panels-container .section.section-3 .bottom p, #panels-container .section.section-3 .bottom .bigp:first-of-type span, #panels-container .section.section-3 .bottom .bigp:last-of-type span{
font-size:16px;
line-height:20px;
}

#panels-container .section.section-3 .bottom .bigp{
font-size:75px;
line-height:100%;
}

#panels-container .section.section-3 .bottom p{
margin:0 auto 50px;
max-width:435px;
}

#panels-container .section.section-3 .bottom .bigp:first-of-type span{
right:47px;
top:0;
}

#panels-container .section.section-3 .bottom .bigp:last-of-type span{
left:71px;
bottom:0;
}
}

@media screen and (max-width:550px){
#panels-container .section.section-3 .top, #panels-container .section.section-3 .bottom{
position:relative;
z-index:20;
}

#panels-container .section.section-3 .top{padding-bottom:50px;}

#panels-container .section.section-3 .bgimg{
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
}

#panels-container .section.section-3 .bottom p{
margin:0 25px 25px;
max-width:100%;
padding:10px;
}

#panels-container .section.section-3 .bottom .bigp{
font-size:50px;
line-height:100%;
}

#panels-container .section.section-3 .bottom .bigp:first-of-type span, #panels-container .section.section-3 .bottom .bigp:last-of-type span{
font-size:12px;
line-height:16px;
}

#panels-container .section.section-3 .bottom .bigp:first-of-type span{
right:30px;
top:-10px;
}

#panels-container .section.section-3 .bottom .bigp:last-of-type span{
left:50px;
bottom:-10px;
}
}

@media screen and (max-width:500px){
#panels-container .section{height:100vh;}

#panels-container .section.section-3{
height:auto;
min-height:auto;
}

#panels-container .section p{
padding:0 25px;
font-size:20px;
line-height:22px;
}

#panels-container .section.section-3 .bottom{
padding-bottom:50px;
justify-content:flex-end;
}

#panels-container .section.section-4, #panels-container .section.section-5, #panels-container .section.section-6, #panels-container .section.section-7{
height:50vh;
min-height:auto;
padding:5px;
}

#panels-container .section.section-4 .section-content, #panels-container .section.section-4 .section-content .section-inner, #panels-container .section.section-5 .section-content, #panels-container .section.section-5 .section-content .section-inner, #panels-container .section.section-6 .section-content, #panels-container .section.section-6 .section-content .section-inner, #panels-container .section.section-7 .section-content .section-inner, #panels-container .section.section-7 .section-content{height:100%;}

#panels-container .section.section-4 .bgimg, #panels-container .section.section-5 .bgimg, #panels-container .section.section-6 .bgimg, #panels-container .section.section-7 .bgimg{
width:100%;
height:100%;
overflow:hidden;
box-shadow:3px 3px 4px 0px #00000033;
border-radius:32px;
}

#panels-container .section.section-3 .top, #panels-container .section.section-3 .bottom{min-height:auto;}

#panels-container .section.section-3 .top p, #panels-container .section.section-3 .bottom p, #panels-container .section.section-3 .bottom .bigp:first-of-type span, #panels-container .section.section-3 .bottom .bigp:last-of-type span{
font-size:14px;
line-height:18px;
}

#panels-container .section.section-3 .bottom p{margin:0 25px 50px;}
}

@media screen and (max-width:400px){
#panels-container .section.section-3 .section-inner{background-color:#000;}

#panels-container .section.section-3 .top p{padding:0px 20px;}

#panels-container .section.section-3 .bgimg{opacity:0.8;}
}