

/*
RESET
*/
*{margin:0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;}
*::-webkit-scrollbar {display:none;}

html, body {height:100%;scroll-behavior:smooth;}
html {font-size:100%;}
body {font-family:'Montserrat';margin:0;padding:0;line-height:1.5;color:#000;background:#fff;font-size:16px;font-weight:400;width:100%;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {float:left;width:auto;line-height:normal;font-weight:normal;font-style:normal;margin:0;padding:0;}
ul,ol,li {margin:0;padding:0;list-style-type:none}
p {margin:0;height:auto;width:auto;}
address {font-style:normal;margin:0}
a {text-decoration:none;color:#000;transition:0.4s;}
a:hover {transition:0.4s;}
a img {border:none}
img {object-fit:cover;object-position:center center;}
em {font-style:normal}
form,fieldset {border:none;margin:0;padding:0}


/*
GLOBAL
*/
.center {display:flex;width:100%;max-width:1400px;justify-content:'center';align-items:'center';padding:0 50px 0 50px;}
.center_large {display:flex;width:100%;justify-content:'center';align-items:'center';padding:0 100px 0 100px;}
main {display:flex;flex-direction:column;}
section {display:flex;width:100%;padding:150px 0 150px 0;justify-content:center;}
.section_title {display:flex;flex-direction:column;}
.section_title i {font-size:40px;margin-bottom:20px;}
.section_title div {font-size:24px;font-weight:500;margin-bottom:20px;}
.cta {display:flex;height:70px;border:3px solid #000;padding:0 30px 0 30px;justify-content:center;align-items:center;margin-top:40px;font-weight:500;}
.cta:hover {transform:scale(1.2);}


/*
INTRO
*/
.intro {display:flex;position:fixed;inset:0;background:#000;justify-content:center;align-items:center;z-index:10000;color:#fff;}
.intro ul {font-size:10vw;font-weight:600;display:flex;justify-content:center;}


/*
HEADER
*/
header {display:flex;width:100%;justify-content:center;padding:40px 0 40px 0;z-index:10;position:relative;}
header .center_large {justify-content:space-between;}
.header_logo {display:flex;}
.header_logo_black {display:flex;}
.header_logo_white {display:none;}
.header_logo img {display:flex;height:50px;}
.header_right {display:flex;}
.header_right a {display:flex;height:50px;border:3px solid #000;padding:0 30px 0 30px;justify-content:center;align-items:center;}


/*
BANNER
*/
.banner {padding:0;height:100vh;position:relative;margin-top:-130px;}
.banner .center {justify-content:space-between;height:100%;align-items:center;}
.banner_left {display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.banner_left h1 {font-size:10vw;letter-spacing:-0.6vw;font-weight:700;line-height:1;margin-left:-10px;}
.banner_right {display:flex;height:100%;position:absolute;right:0;}
.banner_right img {display:flex;height:100%;}


/*
ABOUT
*/
.about {}
.about_content {display:flex;width:100%;flex-direction:column;}
.about_content_text {display:block;width:100%;font-size:3vw;font-weight:500;}
.about_content_text span {display:inline-flex;position:relative;}
.about_content_text span::before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color: currentColor;transition:transform 0.3s ease;transform-origin:left;transform:scaleX(1);}
.about_content_text span:hover::before {transform:scaleX(0);}


/*
PROD
*/
.prod {background:#e5462b;color:#fff;background:#000;}
.prod_content {display:flex;width:100%;flex-direction:column;align-items:center;}
.prod_content_defile {display:flex;width:100%;overflow:hidden;position:relative;margin-bottom:40px;margin-bottom:-23vh;z-index:10;}
.prod_content_defile span {display:inline-block;font-size:8vw;font-weight:700;white-space:nowrap;animation: defile 3s linear infinite;margin:0 40px 0 40px;color:#e5462b;}
.prod_content_videos_wrapper {position:relative;}
.prod_content_videos {display:flex;width:100%;justify-content:center;padding:0;height:100vh;width:100vw;;align-items:center;position:sticky;top:0;}
.prod_content_videos2 {display:flex;width:100%;justify-content:flex-end;padding:0 0% 0 0%;align-items:center;}
.prod_content_videos img {display:flex;width:68%;border-radius:0;aspect-ratio:16/9;filter:grayscale(100%);position:relative;margin-right:2%;}
.prod_content_videos video {display:flex;width:30%;border-radius:0;aspect-ratio:16/9;margin:0;}
.prod_content_description {display:flex;flex-direction:column;padding-top:150px;justify-content:flex-start;align-items:flex-start;z-index:2;}
.prod_content_description img {margin:0 0 20px -70px;transition:0.4s;}
.prod_content_description img:hover {animation: rotation 0.8s ease-in-out;}
.prod_content_description_text {display:block;width:100%;font-size:3vw;font-weight:500;}
.prod_content_description_text span {display:inline-flex;position:relative;}
.prod_content_description_text span::before {content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:currentColor;transition:transform 0.3s ease;transform-origin:left;transform:scaleX(1);}
.prod_content_description_text span:hover::before {transform:scaleX(0);}
.prod_content_description_link {display:flex;align-items:center;margin-top:20px;}
.prod_content_description_link .cta {border-color:#fff;color:#fff;}
.prod_content_description_link ul {display:flex;align-items:center;margin:40px 0 0 0;}
.prod_content_description_link ul li {display:flex;margin:0 20px 0 20px;}
.prod_content_description_link ul li a {font-size:28px;color:#fff;}


/*
SERVICES
*/
.services {}
.services_content {display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start;}
.accordion{border-top:2px solid #000;border-bottom:2px solid #000;padding:20px 0;margin:0;overflow:hidden;width:100%}
.accordion.bigger-acc,.light-content .accordion.bigger-acc,.dark-section .accordion.bigger-acc,.light-content .light-section .accordion.bigger-acc{border-top:none;border-bottom:none;padding:0}
.light-content .accordion,.dark-section .accordion{border-bottom:2px solid #fff;border-top:2px solid #fff}
.light-content .light-section .accordion{border-top:2px solid #000;border-bottom:2px solid #000}
.accordion dt{position:relative;cursor:pointer;padding:0;margin-bottom:0;font-size:36px;line-height:48px;font-weight:500;-webkit-transition:.2s ease;transition:.2s ease;z-index:10}
.accordion.bigger-acc dt{font-size:72px;line-height:88px;font-weight:700;margin-top:40px;padding-top:40px;border-top:1px solid rgba(0,0,0,.1)}
.light-content .accordion.bigger-acc dt,.dark-section .accordion.bigger-acc dt{border-top:1px solid rgba(255,255,255,.2)}
.light-content .light-section .accordion.bigger-acc dt{border-top:1px solid rgba(0,0,0,.1)}
.accordion.bigger-acc dt:first-child{margin-top:0;border-top:none}
.accordion dt span{width:calc(100% - 80px);position:relative;overflow:hidden;display:block;padding:0;color:#000}
.accordion.bigger-acc dt span>div{position:relative;display:table;float:left;width:auto;-webkit-text-fill-color:rgba(0,0,0,.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000);background-size:100% 100%;transition:.3s ease;-webkit-transition:.3s ease}
.accordion.bigger-acc:hover dt span>div{transition:.15s ease;-webkit-transition:.15s ease;background-size:0 100%}
.accordion.bigger-acc:hover dt:hover span>div{background-size:100% 100%;transition:.3s ease;-webkit-transition:.3s ease}
.light-content .accordion.bigger-acc dt span>div,.dark-section .accordion.bigger-acc dt span>div{-webkit-text-fill-color:rgba(255,255,255,.1);background-image:linear-gradient(#fff,#fff)}
.light-content .light-section .accordion.bigger-acc dt span>div{-webkit-text-fill-color:rgba(0,0,0,.1);-webkit-background-clip:text;background-repeat:no-repeat;background-image:linear-gradient(#000,#000)}
.light-content .accordion dt span,.dark-section .accordion dt span{color:#fff}
.light-content .light-section .accordion dt span{color:#000}
.accordion .accordion-content{margin-bottom:0;font-size:16px;color:#000;font-weight:400;line-height:28px;padding-left:0;padding-right:80px;padding-top:10px;padding-bottom:20px;z-index:0;position:relative}
.accordion.bigger-acc .accordion-content{font-size:18px;line-height:30px}
.light-content .accordion .accordion-content,.dark-section .accordion .accordion-content{color:#ccc}
.light-content .light-section .accordion .accordion-content{color:#444}
.acc-icon-wrap{width:80px;height:80px;display:flex;position:relative;justify-content:center;align-items:center;position:absolute;right:-25px;top:-16px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
.accordion.bigger-acc .acc-icon-wrap{opacity:.2;top:50px;right:-10px}
.accordion dt:hover .acc-icon-wrap,.accordion dt.accordion-active .acc-icon-wrap{opacity:1}
.acc-button-icon{height:40px;width:40px;color:#fff;text-align:center;line-height:30px;font-size:22px}
.accordion.bigger-acc .acc-button-icon{height:50px;width:50px;line-height:50px;font-size:16px;background:#e5462b;border-radius:50px}
.light-content .accordion.bigger-acc .acc-button-icon,.dark-section .accordion.bigger-acc .acc-button-icon{background:rgba(255,255,255,.1)}
.light-content .light-section .accordion.bigger-acc .acc-button-icon{background:rgba(0,0,0,.1)}
.light-content .accordion .acc-button-icon,.dark-section .accordion .acc-button-icon{color:#fff}
.light-content .light-section .accordion .acc-button-icon{color:#000}
.acc-button-icon i{height:40px;line-height:40px;width:40px;text-align:center;-webkit-transition:transform .2s ease;transition:transform .2s ease}
dt.accordion-active .acc-button-icon i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}


/*
PARTNERS
*/
.partners_section_wrapper {position:relative;}
.partners {position:sticky;top:0;height:100vh;background:#000;color:#fff;}
.partners_content {display:flex;width:100%;flex-direction:column;align-items:center;}
.partners_content ul {display:flex;width:100%;position:absolute;top:50%;padding-left:100px;will-change:transform;}
.partners_content ul li {display:flex;}
.partners_content ul li a {display:flex;}
.partners_content ul li a img {display:flex;height:100px;margin:0 100px 0 100px;}


/*
CONTACT
*/
.contact {padding-bottom:0;}
.contact strong {display:flex;font-size:10vw;font-weight:700;line-height:1;margin-bottom:100px;}
.contact strong a:hover {color:#e5462b;}
.contact ul {display:flex;}
.contact ul li {display:flex;flex-direction:column;margin-right:200px;}
.contact ul li i {display:flex;font-size:26px;}
.contact ul li a {display:flex;font-size:26px;margin:20px 0 5px 0;font-weight:500;}
.contact ul li span {display:flex;font-size:16px;}


/*
FOOTER
*/
footer {padding:100px 0 50px 0;font-size:15px;}
footer .center_large {justify-content:space-between;position:relative;}
footer .footer_left {display:flex;align-items:center;}
footer .footer_left a i {font-size:20px;margin-right:20px;}
footer .footer_right a {font-size:20px;margin-left:20px;}
footer .footer_center {position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;}
footer .footer_center i {margin:0 4px 0 4px;}


/*
LIST
*/
.list {display:flex;width:100%;justify-content:center;padding-top:0;}
.list ul {display:flex;width:102%;flex-wrap:wrap;padding:0 100px 0 100px;margin-left:-0.3%;flex-shrink:0;}
.list li {display:flex;width:31.33%;background:#fff;margin:0 1% 0 1%;flex-direction:column;padding:40px;margin-bottom:2%;background:#000;position:relative;}
.list li .list_title {display:flex;font-weight:700;font-size:3vw;line-height:1.2;}
.list li .list_title a {color:#fff;}
.list li .list_img {display:flex;width:100%;aspect-ratio:16/9;background:#333;margin:0 0 20px 0;border-radius:0;overflow:hidden;}
.list li .list_img a {display:flex;width:100%;}
.list li .list_img a img {display:flex;width:100%;}
.list li .list_links {display:flex;align-items:center;}
.list li .list_links a {display:flex;font-size:24px;margin-right:20px;color:#fff;}
.list li .list_links a i.fa-apple {font-size:26px;margin-top:-2px;}
.list li .list_text {display:flex;margin:10px 0 0 0;}
.list li:hover .list_title a {color:#e5462b;}
.list li .number {display:flex;font-weight:700;font-size:3vw;color:#e5462b;line-height:1;margin-top:15px;}


/*
FICHE
*/
.fiche {padding-top:0;}
.fiche .center_large {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.fiche_video {display:flex;width:100%;background:#000;padding:50px;justify-content:center;align-items:center;}
.fiche_video iframe {display:flex;width:1000px;aspect-ratio:16/9;}
.fiche_title {display:block;width:800px;margin:50px 0 0 0;font-size:80px;font-weight:700;line-height:1.1;letter-spacing:-3px;}
.fiche_title span {color:#e5462b;display:flex;font-size:30px;letter-spacing:0;}
.fiche_text {display:block;width:800px;font-size:24px;margin:50px 0 0 0;}
.fiche_text b {font-weight:600;}
.fiche strong {display:block;width:800px;font-weight:600;font-size:24px;margin-top:40px;}
.fiche_links {display:flex;width:800px;font-size:28px;align-items:center;margin-top:40px;}
.fiche_links a {display:flex;margin-right:40px;}



/*
ANIM
*/

@keyframes rotation {
	0% { transform: scale(1) rotate(0deg); }
	50% { transform: scale(1.4) rotate(1080deg); }
	100% { transform: scale(1) rotate(0deg); }
  }

@keyframes defile {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}


.fire {
	animation: animation 1s ease-in-out infinite alternate;
	-moz-animation: animation 1s ease-in-out infinite alternate;
	-webkit-animation: animation 1s ease-in-out infinite alternate;
	-o-animation: animation 1s ease-in-out infinite alternate;
  }

  .burn {
	animation: animation .65s ease-in-out infinite alternate;
	-moz-animation: animation .65s ease-in-out infinite alternate;
	-webkit-animation: animation .65s ease-in-out infinite alternate;
	-o-animation: animation .65s ease-in-out infinite alternate;
  }

  @keyframes animation
  {
  0% {text-shadow: 0 0 10px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -60px 60px #cd4606,
	0 -80px 70px #973716,
	10px -90px 80px #451b0e;}
  100% {text-shadow: 0 0 20px #fefcc9,
	10px -10px 30px #fefcc9,
	-20px -20px 40px #feec85,
	22px -42px 60px #ffae34,
	-22px -58px 50px #ec760c,
	0 -82px 80px #cd4606,
	10px -90px 80px  #973716;}
  }

  @-moz-keyframes animation
  {
  0% {text-shadow: 0 0 10px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -60px 60px #cd4606,
	0 -80px 70px #973716,
	10px -90px 80px #451b0e;}
  100% {text-shadow: 0 0 20px #fefcc9,
	10px -10px 30px #fefcc9,
	-20px -20px 40px #feec85,
	22px -42px 60px #ffae34,
	-22px -58px 50px #ec760c,
	0 -82px 80px #cd4606,
	10px -90px 80px  #973716;}
  }

  @-webkit-keyframes animation
  {
  0% {text-shadow: 0 0 10px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -60px 60px #cd4606,
	0 -80px 70px #973716,
	10px -90px 80px #451b0e;}
  100% {text-shadow: 0 0 20px #fefcc9,
	10px -10px 30px #fefcc9,
	-20px -20px 40px #feec85,
	22px -42px 60px #ffae34,
	-22px -58px 50px #ec760c,
	0 -82px 80px #cd4606,
	10px -90px 80px  #973716;}
  }

  @-o-keyframes animation
  {
  0% {text-shadow: 0 0 10px #fefcc9,
	10px -10px 30px #feec85,
	-20px -20px 40px #ffae34,
	20px -40px 50px #ec760c,
	-20px -60px 60px #cd4606,
	0 -80px 70px #973716,
	10px -90px 80px #451b0e;}
  100% {text-shadow: 0 0 20px #fefcc9,
	10px -10px 30px #fefcc9,
	-20px -20px 40px #feec85,
	22px -42px 60px #ffae34,
	-22px -58px 50px #ec760c,
	0 -82px 80px #cd4606,
	10px -90px 80px  #973716;}
  }





  .hover-reveal {position:fixed;width:400px;aspect-ratio:3/2;pointer-events:none;opacity:0;margin-top:-100px;margin-left:-100px;}
  span.has-hover-image.vertical .hover-reveal {width:auto;height:400px;aspect-ratio:2/3;}
  .hover-reveal__inner, .hover-reveal__img {width:100%;height:100%;position:relative;}
  .hover-reveal__img {background-size:cover;background-position:center center;background-repeat:no-repeat;width:100%;height:100%;position:relative;display:block;}





@media (max-width: 1500px) {
.center_large {padding:0 50px 0 50px;}
}


@media (max-width: 1000px) {

.center {max-width:100%;padding:0 20px 0 20px;}
.center_large {padding:0 20px 0 20px;}
section {padding-top:50px;padding-bottom:50px;}
main {overflow:hidden;margin-top:-90px;}
header {padding:20px 0 20px 0;}
.cta {width:100%;}
.br_hide {display:none;}
.hover-reveal {width:200px;}
span.has-hover-image.vertical .hover-reveal {height:200px;}

.section_title i {font-size:30px;margin-bottom:10px;}
.section_title div {font-size:24px;font-weight:500;margin-bottom:20px;}

header {background:transparent;}
.banner {margin-top:0;height:auto;padding-bottom:50px;}
.banner_right {right:auto;top:auto;bottom:auto;width:100%;height:auto;order:1;position:absolute;flex-shrink:0;display:flex;height:auto;}
.banner_right img {width:110vw;height:100dvh;margin-left:-10vw;}
.banner_left {order:2;width:100%;padding:0 20px 20px 20px;}
.banner_left h1 {font-size:12vw;letter-spacing:-0.3vw;font-weight:700;line-height:1;margin-left:-3px;overflow-wrap:break-word;word-break:break-word;}
.banner .center {justify-content:flex-end;height:100dvh;align-items:center;flex-direction:column;padding:0;}

.about_content_text {font-size:30px;}

.prod_content_defile {margin-bottom:30px;}
.prod_content_defile span {font-size:50px;margin:0 10px 0 10px;}
.prod_content_videos_wrapper {position:relative;}
.prod_content_videos {height:auto;position:relative;top:auto;height:auto;}
.prod_content_videos2 {width:100%;padding:0;height:auto;justify-content:center;}
.prod_content_videos img {display:none;}
.prod_content_videos video {width:calc(100vw - 40px);height:50vh;border-radius:0;aspect-ratio:auto;flex-shrink:0;object-fit:cover;border-radius:0;}

.prod_content_description {padding-top:0;z-index:10;align-items:center;}
.prod_content_description img {margin:-80px 0 20px 0;}
.prod_content_description_text {font-size:30px;}
.prod_content_description_link {flex-direction:column;width:100%;margin-top:10px;}
.prod_content_description_link ul {margin:30px 0 0 0;width:100%;}
.prod_content_description_link ul li {margin:0 20px 0 20px;width:33.33%;justify-content:center;}
.prod_content_description_link ul li a {font-size:28px;color:#fff;}

.accordion.bigger-acc dt {font-size:30px;}
.accordion.bigger-acc dt {margin-top:10px;margin-bottom:10px;padding-top:10px;}
.accordion.bigger-acc .acc-icon-wrap {top:15px}
.acc-button-icon {transform:scale(0.7);}

.partners {position:relative;top:auto;height:auto;}
.partners_content ul {position:relative;top:auto;padding:0;flex-wrap:wrap;border:0.5px solid #333;width:calc(100% - 40px);margin:0;}
.partners_content ul li {display:flex;width:50%;justify-content:center;align-items:center;margin:0;padding:0;aspect-ratio:1/1;border:0.5px solid #333;}
.partners_content ul li a {display:flex;width:50%;}
.partners_content ul li a img {display:flex;height:auto;margin:0;width:100%;}

.contact strong {font-size:50px;margin-bottom:50px;}
.contact ul {display:flex;flex-direction:column;}
.contact ul li {display:flex;flex-direction:column;margin-right:0;margin-bottom:30px;}
.contact ul li i {display:flex;font-size:18px;}
.contact ul li a {display:flex;font-size:18px;margin:5px 0 5px 0;font-weight:500;}
.contact ul li span {display:flex;font-size:16px;}

footer {padding:50px 0 20px 0;font-size:12px;}
footer .center_large {justify-content:space-between;position:relative;flex-wrap:wrap;}
footer .footer_left {display:none;}
footer .footer_left a i {font-size:20px;margin-right:20px;}
footer .footer_right  {margin:0;width:100%;margin-top:10px;width:100%;display:flex;justify-content:space-between;order:1;}
footer .footer_right a {font-size:20px;margin:20px;margin-left:0;width:25%;justify-content:center;display:flex;}
footer .footer_center {position:relative;left:auto;transform:translateX(0);width:100%;display:flex;justify-content:center;order:2;margin-top:10p;}

.list {padding-top:90px;padding-bottom:0;}
.list ul {width:100%;flex-wrap:wrap;padding:0;margin-left:0;}
.list li {width:100%;margin:0;padding:20px;margin-bottom:10px;}
.list li .list_title {font-size:30px;line-height:1.4;}
.list li .number {font-size:30px;line-height:1.2;}

.fiche {padding-top:90px;}
.fiche .center_large {padding:0;}
.fiche_video {padding:0;padding:20px 0 20px 0;}
.fiche_video iframe {width:100%;}
.fiche_title {width:100%;margin:0;font-size:40px;padding:30px 20px 0 20px;letter-spacing:-1px;line-height:1.4;}
.fiche_text {width:100%;font-size:18px;margin:20px 0 0 0;padding:0 20px 0 20px;}
.fiche strong {width:100%;font-weight:600;font-size:18px;margin-top:40px;padding:0 20px 0 20px;}
.fiche_links {width:100%;font-size:34px;align-items:center;margin-top:15px;padding:0 20px 0 20px;}
.fiche_links a {display:flex;margin-right:40px;}

}







