.section{
}
section{
    min-height: 100%;
}
.center{top: 50%;left: 50%;transform: translate(-50%,-50%);}
.centerV{top: 50%;transform: translateY(-50%);}
.centerH{margin: 0 auto;}

.alignC{text-align: center;}
.alignfC{align-items: center;}
.alignfS{align-items: flex-start;}
.alignfE{align-items: flex-end;}
.alignR{text-align: right;}
.alignL{text-align: left;}

.justifyC{ justify-content: center;}
.justifySB{justify-content: space-between;}
.justifyFE{justify-content: flex-end;}
.justifyFS{justify-content: flex-start;}

.nooverflow{overflow: hidden;}

.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}

.inlineb{display: inline-block;}
.ruby{display: ruby;}
.flex{display: flex;}

.w65px{width:65%;}
.w18{width:18px} 
.h18{height:18px}
.maxW760{max-width: 760px}
.maxH370{max-height: 370px}

.btnfalse{
    font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
    font-size: var( --e-global-typography-accent-font-size );
    font-weight: var( --e-global-typography-accent-font-weight );
    text-transform: var( --e-global-typography-accent-text-transform );
    line-height: var( --e-global-typography-accent-line-height );
    fill: var( --e-global-color-accent );
    color: var( --e-global-color-accent );
    background-color: #FFFFFF00;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var( --e-global-color-accent );
    border-radius: 0px 0px 0px 0px;
}

.marg0{margin:0}

.margB60{margin-bottom:60px;}

.margV10{margin-top:10px;margin-bottom:10px;}

.margT10pc{margin-top:10%;}
.margT20pc{margin-top:20%;}
.margT20{margin-top:20px;}
.margT40{margin-top:40px;}
.margT60{margin-top:60px;}
.margT80{margin-top:80px;}

.margR10{margin-right: 10px}
.margR40{margin-right: 40px}

.margL10{margin-left: 10px}
.margL20{margin-left: 20px}
.margL30{margin-left: 30px}

.margH20{margin-right: 20px}

.pad15{padding: 15px}
.pad20{padding: 20px}
.pad40{padding: 40px}

.padV10{padding-bottom:10px; padding-top: 10px}
.padV40{padding-bottom:40px; padding-top: 40px}
.padV100{padding-bottom:100px; padding-top: 100px}

.padV30pc{padding-bottom:30%; padding-top: 30%}

.padH20{padding-left:20px; padding-right: 20px}
.padH40{padding-left:40px; padding-right: 40px}
.padH100{padding-left: 100px; padding-right: 100px}

.t-0{top: 0}
.r-0{right: 0}

