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

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

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

.novisible{visibility: hidden;}

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

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

.minW40{min-width:40px;}
.minW50{min-width:50px;}
.minW100{min-width:100px;}
.minW150{min-width:150px;}
.minW250{min-width:250px;}
.minW500{min-width:500px;}
.minW550{min-width:550px;}

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

.maxH620{max-height:620px;}

.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;}
.h150{height:150px;}
.h280{height:280px;}
.h350{height:350px;}
.h440{height:440px;}

.w10{width: 10px;}
.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;}
.w99{width: 99px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w250{width: 250px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w300{width: 300px;}
.w400{width: 400px;}

.w10pc{width:10%;}
.w20pc{width:20%;}
.w25pc{width:25%;}
.w30pc{width:30%;}
.w40pc{width:40%;}
.w50pc{width:50%;}
.w60pc{width:60%;}
.w70pc{width:70%;}
.w80pc{width: 80%;}
.w85pc{width: 85%;}
.w90pc{width: 90%;}

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

.margH5{margin-left: 5px;margin-right: 5px;}
.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%;}

.margT_init{margin-top: inherit!important;}
.margT0{margin-top: 0px;}
.margT2{margin-top: 2px;}
.margT3{margin-top: 3px;}
.margT5{margin-top: 5px;}
.margT8{margin-top: 8px;}
.margT10{margin-top: 10px;}
.margT15{margin-top: 15px;}
.margT20{margin-top: 20px;}
.margT25{margin-top: 25px;}
.margT28{margin-top: 28px;}
.margT30{margin-top: 30px;}
.margT35{margin-top: 35px;}
.margT40{margin-top: 40px;}
.margT45{margin-top: 45px;}
.margT50{margin-top: 50px;}
.margT60{margin-top: 60px;}
.margT80{margin-top: 80px;}
.margT100{margin-top: 100px;}
.margT120{margin-top: 120px;}
.margT140{margin-top: 140px;}
.margT160{margin-top: 160px;}
.margT190{margin-top: 190px;}
.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;}
.margB220{margin-bottom: 220px;}

.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad40{padding:40px;}
.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;}

.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;}
.padT140{padding-top: 140px;}
.padT149{padding-top: 149px;}
.padT150{padding-top: 150px;}
.padT153{padding-top: 153px;}
.padT180{padding-top: 180px;}
.padT190{padding-top: 190px;}
 
.padR10{padding-right: 10px;}
.padR15{padding-right: 15px;}

.padB5{padding-bottom: 5px;}
.padB8{padding-bottom: 8px;}
.padB10{padding-bottom: 10px!important;}
.padB16{padding-bottom: 16px;}
.padB19{padding-bottom: 19px;}
.padB20{padding-bottom: 20px;}
.padB22{padding-bottom: 22px;}
.padB30{padding-bottom: 30px;}
.padB38{padding-bottom: 38px;}
.padB40{padding-bottom: 40px;}
.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;}
.flexdirC{flex-direction: column;}

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

.t-0{top: 0;}
.t-5{top: 5px;}
.t-9{top: 9px;}
.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-70{top: 70px}
.t-115{top: 115px;}
.t-120{top: 120px;}
.t--2{top: -2px;}
.t--10{top: -10px}
.t--15{top: -15px}
.t--20{top: -20px}
.t--25{top: -25px}

.l-0{left: 0px;}
.l-20{left: 20px;}
.l-40{left: 40px;}
.l-143{left: 143px;}
.l-250{left: 250px;}
.l-50pc{left: 50%;}
.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: 2px solid;}

 /********************************************
 * ****************  SHADOW * ***************
 * ******************************************/
.bshadow0_5{box-shadow: 0px 0 5px 5px rgba(107, 108, 108, 0.58);}
.bshadow5_0{box-shadow: 5px 0 5px 0px rgba(107, 108, 108, 0.58);}

 /********************************************
 * ****************  FIELDS * ****************
 * ******************************************/



 /********************************************
 * ******************  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;}
.ft22{font-size: 2.2rem;}
.ft24{font-size: 2.4rem;}
.ft26{font-size: 2.6rem;}
.ft28{font-size: 2.8rem;}
.ftLH26{line-height: 2.6rem;}
.ft32{font-size: 3.2rem;}
.ftLH34{line-height: 3.4rem;}
.ft39{font-size: 3.9rem;}
.ft42{font-size: 4.2rem;}
.ftLH50{line-height: 5rem;}
.ft52{font-size: 5.2rem;}

.ftLH1{line-height: 1rem;}

.upper{text-transform: uppercase;}
.underline{text-decoration: underline;}
.nounderline{text-decoration: none;}
.capitalize{text-transform: capitalize;}
.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; }
}



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

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

@media (max-width: 991.98px) {
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .hauto-md{height: auto;}
} 