.slider-container {
  /*background-color: rgba(18, 19, 82,1);*/
  transform: translate3d(-3.1%, 0px, 0px); opacity: 1; width: 100vw; align-items: center;justify-content: center;
}
.slider-visor{
  width:100%;  max-width:100%;
  height:39.5vw;  margin: 0px;
  text-align: center;  border-radius: 0px;
  overflow: hidden;  position: relative;
}
.slider-base{
  background: url("/web/images/layout/sombra-slide.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;  height:4rem;
  display: flex;  flex-flow: column;  align-items: center
}
* {box-sizing:border-box}
/* Slideshow container */
.slideshow-container{position: relative;margin: auto; text-align:center;align-items: center;height:100%}
.slider-container .el-Slide{background-color: rgba(157, 199, 55,5);height: inherit;}
.slider-container .el-Slide img{display: block;margin-left: auto;margin-right: auto;width:100%;max-height:133%;transform: translatey(-10%);}
/* 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.im1 .slide-conte-text{position: absolute;top:7vw;right:6.4%; padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';}
.slider-container .el-Slide.im1 .slide-conte-text .slide-top-text{font-size:1.4vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgba(157,202,0,1);background-color:rgba(255,255,255,1);}
.slider-container .el-Slide.im1 .slide-conte-text .slide-center-text{font-size:3.5vw;padding: 6px 15px 0px 15px;  font-family: 'Prata','Arial';color:rgba(255, 255, 255,1);/*background-color:rgba(255, 255, 255, 0.25);*/}
.slider-container .el-Slide.im1 .slide-conte-text .slide-buton-text{font-size:2vw;font-weight: bold;padding: 0px 15px 6px 15px;  font-family: 'bahamas','Arial';color:rgba(157,202,0,1);/*background-color:rgba(255,255,255,1);*/}
.slider-container .el-Slide.im2 .slide-conte-text{position: absolute;top:7vw;right:6.4%; padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';}
.slider-container .el-Slide.im2 .slide-conte-text .slide-top-text{font-size:1.4vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgba(157,202,0,1);background-color:rgba(255,255,255,1);}
.slider-container .el-Slide.im2 .slide-conte-text .slide-center-text{font-size:2.5vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgba(255, 255, 255,1);background-color:rgba(255, 255, 255, 0.25);}
.slider-container .el-Slide.im2 .slide-conte-text .slide-buton-text{font-size:0.8vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgb(2, 2, 2);background-color:rgba(255,255,255,1);}
.slider-container .el-Slide.im3 .slide-conte-text{position: absolute;top:7vw;right:6.4%; padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';}
.slider-container .el-Slide.im3 .slide-conte-text .slide-top-text{font-size:1.4vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgba(157,202,0,1);background-color:rgba(255,255,255,1);}
.slider-container .el-Slide.im3 .slide-conte-text .slide-center-text{font-size:2.5vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgba(255, 255, 255,1);background-color:rgba(255, 255, 255, 0.25);}
.slider-container .el-Slide.im3 .slide-conte-text .slide-buton-text{font-size:0.8vw;padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial';color:rgb(2, 2, 2);background-color:rgba(255,255,255,1);}

.slider-container .el-Slide.im1 .slide-text 
{
  color: rgba(255, 255, 255, 1);position: absolute;top:7vw;right:6.4%; padding: 6px 15px 6px 15px;  font-family: 'Prata','Arial'; border-radius: 3px;  
  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.im2 .slide-text 
{
  color: rgba(255, 255, 255, 1);position: absolute;bottom:7vw;left:6.4%; padding: 6px 15px 6px 15px;  font-family: 'Raleway','Arial'; border-radius: 3px;  
  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.im3 .slide-text 
{
  color: rgba(255, 255, 255, 1);position: absolute;bottom:7vw;left:6.4%; padding: 6px 15px 6px 15px;  font-family: 'Raleway','Arial'; border-radius: 3px;  
  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 .im1 .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.im1{ z-index: 3;opacity:0;}
.efecto.im2{ z-index: 2;opacity:0;}
.efecto.im3{ z-index: 1;opacity:0;}
.efecto.inicia.im1{z-index:4;}
.efecto.inicia.im1 .slide-text{z-index:4;}
.efecto.inicia.im1 .slide-text a{z-index:5;}
.efecto.inicia.im2{z-index:4;}
.efecto.inicia.im2 .slide-text{z-index:4;}
.efecto.inicia.im2 .slide-text a{z-index:5;}
.efecto.inicia.im3{z-index:4;}
.efecto.inicia.im3 .slide-text{z-index:4;}
.efecto.inicia.im3 .slide-text a{z-index:5;}

.efecto.inicia {-webkit-animation: efecto-in 2s -0s linear; animation: efecto-in 2s -0s linear;animation-timing-function: ease-in-out;opacity: 1;}
.efecto.fin {-webkit-animation: efecto-out 2s -0s linear; animation: efecto-out 2s -0s linear;animation-timing-function: ease-in-out;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 .slide-text{max-width:80vw;}
}