.ftredI{color: rgb(230, 0, 65)!important;}
.ftblackI{color: rgb(35, 42, 44)!important;}
.ftblack{color: #000000!important;}
.ftOutfitI{
  font-family: "Outfit", sans-serif!important;
}
.ft18I{ font-size: 18px!important;line-height: 20px!important;}
.ft20I{ font-size: 20px!important;line-height: 24px!important;}
.ft25I{ font-size: 25px!important;line-height: 29px!important;}
.ft30I{ font-size: 30px!important;line-height: 32px!important;}
.ft35I{ font-size: 35px!important;line-height: 37px!important;}
.ft40I{ font-size: 40px!important;line-height: 42px!important;}
.ft48I{ font-size: 48px!important;line-height: 50px!important;}

.ftnormal{font-weight: 500!important;}
.bolder7{font-weight: 700}
.bolder9{font-weight: 900}

.upper{text-transform: uppercase;}
.noupper{text-transform: none!important;}

.backgrey{background:rgb(236, 242, 246)}
.backgreylight{background:lightgrey;}
.backgreylightT{background:rgba(236, 242, 246, 0.5)}

.fillred{fill: #e40042;}

.h22{height:22px} .w22{width:22px}
.h25{height:25px} .w25{width:25px}

.w40pc{width:40%}
.w50pc{width:50%}
.w70pc{width:70%}

.fullH{height: 100%}
.fullHvh{height: 100vh}
.fullW{width: 100%}
.middleW{width: 50%}

.icon svg {
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
}
.icon1{
    width:70px;
    height:70px;
}
.icon1 svg {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
}
.icon2 svg {
  width: 15px;
  height: 15px;
  position: relative;
  display: block;
}

.boverlay::before{  
  background-color: #ECF2F6;
  content: '';
  display: block;
  position: absolute;
  opacity: 0.75;
  transition: .3s,.3s;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.fp-controlArrow.fp-next {
  border-color: transparent transparent transparent rgb(230, 0, 65);
  border-width: 10px 0 10px 10px !important;
}
.fp-controlArrow.fp-prev {
  border-color: transparent rgb(230, 0, 65) transparent transparent;
  border-width: 10px 10px 10px 0 !important;
}
.fp-controlArrow {
  margin-top: -4px !important;
}
.specialbackcontent::before{
  content: '';
  display: block;
  position: absolute;
  opacity: 1;
  transition: .3s,.3s;
  border-radius: 0;;
  border: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgb(230, 0, 65);
}
.specialbackcontentI{height: 100%;position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;}
.specialbackcontentI::before{
  content: '';
  display: block;
  position: absolute;
  opacity: 1;
  transition: .3s,.3s;
  border-radius: 0;;
  border: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.specialbackcontentT::before{
  background-image: linear-gradient(227deg, #ECF2F699 30%, #FFF 0%);
  top: -3%;
}
.specialbackcontentB::before{
  background-image: linear-gradient(315deg, #ECF2F699 54%, #FFFFFF 0%);
  top: 54%;  
}


.arrow-left {width: 0;
  height: 0;
  border-top: 61vh solid transparent;
  border-bottom: 0vw solid transparent;
  border-right: 20vw solid rgba(230, 0, 65, .3);
  left: 33%;
  position: relative;
}

.arrow-down {
  width: 0;
  height: 0;
  border-left: 30vw solid transparent;
  border-right: 0vw solid transparent;
  border-top: 25vw solid rgba(230, 0, 65, .3);
  left: 0%;
  position: relative;
}
.mask1 {
  -webkit-mask-image: url(../img/w3logo.png);
  mask-image: url(../img/w3logo.png);
  mask-repeat: no-repeat;    
}
.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
/********************************************
* ***************  MEDIA QUERIES ************
* ******************************************/
@media (max-width: 575.98px) {
}

@media (max-width: 767.98px) {
  .alignL- {
    text-align: left;
  }

  .padV10-{padding-bottom:10px; padding-top: 10px}
  
  .justifyFS-{justify-content: flex-start;}
}

@media (max-width: 991.98px) { 
  .pad0-sm{padding: 0px}
  .pad40-sm{padding: 40px}
  .heightA-sm{height: auto}
  .nocenter-sm{top: 0;left: 0;transform:none;}
  .hide-sm{display: none;}
}

@media (max-width: 1199.98px) { }

@media (max-width: 1399.98px) {  }


.backblack{background: #000000;}
.backgrey{background: grey;}
.w200{width:200px;}
.floatL{float:left;}
.b-0{bottom:0px;}
.b-20{bottom:20px;}
.centerV{top: 50%;  transform: translateY(-50%);}
.r--100{right:-100px}
.padL40{padding-left: 40%;}
.pad10{padding: 10px;}
.l-130{left: 130px;}
.w400{width:400px;}
.maxW400{max-width:400px;}
.objectfitC{object-fit: cover;}
.specialW{width:calc(100% - 200px);}
.h500{height:500px;}
.z-index1{z-index: 1;}

.triangleT{
  display: block;
  height: 0;
  width: 0;
  border-top: 20px solid rgb(230, 0, 65)!important;
  border-right: 400px solid transparent;
}

.triangleR{
  display : block;
  height : 0;
  width : 0;
  border-bottom : 100vh  solid rgb(230, 0, 65)!important;
  border-left : 20px solid transparent;
}