* {box-sizing:border-box}
.slider-container {
  /*background-color: rgba(18, 19, 82,1);*/
  opacity: 1;  width:calc(100%);
  position: relative;  z-index:1;
  margin-top:4vw;
}
.slider-visor{
  width:100%;  max-width:100%;
  height:42.5vw;  margin: 0px;
  text-align: center;  border-radius: 0px;
  overflow: hidden;  position: relative;
  background-color:rgba(255,255,255);
}
.slider-base{
  background: url("/web/images/layout/sombra-slide.png") no-repeat center center;
  -webkit-background-size:contain;
  -moz-background-size:contain;
  -o-background-size:contain;
  background-size:contain;
  width:100%;  height:4rem;
  display: flex;  flex-flow: column;
  align-items: center;  margin-bottom:-5vw;
}
.slider-base.no{display:none;}
/* Slideshow container */
.slideshow-container{position: relative;margin: auto; text-align:center;align-items: center;height:100%}
.slider-container .el-Slide{height: inherit;width:100%;}
.slider-container .el-Slide img{display: block;margin-left: auto;margin-right: auto;width:100%;max-height:133%;}
/* Hide the images by default */
.slider-container .dots{position: absolute;z-index:9; bottom:0.6rem;width: 100%;text-align: center;}
.slider-container .bt-pn{position: absolute;z-index:10;top:50%;width: 100%}
/* Next & previous buttons */
.slider-container .prev, .slider-container .next {
  cursor: pointer;
  width: auto;
  padding: 1rem;
  color:rgba(255, 255, 255,1);
  font-weight: bold;
  font-size: 2rem;
  transition: 0.6s ease;
  user-select: none;
  background: black;
}
/* Position the "next button" to the right */
.slider-container .next {float: right;border-radius: 0.5rem 0 0 0.5rem;}
.slider-container .prev{float: left;border-radius: 0 0.5rem 0.5rem 0;}
/* On hover, add a black background color with a little bit see-through */
.slider-container .prev:hover, .slider-container .next:hover{background-color: rgba(0,0,0,0.8);}
/* Caption text */
.slider-container .el-Slide .text {
  color: rgba(255, 255, 255, 1);position: absolute;bottom:7vw;left:6.4%;
      padding: 6px 15px 6px 15px;
      border-radius: 3px;
      font-family: 'Raleway','Arial';
      font-size: 2vw;
      text-shadow: none;
      line-height: 1.5;
      font-weight: normal;
      text-align: inherit;
      text-transform: none;
      word-wrap: normal;
      max-width:26vw;
    }
.slider-container .el-Slide .text a{text-decoration: none;color:inherit;position:relative;}
/* Number text (1/3 etc) */
.slider-container .numbertext {color: rgba(251, 246, 246, 1);padding: 8px 12px;position: absolute;width: 100%;font-size: 1rem;font-weight: bold;}
/* The dots/bullets/indicators */
.slider-container .dot {
  cursor: pointer;
  height: 0.6rem;
  width: 0.6rem;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.slider-container .active,.slider-container .dot:hover{background-color: rgba(193, 39, 39, 0.95);}
/* Fading animation */
.efecto{position: absolute;}
.efecto.inicia {-webkit-animation: efecto-in 2s -0s; animation: efecto-in 2s -0s;animation-timing-function: ease-in-out;opacity: 1!important;}
.efecto.fin {-webkit-animation: efecto-out 2s -0s; animation: efecto-out 2s -0s;animation-timing-function: ease-in-out;opacity:0!important;}
.efecto.im1{ z-index: 3;opacity:0;}
.efecto.inicia.im2{z-index:4;}
.efecto.inicia.im2 .text{z-index:4;}
.efecto.inicia.im2 .text a{z-index:5;}
.efecto.im2{ z-index: 2;opacity:0;}
.efecto.im3{ z-index: 1;opacity:0;}
@-webkit-keyframes efecto-in{0% {opacity: 0;}100% {opacity:1;}}
@keyframes efecto-in{0% {opacity: 0;}100% {opacity:1;}}
@-webkit-keyframes efecto-out{0% {opacity:1;}100% {opacity:0;} }
@keyframes efecto-out{0% {opacity: 1;} 100% {opacity:0;} }
/* FIN Fading animation */

@media only screen and (max-device-width : 800px)
{
  .slider-container .el-Slide .text{max-width:80vw;}
}