:root{
  --color-white: #FFFFFF;
}

/********************************************
 * ****************  DISPLAY  ***************
 * *****************************************/
.fixed{position:fixed;}
.relative{position:relative;}
.absolute{position:absolute;}

.flex{display: flex;}
.dcontent{display: contents;}
.inlineb{display: inline-block;}
.inlinef{display: inline-flex;}
.listI{display: list-item;}
.block{display: block;}
.blockI{display: block!important;}
.hide{display: none;}

.nooverflow{overflow: hidden;}
.nooverflowX{overflow-x: hidden;}
.overflowY{overflow-y: auto;}

.novisible{visibility: hidden;}

.fitC{object-fit: cover;}

.z1{z-index: 1;}
.z5{z-index: 5;}
.z10{z-index: 10;}
.z20{z-index: 20;}
.z30{z-index: 30;}
.z100{z-index: 100;}
.z500{z-index: 500;}
.z1000{z-index: 1000;}
.z1500{z-index: 1500;}
.z3000{z-index: 3000;}
.z5000{z-index: 5000;}

.pointer, .pointer *{cursor: pointer !important;}


.clearb{clear: both;}

.blur5{filter: blur(5px);}

.opac2{opacity: .2;}

/********************************************
 * **************  DIMENSION  ***************
 * *****************************************/
.maxW100pc{max-width: 100%;}

.maxW80vw{max-width:80vw;}

.maxW120{max-width:120px;}
.maxW160{max-width:160px;}
.maxW250{max-width:250px;}
.maxW300{max-width:300px;}
.maxW530{max-width:530px;}
.maxW560{max-width:560px;}
.maxW600{max-width:600px;}
.maxW800{max-width:800px;}
.maxW850{max-width:850px;}
.maxW1200{max-width:1200px;}

.minW40{min-width:40px;}

.minH240{min-height: 240px;}
.minH500{min-height: 500px;}
.minH600{min-height: 600px;}
.minH700{min-height: 700px;}
.minH280{min-height: 280px;}
.minH100vh{min-height: 100vh;}

.maxH90{max-height:90px;}
.maxH70{max-height:70px;}
.maxH100{max-height:100px;}
.maxH240{max-height: 240px;}
.maxH620{max-height:620px;}
.maxH100vh{max-height: 100vh;}

.fullW{width: 100%}
.tquartW{width: 80%}
.middleW{width: 50%}
.quartW{width: 25%}

.fullH{height: 100%}
.fullvH{height: 100vh ;}

