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

.flex{display: flex;}
.inlineb{display: inline-block;}
.inlinef{display: inline-flex;}
.listI{display: list-item;}
.block{display: block;}

.nooverflow{overflow: hidden;}

.z1{z-index: 1;}
.z5{z-index: 5;}
.z10{z-index: 10;}
.z20{z-index: 20;}
.z30{z-index: 30;}
.z50{z-index: 50;}
.z100{z-index: 100;}
.z3000{z-index: 3000;}
.z5000{z-index: 5000;}

.pointer *{cursor: pointer !important;}

.clearb{clear: both;}

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

.opac2{opacity: .2};

/********************************************
 * **************  DIMENSION  ***************
 * *****************************************/
.maxW120{max-width:120px;}
.maxW160{max-width:160px;}
.maxW250{max-width:250px;}
.maxW300{max-width:300px;}
.maxW600{max-width:600px;}
.maxW800{max-width:800px;}
.maxW900{max-width:900px;}
.maxW1200{max-width:1200px;}

.minW40{min-width:40px;}

.minH500{min-height: 500px;}
.minH600{min-height: 600px;}
.minH280{min-height: 280px;}
.minH100vh{min-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;}
.h130{height:130px;}
.h280{height:280px;}

.w16{width: 16px;}
.w20{width: 20px;}
.w25{width: 25px;}
.w28{width: 28px;}
.w40{width: 40px;}
.w45{width: 45px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w210{width: 210px;}
.w290{width: 290px;}

.w90pc{width: 90%;}


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

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

.padH15{padding-left:15px;padding-right:15px;}
.padH10{padding-left:10px;padding-right:10px;}
.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;}
 
.padL40{padding-left: 40px;}

.padR15{padding-right: 15px;}

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

.alignfb{align-items: baseline;}
.alignfC{align-items: center;}
.centerH{margin-left: auto;margin-right: auto;}
.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;}

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

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

.l-10{left: 10px;}
.l-15{left: 15px;}
.l-20{left: 20px;}
.l-40{left: 40px;}
.l-143{left: 143px;}
.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 * ***************
 * ******************************************/
.brad4{border-radius: 4px;}
.brad8{border-radius: 8px;}
.brad10{border-radius: 10px;}
.brad13{border-radius: 13px;}
.brad30{border-radius: 30px;}
.brad100{border-radius: 100px;}

.border2{border: 2px solid;}

 /********************************************
 * ******************  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;}
.ft17{font-size: 1.7rem;}
.ftLH18{line-height: 1.8rem;}
.ft18{font-size: 1.8rem;}
.ft19{font-size: 1.9rem;}
.ftLH20{line-height: 2.0rem;}
.ft20{font-size: 2.0rem;}
.ftLH22{line-height: 2.2rem;}
.ft24{font-size: 2.4rem;}
.ftLH26{line-height: 2.6rem;}
.ft27{font-size: 2.7rem;}
.ft30{font-size: 3.0rem;}
.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;}

.underline{text-decoration: underline;}
.capitalize{text-transform: capitalize;}
.italic{font-style: italic;}
.bolder{font-weight: bold;}

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