.bdef1   {color:white; padding: 2px 2px 2px 2px; border-radius:3px;  background-color:#2EC4B6;}
.bdef2   {color:white; padding: 2px 2px 2px 2px; border-radius:3px;  background-color:#E71D36;}
.bred    {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#DD4132;}
.bgreen  {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#61B329;}
.bblue   {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#609DEC;}
.bbrown  {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:brown;}
.bnavy   {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#00539C;}
.bolive  {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#908080;}
.borange {color:white; padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#FF6600;}
.bgray   {color:white; padding: 0px  5px 0px  5px; border-radius:3px;  background-color:#6F6F6D;}
.byellow {             padding: 3px 10px 3px 10px; border-radius:3px;  background-color:#FFD662;}

.dc1 {background-color:#2EC4B6;}
.dc2 {background-color:#E71D36;}

.wbox {background-color: #454545; 
       padding:       20px 35px 22px 35px; 
       border-radius: 1rem; 
       text-align:    center;
}
.nobg    {background-color: transparent;}
.spicon1 {font-size: 1.1em; }
.spicon2 {font-size:   2em; vertical-align:middle; }
.spicon3 {font-size:   3em; vertical-align:middle; }

.colordef1  {color: #2EC4B6;}
.colordef2  {color: #E71D36;}
.colorgreen {color: LimeGreen;}
.colorred   {color: red;}

.nav-pills2 .nav-link { border-radius: 0.25em; }
.nav-pills2 .nav-link.active,
.nav-pills2 .show > .nav-link { color: #fff; background-color: #2EC4B6; }

.vid-div  {background-color: #252525; text-align: center;}
.vid-resp {max-width: 100%; max-height: 100%;}
.vid-ro   {pointer-events: none;}
.div-100  {height: 100%; margin: 0; padding: 0}

.vid-mob {max-height: 100%; 
          max-width: 100%;
          object-fit: cover;
          transform: scaleX(-1); 
          filter: FlipH;}


.fixd2 {
  position:      absolute;
  top:           20vh;
  text-align:    center;
  border-radius: 5px;  
  z-index:       1; 
}

.nff {color:     white; 
      font-size: 2em; 
      padding:   40px;
      opacity:   0.8; 
      border-radius:    5px;  
      background-color: #E55B00; 
      }

/*
* TEXOR TABLES
*/
.tbgc  {background: #f9f9f9;}
.tbgc2 {background: White;}
.tth   {padding-left: 10px; }
.ttd   {padding-left: 10px; padding-right: 10px; } 

/*
* CHLOE
*/
.ie-10 .box-chloe__icon, .ie-11 .box-chloe__icon {
  background: 0 0;
  color: #2EC4B6
 }

 .ie-10 .box-chloe_secondary .box-chloe__icon, .ie-11 .box-chloe_secondary .box-chloe__icon {
  color: #2EC4B6
 }

.box-chloe {
 position: relative;
 padding: 20px;
 text-align: center
}

@media(max-width:767.98px) {
 .box-chloe {
  max-width: 370px;
  margin-left: auto;
  margin-right: auto
 }
}

.box-chloe::before {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: #fff;
 box-shadow: 0 0 20px 0 rgba(51,51,51,.10);
 pointer-events: none;
 z-index: 0
}

.box-chloe > * {
 position: relative;
 z-index: 1
}

.box-chloe * + .button-sm {
 margin-top: 20px
}

.equal-btn {width: 270px;
            border-radius: 2px;
           }

.box-chloe__icon {
 position: relative;
 font-size: 50px;
 text-transform: uppercase;
 background: linear-gradient(to right,#2EC4B6 40%,#5F9EA0 60%);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent
}

.box-chloe__main {
 position:     relative;
 max-width:    300px;
 margin-left:  auto;
 margin-right: auto;
 height:       170px;
}

.box-chloe_secondary .box-chloe__icon {
 color: #2EC4B6
}

* + .box-chloe__icon {
 margin-top: 10px
}

* + .box-chloe__main {
 margin-top: 10px
}

* + .box-chloe__title {
 margin-top: 10px
}

.box-chloe__title + p, .box-alice__title + p {
 letter-spacing: .05em
}

@media(min-width:992px) {
 html:not(.tablet):not(.mobile) .box-chloe::before {
  transition: .33s
 }

 html:not(.tablet):not(.mobile) .box-chloe__icon {
  transition: .33s
 }

 html:not(.tablet):not(.mobile) .box-chloe__main {
  transform: translate3d(0,0,0);
  transition: .33s
 }

 html:not(.tablet):not(.mobile) .box-chloe:hover::before {
  transform: scale3d(1.04,1.04,1.04)
 }

 html:not(.tablet):not(.mobile) .box-chloe:hover .box-chloe__icon {
  transform: scale3d(1.4,1.4,1.4)
 }

 html:not(.tablet):not(.mobile) .box-chloe:hover .box-chloe__main {
  transform: translate3d(0,10px,0)
 }
}

@media(min-width:1200px) {
 .box-chloe {
  padding: 40px 20px
 }
}