.h2{height:2px;}
.h10{height:10px;}
.h12{height:12px;}
.h14{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h23{height:23px;}
.h25{height:25px;}
.h28{height:28px;}
.h30{height:30px;}
.h36{height:36px;}
.h40{height:40px;}
.h43{height:43px;}
.h45{height:45px;}
.h50{height:50px;}
.h57{height:57px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h100{height:100px;}
.h120{height:120px;}
.h130{height:130px;}
.h159{height:159px;}
.h170{height:170px;}
.h217{height:217px;}
.h247{height:247px;}
.h280{height:280px;}
.h350{height:350px;}
.h440{height:440px;}
.h20vh{height:20vh;}

.w16{width: 16px;}
.w20{width: 20px;}
.w25{width: 25px;}
.w28{width: 28px;}
.w30{width: 30px;}
.w32{width: 32px;}
.w40{width: 40px;}
.w45{width: 45px;}
.w48{width: 48px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w78{width: 78px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w137{width: 137px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w230{width: 230px;}
.w290{width: 290px;}
.w500{width: 500px;}
.w710{width: 710px;}

.w25pc{width:25%;}
.w30pc{width:30%;}
.w40pc{width:40%;}
.w70pc{width:70%;}
.w80pc{width: 80%;}
.w85pc{width: 85%;}
.w90pc{width: 90%;}
.w150pc{width: 150%;}

.wmin70{min-width: 70px;}

.rotate180{transform:rotate(180deg)}
 /*******************************************
 * ****************  MARGE  *****************
 * *****************************************/
.margV10{margin-top: 10px;margin-bottom: 10px;}
.margV20{margin-top: 20px;margin-bottom: 20px;}
.margV30{margin-top: 30px;margin-bottom: 30px;}
.margV40{margin-top: 40px;margin-bottom: 40px;}
.margV60{margin-top: 60px;margin-bottom: 60px;}

.margH10{margin-left: 10px;margin-right: 10px;}
.margH20{margin-left: 20px;margin-right: 20px;}

.margL0{margin-left: 0px;}
.margL5{margin-left: 5px;}
.margL10{margin-left: 10px;}
.margL15{margin-left: 15px;}
.margL20{margin-left: 20px;}
.margL25{margin-left: 25px;}
.margL30{margin-left: 30px;}
.margL60{margin-left: 60px;}
.margL10pc{margin-left: 10%;}

.margR0{margin-right: 0px;}
.margR5{margin-right: 5px;}
.margR10{margin-right: 10px;}
.margR15{margin-right: 15px;}
.margR20{margin-right: 20px;}
.margR30{margin-right: 30px;}
.margR40{margin-right: 40px;}
.margR60{margin-right: 60px;}
.margR10pc{margin-right: 10%;}

.margT2{margin-top: 2px;}
.margT5{margin-top: 5px;}
.margT8{margin-top: 8px;}
.margT10{margin-top: 10px;}
.margT15{margin-top: 15px;}
.margT20{margin-top: 20px;}
.margT25{margin-top: 25px;}
.margT30{margin-top: 30px;}
.margT35{margin-top: 35px;}
.margT40{margin-top: 40px;}
.margT50{margin-top: 50px;}
.margT60{margin-top: 60px;}
.margT80{margin-top: 80px;}
.margT100{margin-top: 100px;}
.margT140{margin-top: 140px;}
.margT160{margin-top: 160px;}
.margT-70{margin-top: -70px;}

.margB0{margin-bottom: 0px;}
.margB5{margin-bottom: 5px;}
.margB8{margin-bottom: 8px;}
.margB10{margin-bottom: 10px;}
.margB20{margin-bottom: 20px;}
.margB30{margin-bottom: 30px;}
.margB40{margin-bottom: 40px;}
.margB60{margin-bottom: 60px;}
.margB80{margin-bottom: 80px;}
.margB100{margin-bottom: 100px;}
.margB180{margin-bottom: 180px;}
.margB200{margin-bottom: 200px;}
.margB220{margin-bottom: 220px;}

.marg0{margin: 0}

.pad0{padding:0px;}
.pad5{padding:5px;}
.pad6{padding:6px;}
.pad8{padding:8px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}
.pad50{padding:50px;}
.pad60{padding:60px;}
.pad80{padding:80px;}

.padV5{padding-top: 5px;padding-bottom: 5px;} 
.padV7{padding-top: 7px;padding-bottom: 7px;} 
.padV10{padding-top: 10px;padding-bottom: 10px;} 
.padV15{padding-top: 15px;padding-bottom: 15px;}
.padV20{padding-top: 20px;padding-bottom: 20px;}
.padV25{padding-top: 25px;padding-bottom: 25px;}
.padV28{padding-top: 28px;padding-bottom: 28px;}
.padV30{padding-top: 30px;padding-bottom: 30px;}
.padV40{padding-top: 40px;padding-bottom: 40px;}
.padV60{padding-top: 60px;padding-bottom: 60px;}
.padV80{padding-bottom: 80px;padding-top: 80px;}

.padH5{padding-left:5px;padding-right:5px;}
.padH10{padding-left:10px;padding-right:10px;}
.padH12{padding-left:12px;padding-right:12px;}
.padH15{padding-left:15px;padding-right:15px;}
.padH20{padding-left:20px;padding-right:20px;}
.padH30{padding-left:30px;padding-right:30px;} 
.padH40{padding-left:40px;padding-right:40px;}
.padH50{padding-left:50px;padding-right:50px;}
.padH120{padding-left: 120px;padding-right: 120px;}

.padL50{padding-left:50px;}

.padT0{padding-top: 0px;}
.padT10{padding-top: 10px;}
.padT12{padding-top: 12px;}
.padT15{padding-top: 15px;}
.padT20{padding-top: 20px;}
.padT28{padding-top: 28px;}
.padT30{padding-top: 30px;}
.padT32{padding-top: 32px;}
.padT38{padding-top: 38px;}
.padT40{padding-top: 40px;}
.padT60{padding-top: 60px;}
.padT100{padding-top: 100px;}
.padT160{padding-top: 160px;}
 
.padR15{padding-right: 15px;}
 
.padL0{padding-left: 0px;}

.padB5{padding-bottom: 5px;}
.padB8{padding-bottom: 8px;}
.padB10{padding-bottom: 10px;}
.padB16{padding-bottom: 16px;}
.padB19{padding-bottom: 19px;}
.padB20{padding-bottom: 20px;}
.padB22{padding-bottom: 22px;}
.padB30{padding-bottom: 30px;}
.padB38{padding-bottom: 38px;}
.padB80{padding-bottom: 80px;}
.padB90{padding-bottom: 90px;}
.padB100{padding-bottom: 100px;}
.padB140{padding-bottom: 140px;}
.padB170{padding-bottom: 170px;}
.padB190{padding-bottom: 190px;}

 /********************************************
 * ***************  POSITION  ****************
 * *****************************************/
.alignC{text-align:center;}
.alignR{text-align:right;}
.alignL{text-align:left;}
.alignJ{text-align:justify;}

.alignfb{align-items: baseline;}
.alignfC{align-items: center;}
.centerH{margin-left: auto;margin-right: auto;}
.centerHI{margin-left: auto!important;margin-right: auto!important;}
.centerV{top: 50%;transform: translateY(-50%);}
.centerW{left: 50%;transform: translateX(-50%);}
.center{top: 50%;left: 50%;transform: translate(-50%,-50%);}
.justifcR{justify-content: flex-end;}
.justifcC{justify-content: center;}
.justifcT{justify-content: flex-start;}
.justifcSB{justify-content: space-between;}

.left50pc{left: 50%; margin-left: -25px;}

.t-0{top: 0;}
.t-5{top: 5px;}
.t-10{top: 10px;}
.t-12{top: 12px;}
.t-14{top: 14px;}
.t-15{top: 15px;}
.t-20{top: 20px;}
.t-25{top: 25px;}
.t-27{top: 27px;}
.t-30{top: 30px;}
.t-115{top: 115px;}
.t--2{top: -2px;}
.t--10{top: -10px}
.t--15{top: -15px}
.t--20{top: -20px}
.t--25{top: -25px}
.t--19pc{top: -19%}

.l-20{left: 20px;}
.l-40{left: 40px;}
.l-143{left: 143px;}
.l-50pc{left: 50%;}
.l--25pc{left: -25%;}
.l--100vw{left: -100vw;}

.b-0{bottom: 0;}
.b-10{bottom: 10px;}
.b-50{bottom: 50px;}
.b-60{bottom: 60px;}
.b-200{bottom: 200px;}
.b--10{bottom: -10px;}
.b--17{bottom: -17px;}
.b--20{bottom: -20px;}
.b--50{bottom: -50px;}
.b--60{bottom: -60px;}
.r-0{right: 0px;}
.r-10{right: 10px;}
.r-15{right: 15px;}
.r-30{right: 30px;}
.r--10{right: -10px;}

.floatR{float: right;}
.floatL{float: left;}

 /********************************************
 * ****************  BORDERS * ***************
 * ******************************************/
.border1{border-radius: 0 0 0 12px;}
.border4{border-radius: 0 0 12px 0;}
.border7{border-radius: 0 12px 0 0;}
.border8{border-radius: 12px 0 0 0 ;}
.brad4{border-radius: 4px;}
.brad8{border-radius: 8px;}
.brad10{border-radius: 10px;}
.brad13{border-radius: 13px;}
.brad16{border-radius: 16px;}
.brad20{border-radius: 20px;}
.brad30{border-radius: 30px;}
.brad40{border-radius: 40px;}
.brad100{border-radius: 100px;}
.bradT16{border-radius: 16px 16px 0 0}
.bradB16{border-radius: 0 0 16px 16px}

.border2{border: 6px solid;}
.border3{border: 6px solid;} 
.border5{border: 2px solid;} 
.border6{border: 2px solid ;} 

 /********************************************
 * ****************  FIELDS * ****************
 * ******************************************/
label.radiofield, label.checkfield{
    position: relative;
    cursor: pointer;
}
label.radiofield input, label.checkfield input{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: relative;
}
.checkmarkbox {
  font-family: "Font Awesome 5 Free";
  content: '\f0c8';
  font-size: 1rem;  
  margin-right: 0.3rem  ;
  width: 17px;
  height: 17px;
  display: inline-block;
  font-weight: 900;
}
label.checkfield input:checked ~ .checkmarkbox::before {
    top: 1px;
    left: 1px;
    position: relative
}
.markboxchecked{
    background-image: url("/content/static/picto_checked.svg");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
}
label.radiofield input:checked ~ .checkmark::before {
    display: block;
}
label.radiofield .checkmark::before {
    top: -1px;
    left: 0px;
    width: 18px;
    height: 18px;
    background: transparent;
    content: "";
    position: absolute;
    border-radius: 50%;
}

label.radiofield input:checked ~ .checkmark::after {
    top: 3px;
    left: 4px;
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    border-radius: 50%;
}

.blocField{
  border: 2px solid transparent;
  padding: 10px;
  margin: 2px;
}

.number-wrapper:after,
.number-wrapper:before{
    text-align: center;
    position: absolute;
    right: 7px;
    width: 18px;
    height: 18px;
    font-size: 15px;
    pointer-events: none;
    cursor: pointer;
}

.select-wrapper:after {
    bottom:-4px;
    position: relative;
    right: 21px;
    font-size: 15px;
    pointer-events: none;
    background: transparent;
}
.number-wrapper:after  {
  margin-top: 5px;
}

.number-wrapper:before {
    margin-bottom: 5px;
    bottom: 2px;
    padding-top: 6px;
}


 /********************************************
 * ******************  FONT * ****************
 * ******************************************/

.ftLH1{line-height: 1rem;}
.ft13{font-size: 1.3rem;}
.ftLH15{line-height: 1.5rem;}
.ft15{font-size: 1.5rem;}
.ftLH17{line-height: 1.7rem;}
.ft14{font-size: 1.4rem;}
.ftLH15{line-height: 1.5rem;}
.ft16{font-size: 1.6rem;}
.ftLH18{line-height: 1.8rem;}
.ft18{font-size: 1.8rem;}
.ftLH19{line-height: 1.9rem;}
.ftLH20{line-height: 2.0rem;}
.ft20{font-size: 2.0rem;}
.ftLH21{line-height: 2.1rem;}
.ftLH22{line-height: 2.2rem;}
.ft24{font-size: 2.4rem;}
.ftLH24{line-height: 2.4rem;}
.ft26{font-size: 2.6rem;}
.ftLH26{line-height: 2.6rem;}
.ft28{font-size: 2.8rem;}
.ftLH28{line-height: 2.8rem;}
.ftLH30{line-height: 3rem;}
.ftLH31{line-height: 3.1rem;}
.ft32{font-size: 3.2rem;}
.ftLH33{line-height: 3.3rem;}
.ftLH34{line-height: 3.4rem;}
.ftLH35{line-height: 3.5rem;}
.ftLH37{line-height: 3.7rem;}
.ft39{font-size: 3.9rem;}
.ft40{font-size: 4rem;}
.ft42{font-size: 4.2rem;}
.ft46{font-size: 4.6rem;}
.ft48{font-size: 4.8rem;}
.ftLH48{line-height: 4.8rem;}
.ftLH50{line-height: 5rem;}
.ft50{font-size: 5rem;}
.ft52{font-size: 5.2rem;}
.ftLH52{line-height: 5.2rem;}
.ftLH53{line-height: 5.3rem;}
.ft56{font-size: 5.6rem;}
.ftLH62{line-height: 6.2rem;}
.ftLH67{line-height: 6.7rem;}
.ft122{font-size: 12.2rem;}
.ftLH122{line-height: 12.2rem;}

.letterspacing--4pc{letter-spacing: -4%;}

.ftwhite{color:var(--color-white); }

.ftB5{font-weight: 500;}
.ftB6{font-weight: 600;} 

.underline{text-decoration: underline;}
.nounderline{text-decoration: none;}
.capitalize{text-transform: capitalize;}
.uppercase{text-transform: uppercase;}
.italic{font-style: italic;}
.bolder{font-weight: bold;}
.breakword{word-wrap: break-word;}

 /********************************************
 * ******************  CTA  ******************
 * ******************************************/
.ctadisabled{
  opacity: .2;
  pointer-events: none;
}
.nopointer{
  pointer-events: none;
}


 /********************************************
 * ****************  ELEMENT  ****************
 * ******************************************/

.cursor{cursor: pointer;}

.inviewport {
    transition: top 2s ease forwards, opacity 2s ease forwards;
    top: 50px;
    opacity: 0;
    position: relative;
}
.come-in:nth-child(2n+1) {
    animation-duration: 0.6s;
}
.come-in {
    animation: come-in 0.8s ease forwards;
        animation-duration: 0.8s;
    top: 50px;
    opacity: 0;
}
.already-visible {
    transform: translateY(0);
    animation: none;
    top: 0;
    opacity: 1;
}
@keyframes come-in {
  to { /*transform: translateY(0);*/top: 0;
  opacity: 1; }
}


.backwhite{background: var(--color-white)}

 /**************************************************
 * ****************  SPECIAL BOOTSTRAP  ****************
 * ************************************************/
.order-6 {
    order: 6 !important;
}
.order-7 {
    order: 7 !important;
}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
  }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .padT100-md{padding-top: 100px;}
    .alignL-md{text-align: left;}
    .margT20-md{margin-top: 20px;}
    .margT40-md{margin-top: 40px;}
    .fullW-md{width: 100%}
    .block-md{display: block;}
    .float0-md{float: none;}
    .ftLH40-md{font-size: 4rem}
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .fullW-sm{width: 100%}
    .padL20-sm{padding-left: 20px;}
    .margB0-sm{margin-bottom: 0}
    .hide-sm{display: none;}
    .show-{display: inline-block;}
    .pad0-sm{padding: 0px;}
    .pad10-sm{padding: 10px;}
    .pad30-sm{padding: 30px;}
    .pad40-sm{padding: 40px;}
    .padH0-sm{padding-left: 0px;padding-right: 0px;}
    .padH30-sm{padding-left: 30px;padding-right: 30px;}
    .padL30-sm{padding-left: 30px;}
    .ft16-sm{font-size: 1.6rem}
    .ft18-sm{font-size: 1.8rem}
    .ft20-sm{font-size: 2rem;}
    .ft28-sm{font-size: 2.8rem;}
    .ft14-sm{font-size: 1.4rem}
    .ft90-sm{font-size: 9rem}
    .ftLH15-sm{line-height: 1.5rem}
    .ftLH20-sm{line-height: 2rem}
    .ftLH22-sm{line-height: 2.2rem}
    .ftLH24-sm{line-height: 2.4rem}
    .ftLH26-sm{line-height: 2.6rem}
    .ftLH30-sm{line-height: 3rem}
    .ftLH31-sm{line-height: 3.1rem}
    .ftLH60-sm{line-height: 6rem}
    .ftLH90-sm{line-height: 9rem}
    .margV20-sm{margin-bottom: 20px; margin-top: 20px}
    .margT20-sm{ margin-top: 20px}
    .margT30-sm{ margin-top: 30px}
    .margR0-sm{margin-right: 0}
    .h27-sm{height: 27px}
    .bloc-sm{display: block;}
    .maxH30-sm{max-height: 30px;}
    .alignL-sm{text-align: left;}
} 

/*X-Small devices (portrait phones, less than 576px)*/
 @media (max-width: 575.98px) {
    .hide-{display: none;}
    .b-20-{bottom: 20px;}
    .middleW-{width: 50%}
    .fullW-{width: 100%}
    .w37-{width: 37px;}
    .ft14-{font-size: 1.4rem}
    .ft18-{font-size: 1.8rem}
    .ft24-{font-size: 2.4rem;}
    .ft28-{font-size: 2.8rem;}
    .ftLH15-{line-height: 1.5rem}
    .ftLH22-{line-height: 2.2rem;}
    .ftLH26-{line-height: 2.6rem;}
    .ftLH29-{line-height: 2.9rem;}
    .ftLH30-{line-height: 3rem;}
    .ftLH31-{line-height: 3.1rem;}
    .ft34-{font-size: 3.4rem;}
    .ftLH37-{line-height: 3.7rem;}
    .pad10-{padding: 10px;}
    .h27-{height: 27px}
    .padH0-{padding-left: 0px;padding-right: 0px;}
    .centerH-{margin-left: auto;margin-right:auto}
}