

    .swiper-container {
      width: 100%;
      height: 100%;
      max-height: 250px;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.sliderprincipalaes {
    width: 100%; 
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 670px;
    max-width: 1920px; 
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-button-next {
  background: url(arrows2.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:999;
}
.swiper-button-prev {
  background: url(arrows2.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:999;
}

.swiper-pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:15px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
} 
.sliderprincipalaes0 {
    width: 100%;
 
    background: url(https://img.freepik.com/foto-gratis/disenadores-graficos-reunion_1170-2002.jpg) no-repeat top center;
 height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 670px;
    max-width: 1920px; 
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


.sliderprincipalaes1 {
    width: 100%;
 
    background: url(https://img.freepik.com/foto-gratis/grupo-personas-trabajando-plan-negocios-oficina_1303-16071.jpg) no-repeat top center;
 height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 670px;
    max-width: 1920px; 
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


.sliderprincipalaes2 {
    width: 100%;
 
    background: url(https://img.freepik.com/foto-gratis/laboratorio-computacion-moderno-equipado_23-2149241256.jpg) no-repeat top center;
 height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 670px;
    max-width: 1920px; 
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}





 


@media (max-width: 980px) {
  .sliderprincipalaes, .sliderprincipalaes0, .sliderprincipalaes1, .sliderprincipalaes2, .sliderprincipalaes3, .sliderprincipalaes4, .sliderprincipalaes5, .sliderprincipalaes6, .sliderprincipalaes7, .sliderprincipalaes8, .sliderprincipalaes9, .sliderprincipalaes10, .sliderprincipalaes11, .sliderprincipalaes12, .sliderprincipalaes13, .sliderprincipalaes14, .sliderprincipalaes15, .sliderprincipalaes16, .sliderprincipalaes17, .sliderprincipalaes18, .sliderprincipalaes19  {
      /*min-height: 500px;*/
      min-height: 230px;
  }  
}
@media (max-width: 860px) {
  .sliderprincipalaes, .sliderprincipalaes0, .sliderprincipalaes1, .sliderprincipalaes2, .sliderprincipalaes3, .sliderprincipalaes4, .sliderprincipalaes5, .sliderprincipalaes6, .sliderprincipalaes7, .sliderprincipalaes8, .sliderprincipalaes9, .sliderprincipalaes10, .sliderprincipalaes11, .sliderprincipalaes12, .sliderprincipalaes13, .sliderprincipalaes14, .sliderprincipalaes15, .sliderprincipalaes16, .sliderprincipalaes17, .sliderprincipalaes18, .sliderprincipalaes19  {
      min-height: 450px;
      min-height: 230px;
  } 
}
@media (max-width: 720px) { 
  .sliderprincipalaes, .sliderprincipalaes0, .sliderprincipalaes1, .sliderprincipalaes2, .sliderprincipalaes3, .sliderprincipalaes4, .sliderprincipalaes5, .sliderprincipalaes6, .sliderprincipalaes7, .sliderprincipalaes8, .sliderprincipalaes9, .sliderprincipalaes10, .sliderprincipalaes11, .sliderprincipalaes12, .sliderprincipalaes13, .sliderprincipalaes14, .sliderprincipalaes15, .sliderprincipalaes16, .sliderprincipalaes17, .sliderprincipalaes18, .sliderprincipalaes19  {
      min-height: 400px;
      min-height: 230px;
  }

}
@media (max-width: 640px) {
  .sliderprincipalaes, .sliderprincipalaes0, .sliderprincipalaes1, .sliderprincipalaes2, .sliderprincipalaes3, .sliderprincipalaes4, .sliderprincipalaes5, .sliderprincipalaes6, .sliderprincipalaes7, .sliderprincipalaes8, .sliderprincipalaes9, .sliderprincipalaes10, .sliderprincipalaes11, .sliderprincipalaes12, .sliderprincipalaes13, .sliderprincipalaes14, .sliderprincipalaes15, .sliderprincipalaes16, .sliderprincipalaes17, .sliderprincipalaes18, .sliderprincipalaes19  {
      min-height: 350px;
      min-height: 230px;
  }
}
@media (max-width: 520px) {
.sliderprincipalaes, .sliderprincipalaes0, .sliderprincipalaes1, .sliderprincipalaes2, .sliderprincipalaes3, .sliderprincipalaes4, .sliderprincipalaes5, .sliderprincipalaes6, .sliderprincipalaes7, .sliderprincipalaes8, .sliderprincipalaes9, .sliderprincipalaes10, .sliderprincipalaes11, .sliderprincipalaes12, .sliderprincipalaes13, .sliderprincipalaes14, .sliderprincipalaes15, .sliderprincipalaes16, .sliderprincipalaes17, .sliderprincipalaes18, .sliderprincipalaes19  {
      min-height: 160px;
      min-height: 160px;
  }
}
