/********************************************
 * ****************  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;}
.maxW560{max-width:560px;}
.maxW600{max-width:600px;}
.maxW800{max-width:800px;}
.maxW850{max-width:850px;}
.maxW1200{max-width:1200px;}

.minW40{min-width:40px;}

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

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

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

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

.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;}
.h60{height: 60px;}
.h70{height: 70px;}
.h100{height:100px;}
.h120{height:120px;}
.h130{height:130px;}
.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;}
.w40{width: 40px;}
.w45{width: 45px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w78{width: 78px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w210{width: 210px;}
.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;}
 /*******************************************
 * ****************  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;}

.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;}
.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;}
.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;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.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;}
.padH50{padding-left:50px;padding-right:50px;}
.padH120{padding-left: 120px;padding-right: 120px;}

.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;}
.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-200{bottom: 200px;}
.b--10{bottom: -10px;}
.b--17{bottom: -17px;}
.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;}
.brad20{border-radius: 20px;}
.brad30{border-radius: 30px;}
.brad100{border-radius: 100px;}

.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 * ****************
 * ******************************************/

.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;}
.ft16{font-size: 1.6rem;}
.ftLH18{line-height: 1.8rem;}
.ft18{font-size: 1.8rem;}
.ftLH20{line-height: 2.0rem;}
.ft20{font-size: 2.0rem;}
.ftLH22{line-height: 2.2rem;}
.ft24{font-size: 2.4rem;}
.ft26{font-size: 2.6rem;}
.ftLH26{line-height: 2.6rem;}
.ft32{font-size: 3.2rem;}
.ftLH34{line-height: 3.4rem;}
.ft39{font-size: 3.9rem;}
.ft40{font-size: 4rem;}
.ft42{font-size: 4.2rem;}
.ftLH50{line-height: 5rem;}
.ft50{font-size: 5rem;}
.ft52{font-size: 5.2rem;}

.ftLH1{line-height: 1rem;}

.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; }
}

.separator{background: #1B243F; height: 1px; width: 100%}


.backblue .messageMenuBtn.active *{fill: #1B243F}

 /**************************************************
 * ****************  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;}
}

/* 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;}
} 

/*X-Small devices (portrait phones, less than 576px)*/
 @media (max-width: 575.98px) {
    .hide-{display: none;}
}

@media (min-width: 992px) {

}

@media (min-width: 576px) {

}

.rot-54{rotate:-54deg};