*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
input, textarea, button, select, a, img, div{-webkit-tap-highlight-color: transparent;}
/* Doc */
html{height:100%;width:100%;position:relative;background:var(--dark);}
body{font-size:18px;width:100%;height:100%;position:relative;font-weight:400;font-style:normal;color:#FFF;min-width:300px;background:var(--dark);-webkit-transition:background 1s;-o-transition:background 1s;transition:background 1s;}
/* a */
a,a:visited,a:active,a:focus{color:#FFF;outline:none;text-decoration:none;transition:opacity .5s;}
.desktop a:hover{text-decoration:none;}
:active,:hover,:focus{outline:0;outline-offset:0;}
a img{border:0;}
input,button{-webkit-box-sizing:border-box;box-sizing:border-box;}
input{-webkit-appearance:none;}
/* div */
.overflow{overflow:hidden;}
.relative{position:relative;}
.w-100{width:100%;}
.h-100{height:100%;}
.h-app-100{min-height:var(--app-height);}
*::selection{color:#000;background:var(--yellow);}
/* text */
p{color:#FFF;font-size:18px;line-height:24px;margin-bottom:14px;font-weight:400;}
b,.bold{font-weight:700;}
img{outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
ul{list-style:none;}
.center{text-align:center;}
.right{text-align:right;}
.uppercase{text-transform:uppercase;}
.nowrap{white-space:nowrap;}
.big{font-size:1.28571428em;line-height:1.33333333em;}
/* h1 - h6 */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{margin:0;font-weight:400;text-transform:uppercase;}
h1,.h1{font-size:calc(60px + 6px);line-height:calc(80px - 2px);}
h2,.h2{font-size:60px;line-height:calc(60px + 6px);}
h3,.h3{font-size:40px;line-height:36px;}
h4,.h4{font-size:30px;line-height:26px;}
h5,.h5{font-size:24px;line-height:20px;}
h6,.h6{font-size:20px;line-height:18px;}
h6,.h6{font-size:18px;line-height:16px;}
/* Text */
.leadtext{font-size:22px;line-height:calc(30px - 1px);font-weight:700;}
.cardstext{font-size:20px;line-height:26px;font-weight:700;}
.placeholder{font-size:20px;line-height:26px;font-weight:300;}
.note{font-size:14px;line-height:18px;font-weight:400;}
.note-2{font-size:12px;line-height:16px;}
/* ---------------------------------------------- MAIN ---------------------------------------------- */
.main{position:relative;width:100%;height:100vh;height:var(--app-height);overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;display:none;}
.ready .main{opacity:1;display:block;}
/* Scroll */
.main-scroll{position:relative;width:100%;min-width:300px;height:100%;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;pointer-events:none;will-change:transform;}
.scroll-container{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%!important;pointer-events:auto;will-change:transform;transform:translateZ(0);}
.scroll-content{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;will-change:transform;transform:translateZ(0);}
.scrollbar-track{z-index:9999!important;will-change:transform;}
.scrollbar-track-y{right:0!important;width:8px!important;background:transparent!important;}
.scrollbar-track-y:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:transparent;opacity:0;transform:scaleX(.5);transform-origin:right center;transition:opacity .3s, transform .3s;}
.scrollbar-thumb{background:transparent!important;border-radius:0!important;width:100%!important;}
.scrollbar-track-y .scrollbar-thumb:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;background:var(--yellow);transform:scaleX(.5);transform-origin:right center;opacity:.5;transition:opacity .3s, transform .3s;}
.desktop .scrollbar-track-y:hover .scrollbar-thumb:before{transform:scaleX(1);opacity:1;}
.desktop .scrollbar-track-y:hover:before{transform:scaleX(1);opacity:1;}
/* ---------------------------------------------- HEADER ---------------------------------------------- */


/* ---------------------------------------------- MENU ---------------------------------------------- */


/* ---------------------------------------------- CONTENT ---------------------------------------------- */
.content{position:relative;width:100%;min-height:var(--app-height);overflow:hidden;}
/*
.content:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../i/noise.png);background-repeat:repeat;background-size:200px 200px;opacity:.7;}
*/
.content-container{width:100%;padding-left:114px;padding-right:114px;}
.row{margin-left:calc(-16px + 1px);margin-right:calc(-16px + 1px);}
.row > *{padding-left:calc(16px - 1px);padding-right:calc(16px - 1px);}

.row.g-30{margin-left:calc(30px * -1);margin-right:calc(30px * -1);}
.row.g-30 > *{padding-left:30px;padding-right:30px;}

.row.g-18{margin-left:calc((10px - 1px) * -1);margin-right:calc((10px - 1px) * -1);}
.row.g-18 > *{padding-left:calc(8px + 1px);padding-right:calc(8px + 1px);}

.row.g-0{margin-left:0;margin-right:0;}
.row.g-0 > *{padding-left:0;padding-right:0;}


.section{position:relative;}
.section .content-container{position:relative;z-index:599;}


/* ---------------------------------------------- MARGINS ---------------------------------------------- */

.zi-99{z-index:99;}


.mw-440{max-width:440px;}


.rg-44{row-gap:calc(40px + 4px);}
.rg-30{row-gap:30px;}

.pl-30{padding-left:30px;}


.mt-auto{margin-top:auto;}
.ml-auto{margin-left:auto;}
.mr-auto{margin-right:auto;}
.mb-auto{margin-bottom:auto;}


.mt-24{margin-top:24px;}


.mb-220{margin-bottom:220px;}
.mb-150{margin-bottom:calc(160px - 10px);}
.mb-140{margin-bottom:calc(160px - 20px);}
.mb-120{margin-bottom:120px;}
.mb-70{margin-bottom:70px;}
.mb-44{margin-bottom:calc(40px + 4px);}
.mb-40{margin-bottom:40px;}

.mb-6{margin-bottom:6px;}

.mb-0{margin-bottom:0;}
.mb-last-0 > *:last-child{margin-bottom:0!important;}

/* ---------------------------------------------- MEDIA ---------------------------------------------- */

@media (max-width:1440.98px){

.content-container{padding-left:calc(3.33333333vw + .13888888vw);padding-right:calc(3.33333333vw + .13888888vw);}

.row.g-30{margin-left:-1.38888889vw;margin-right:-1.38888889vw;}
.row.g-30 > *{padding-left:1.38888888vw;padding-right:1.38888888vw;}
.row.g-t-18{margin-left:calc((.69444444vw - .06944444vw) * -1);margin-right:calc((.69444444vw - .06944444vw) * -1);}
.row.g-t-18 > *{padding-left:calc(.55555555vw + .06944444vw);padding-right:calc(.55555555vw + .06944444vw);}


.mb-t-120{margin-bottom:8.33333333vw;}
.mb-t-100{margin-bottom:calc(6.66666666vw + .27777777vw);}
.mb-t-90{margin-bottom:calc(4.86111111vw + 1.38888888vw);}
.mb-t-70{margin-bottom:4.86111111vw;}
.mb-t-50{margin-bottom:calc(2.77777777vw + .69444444vw);}
.mb-t-40{margin-bottom:2.77777777vw;}
.mb-t-30{margin-bottom:2.08333333vw;}


}

@media (max-width:579.98px){


.content-container{padding-left:5.33333333vw;padding-right:5.33333333vw;}


/* Margin */
.rg-m-20{row-gap:5.33333333vw;}

.mb-m-186{margin-bottom:calc(48vw + 1.6vw);}
.mb-m-100{margin-bottom:calc(25.6vw + 1.06666666vw);}
.mb-m-70{margin-bottom:18.66666666vw;}

.mb-m-54{margin-bottom:calc(14.93333333vw - .53333333vw);}
.mb-m-48{margin-bottom:12.8vw;}


}