@font-face{
  font-family: "ColabBol";
  src:url("../fonts/ColabBol.otf");
}

@font-face{
  font-family: "ColabReg";
  src:url("../fonts/ColabReg.otf");
}

@font-face{
  font-family: "ColabThi";
  src:url("../fonts/ColabThi.otf");
}


body{
  font-size: 1.1rem;
  font-family: ColabReg;
}

b{ font-family: ColabBol; }

.colabR{
  font-family: ColabReg;
}

.colabB{
  font-family: ColabBol;
}

.colabT{
  font-family: "ColabThi";
}

.text-green{
  color: rgb(222, 247, 28);
}

.slide-1{
  background: url('../img/PORTADA.png') no-repeat;
  background-size: cover;
  background-position: left bottom;
  min-height: 100vh;
  margin-top: 0px;
}

.bg-negro{
  background: #010101;
  min-height: 50vh;
  margin-top: 0px;
}

.slide-2{
  background: url('../img/bg-negro2.png') no-repeat;
  background-size: cover;
  background-position: left bottom;
  min-height: 60vh;
  margin-top: 0px;
}

.border-horizontal{
  height: 8vh;
    max-width: 100%;
    border-bottom: solid #ccc 0.1px;
}


.border-horizontal:after {
  content: "";
  width: 30px;
  height: 30px;
  background:url("../img/cuadro-verde.png") no-repeat -30px;
  top: 6vh;
  right: 55px;
  position: fixed;
  border-radius:0.5rem;
  z-index:1000;
}

.punto{
  margin-top: -8%;
  margin-right: -20%;
}

.space{
  height: 9vh;
}

.icons{
  width: 7%;
}

.iconsF{
  width: 4%;
}

.lineV{ 
  padding:0; 
  margin:0;
}

.lineV:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  border: 0.1px solid #ccc;
  top: 0;
  right: 70px;
}

.lineV2{ 
  padding:0; 
  margin:0;
}

.lineV2:after {
  content: '';
  width: 0;
  height: 100vh;
  position: fixed;
  border: 0.1px solid #ccc;
  top: 0;
  right: 70px;
}

.lineV3{ 
  padding:0; 
  margin:0;
}

.lineV3:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  border: 0.1px solid #ccc;
  top: 158%;
  right: 70px;
}

.flecha::before{
  content: "";
  display: inline-block;
  background: url(../img/ICONO1.png) no-repeat center;
  background-size: 100%;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.flechaD::before{
  content: "";
  display: inline-block;
  background: url(../img/FLECHA.png) no-repeat center;
  background-size: 100%;
  width: 35px;
  height: 15px;
  margin-right: 10px;
}

.bg-green{
  background: rgb(222, 247, 28);
  border-radius: 1em;
  padding: 0 1rem;
}

.bg-greenIMG{
  background: url('../img/bg-green.png') no-repeat;
  background-size: cover;
  background-position: left bottom;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.lineGreen{
  border-bottom: solid 5px rgb(222, 247, 28);
    margin: auto;
    width: 80px;
    height: 1vh;
    margin-bottom: 2rem;
}

.text-justify{
  text-align: justify;
}

.iconAlign{
  text-align: left;
}


.slide1{
  background: url('../img/client1.png') no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 10vh;
  margin-top: 0px;
}

.slide2{
  background: url('../img/client2.png') no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 10vh;
  margin-top: 0px;
}

.slick-prev {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 25%;
  background: transparent;
  border: transparent;
  color: transparent;
}
.slick-prev:before {
    content: url('../img/flecha_izq.png');
}


.slick-next {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 25%;
  background: transparent;
  border: transparent;
  color: transparent;
}
.slick-next:before {
    content: url('../img/flecha_der.png');
}


.whatsapp {
    position: fixed;
    width: 51px;
    height: 51px;
    bottom: 30px;
    right: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 36px;
    z-index: 100;
}

.whatsapp-icon {
    margin-top: 6px;
}

.bg-mayores{
  background: url('../img/fondo-lang.png') no-repeat;
  background-size: cover;
  background-position: center bottom;
  min-height: 65vh;
}

.btn-lang{
  background: url('../img/BOTON.png') no-repeat;
  background-size: cover;
  background-position: center;
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 1024px) {
  .lineV:after{ 
    display: none;
  }
  .lineV2:after{ 
    display: none;
  }
  .lineV3:after{ 
    display: none;
  }

  .slide-1 {
    background-position: left top;
    min-height: 80vh;
  }
  .icons{
    width: 7%;
  }

  .border-horizontal{
    height: 2vh;
    max-width: 100%;
    border-bottom: solid #ccc 0px;
  }

  .border-horizontal:after {
    top: 6vh;
    right: 3.7%;
    position: absolute;
    z-index:10;
  }

  .space{
    height: 7vh;
  }
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .icons{
    width: 35%;
  }

  .iconsF{
    width: 14%;
  }

  .iconAlign{
    text-align: center;
  }

  .border-horizontal{
    height: 2vh;
    max-width: 100%;
    border-bottom: solid #ccc 0px;
  }

  .border-horizontal:after {
    display: none
  }

  .space{
    height: 4vh;
  }
}