.intro{width:100%;height:100vh;overflow:hidden;top:0;left:0;position:fixed;color:#fff;z-index:11}
.intro-z-index-remove{z-index:-1}
.intro-z-index-remove .wiper{display:none}
.intro .text-wrap h2,.intro .text-wrap h2 span,.intro .text-wrap h3,.intro h1{opacity:0}
.intro .wrap{width:100%;bottom:0;left:0;position:absolute;text-align:center}
.intro .text-wrap h3{height:17px;position:relative}
.intro .text-wrap h3 span{opacity:0;top:0;right:0;bottom:0;left:0;position:absolute;transition:opacity 1s ease-in-out}
.intro .text-wrap h3 span.visible{opacity:1}
.intro h1{margin-bottom:49px;font-weight:500;font-size:20px;line-height:1}
.intro h2{margin-bottom:15px;margin-left:-19px;font-weight:500;text-transform:uppercase;font-size:60px;line-height:60px}
.intro h2 span{display:inline-block;vertical-align:middle;width:50px;height:60px;color:#141414;text-align:center;font-family:inherit;letter-spacing:5px;font-weight:bold}
.intro h2+h3{margin-top:50px}
.intro h3{margin:0 0 0 -3px;color:#fc8088;font-weight:400;font-size:17px;line-height:1;font-size:24px;letter-spacing:1px;color:#141414;font-weight:300;font-family:"Josefin Sans";text-align:center}
.intro .hello{position:absolute;z-index:1;bottom:calc(100% / 7 * 1.5);left:0;right:0}
.intro .hello h2,.intro .hello h2 span,.intro .hello h3{opacity:0}
.intro .hello h3{margin-top:127px}
.intro .rail{width:130px;height:3px;overflow:hidden;position:absolute;z-index:1}
.intro .rail span{top:1px;bottom:1px;position:absolute;background:#fc8088}
.intro .rail:before{content:"";top:1px;right:0;bottom:1px;left:0;position:absolute;background:rgba(255,255,255,.1)}
.intro .rail-1,.intro .rail-2{-webkit-transform:rotate(119deg);transform:rotate(119deg);-webkit-transform-origin:0 center;transform-origin:0 center}
.intro .rail-1{bottom:0;left:184px;right:0;top:-770px;margin:0 auto;width:118px;position:relative;z-index:0}
.intro .rail-1 span{width:100%;left:-130px}
.intro .rail-1:before{display:none}
.intro .rail-2{width:100%!important;bottom:280px;left:809px}
.intro .rail-2 span{left:0}
.intro .rail-2 i{opacity:0;width:238px;top:1px;bottom:1px;left:0;position:absolute;left:-108px;background:#fc8088}
.intro .rail-2 i:after,.intro .rail-2 i:before{content:"";top:0;bottom:0;position:absolute}
.intro .rail-2 i:before{width:291px;left:-291px;background:#d2d2d2}
.intro .rail-2 i:after{width:130px;left:-421px;background:#fc8088}
.intro .rail-3{display:none;width:810px;left:0;bottom:280px;z-index:9}
@media screen and (min-width:1401px) and (max-width:1600px){
.intro .rail-3{width:560px}
}
.intro .rail-3 span{width:100%;left:auto;right:0}
.intro .rail-3:before{display:none}
.intro .wiper{width:4000px;height:4000px;max-width:none;bottom:-1718px;left:-1190px;position:absolute}
.intro .wiper path{fill:#fff}
[lang=fr] .intro .wrap{width:1005px}
[lang=fr] .intro h2 span{width:56.5px}
[lang=fr] .intro .rail-1{left:910px}
.intro.-start-wiping .rail-2,.intro.-start-wiping .rail-2 span{min-width:2200px}
.intro.-finished-wiping .rail-2{display:none}
.intro.-finished-wiping .rail-3{display:block}
@media (max-width:1280px){
.intro .wrap{left:0px}
.intro .wiper{left:-1590px}
.intro .intro-video.-opaque .plyr__controls{opacity:0}
}
@media (max-width:1100px){
.intro .wrap{left:45px}
.intro .text-wrap h3 span{max-width:130px;margin-top:-3px;line-height:1.35}
.intro h2{margin-left:-14px;line-height:44px}
.intro h2 span{width:44px;height:44px}
.intro .rail-1{bottom:273px;left:516px}
.intro .rail-2{bottom:98px;left:231px}
html[lang=fr] .intro .rail-2{left:300px}
.intro .rail-3{width:533px;bottom:98px}
.intro .wiper{bottom:-1765px;left:-1734px}
.intro .hello{bottom:-14px}
.intro .hello h3{position:relative;top:-14px}
}
@media (max-width:810px){
[lang=fr] .intro h2{margin-left:-14px;line-height:41px;font-size:24px}
[lang=fr] .intro h2 span{width:41px;height:41px}
[lang=fr] .intro .rail-2.rail-2{left:220px}
}
@media (max-width:767px){
.intro{position:fixed;z-index:1}
.intro .wrap{height:180vh;padding-top:calc(100vh - 300px);padding-left:25px;position:static}
.intro .rail{display:none}
.intro h2{margin-left:-5px;font-size:18px;line-height:21px}
.intro h2 span{width:21px;height:21px}
.intro h3{display:none}
.intro .wiper{display:none}
.intro .hello h2{position:relative;top:63px}
[lang=fr] .intro h2{margin-left:-5px;font-size:18px;line-height:21px}
[lang=fr] .intro h2 span{width:21px;height:21px}
}
@media (max-width:390px){
[lang=fr] .intro h2{margin-left:-5px;font-size:16px;line-height:18px}
[lang=fr] .intro h2 span{width:18px;height:18px}
}
@media (max-width:350px){
.intro h2{margin-left:-5px;font-size:16px;line-height:18px}
.intro h2 span{width:18px;height:18px}
}
@media (max-width:340px){
[lang=fr] .intro h2{margin-left:-5px;font-size:16px;line-height:16px}
[lang=fr] .intro h2 span{width:16.5px;height:16.5px}
}
.intro-video{opacity:0;top:0;right:0;bottom:0;left:0;position:absolute}
.intro-video img{float:left;width:100%;height:100%;object-fit:cover}
.intro-video .plyr,.intro-video .plyr__video-wrapper{top:0;right:0;bottom:0;left:0;position:absolute}
.intro-video video{display:block;width:100%;height:100%;top:0;left:0;position:absolute;-o-object-fit:cover;object-fit:cover}
.intro-video iframe{display:block;width:100%;height:100%;top:0;left:0;position:absolute;-o-object-fit:cover;object-fit:cover}
.intro-video .plyr__video-wrapper .plyr__controls{display:none}
.intro-video .plyr__controls{opacity:0}
.intro-video .plyr__play-large{background:0 0;box-shadow:none;border:none;cursor:pointer}
.intro-video .plyr__play-large svg{width:40px;height:40px}
.intro-video.-opaque .plyr__controls{opacity:1}
@media (max-width:767px){
.intro-video{overflow:hidden;position:fixed;pointer-events:none}
.intro-video .plyr{height:100%;position:relative}
}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:0 0!important}
.plyr--full-ui input[type=range]{color:#c6a869!important}
@media screen and (max-width:1900px){
.intro .rail-1{left:0;top:0;transform:rotate(119deg) translate(calc(100% / 50 - 685px),calc(100% / 50 - -185px))}
.intro .rail-2{bottom:0;left:0;transform:rotate(119deg) translate(calc(100% / 50 - 693px),calc(100% / 50 - 572px))}
.intro .rail-3{bottom:296px;width:905px;left:-80px}
.intro .wiper{left:-1182px;bottom:-1702px}
}
@media screen and (max-width:1800px){
.intro .rail-1{left:0;top:0;transform:rotate(119deg) translate(calc(100% / 50 - 685px),calc(100% / 50 - -185px))}
.intro .rail-2{bottom:0;left:0;transform:rotate(119deg) translate(calc(100% / 50 - 670px),calc(100% / 50 - 530px))}
.intro .rail-3{bottom:299px;width:772px}
.intro .wiper{left:-1228px;bottom:-1698px}
}
@media screen and (max-width:1700px){
.intro .rail-1{left:0;top:0;transform:rotate(119deg) translate(calc(100% / 50 - 590px),calc(100% / 50 - -185px))}
.intro .rail-2{bottom:0;left:0;transform:rotate(119deg) translate(calc(100% / 50 - 580px),calc(100% / 50 - 485px))}
.intro .rail-3{bottom:288px;width:715px}
.intro .wiper{left:-1285px;bottom:-1711px}
}
@media screen and (max-width:1600px){
.intro .rail-1{left:0;top:0;transform:rotate(119deg) translate(calc(100% / 7 * -36),calc(100% / 7 * 390))}
.intro .rail-2{bottom:0;left:0;transform:rotate(119deg) translate(calc(100% / 7 * -2.4),calc(100% - 453px))}
.intro .rail-3{bottom:241px;width:723px}
.intro .wiper{left:-1353px;bottom:-1757px}
}
@media screen and (max-width:1500px){
.intro .rail-1{left:0;top:0;transform:rotate(119deg) translate(calc(100% / 7 * -36),calc(100% / 7 * 390))}
.intro .rail-2{bottom:0;left:0;transform:rotate(119deg) translate(calc(100% / 7 * -2.4),calc(100% / 7 * -950))}
.intro .rail-3{bottom:calc(100% / 7 * 2.1);width:calc(100% / 7 * 3.3)}
.intro .wiper{left:-1395px;bottom:-1774px}
}
@media screen and (max-width:1399px){
.intro .rail-1{left:0;top:0;transform:rotate(119deg) translate(calc(100% / 7 * -37),calc(100% - -134px))}
.intro .rail-2{bottom:0;left:0;transform:rotate(119deg) translate(calc(100% / 7 * -2.6),calc(100% - 422px))}
.intro .rail-3{bottom:calc(100% / 7 * 2.3);width:calc(100% / 7 * 3.6)}
.intro .wiper{left:-1392px;bottom:-1765px}
}
@media screen and (max-width:1299px){
.intro .rail-1{left:0;top:0;transform:rotate(127.4deg) translate(-90vh,11.2vw)}
.intro .rail-2{bottom:0;left:0;transform:rotate(127.4deg) translate(calc(100% / 7 * -2.6),calc(100vw - 1596px))}
.intro .rail-3{bottom:calc(100% / 7 * 2.1);width:calc(100% / 7 * 3.4)}
.intro .wiper{left:-1463px;bottom:-1815px;transform:rotate(7deg)}
}
@media screen and (min-width:1100px) and (max-width:1299px){
.c-fluid-reveal__content_sub{padding:20px 20px 20px calc(50% - 290px)}
}