.visuallyhidden{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.active .slide {
  display: block !important;
  visibility: hidden;
  transition: left .6s ease-out;
}

.active .slide.current {
  visibility: visible;
  left: 0;
}

.active .slide.next {
  left: 100%;
}

.active .slide.prev {
  left: -100%;
}

.active .slide.next.in-transition,
.active .slide.prev.in-transition {
  visibility:visible;
}

  .carousel, .slide {
    width: 100%;
    padding:0;
    margin: 0;
    overflow: hidden;
    z-index: 0
  }
  .carousel {
    position: relative;
  }
  .carousel ul {
    margin:0;
    padding: 0;
  }
  .slide {
    height: 595px;
    background-size: cover;
    position: relative;
    margin-bottom:1em;
    border:1px solid #333;
  }
  .slide h4 {
    display:inline-block;
    float:righ;
    font-size: 1.25em;
    margin:0;
    padding: .25em;
    text-align: right;
    background-color: rgba(255,255,255,.8);
    float:right;
    border-radius: 0 0 0 .5em;
  }
  .slide p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0;
    clear:both;
    padding: 5px;
    background-color: rgba(255,255,255,.8);
  }
  .slide a {
    display:block;
    text-align: right;
  }

.carousel.active {
  height: 595px;
  position:relative;
}

.active .slide {
  border: none;
  display: none;
  position:absolute;
  top:0;
  left:0;
  z-index:200;
}

.slide.current {
  display:block;
  z-index: 500;
}

.btn-prev,
.btn-next {
  position:absolute;
  z-index: 700;
  top: 50%;
  margin-top: -2.5em;
  border:0;
  background: rgba(255,255,255,.6);
  line-height: 1;
  padding:10px 5px;
  transition: padding .4s ease-out;
  font-size: 1.5em;
}

.btn-next:hover,
.btn-next:focus,
.btn-prev:hover,
.btn-prev:focus {
  font-size: 1.5em !important;
  background: white;
}
ul.slidenav li button:after{
  content: none;

}
.btn-prev span, .btn-next span {
    font-size: 1.5em;
    width: 40px;
    height: 40px;
}
.btn-prev {
  left:5px;
}

.btn-next {
  right:5px;

}

.carousel.with-slidenav {
  padding-bottom: 2em;
  background-color: #fff;
  margin-bottom: 2em
}

.slidenav {
  position: absolute;
  bottom:.25em;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 500;
}

.slidenav li {
  display:inline-block;
  margin: 0 .5em;
}

.slidenav button {
    border: 2px solid #fff;
    background-color: rgb(66, 115, 20);
    /*line-height: 1em;
     height: 1.5em; */
    width: auto;
    font-weight: bold;
    color: #fff;
    padding: 5px 20px;
}
.slidenav button.current {
  border-radius: .5em;
  background-color: #fff;
  color: #333;
}

.slidenav button:hover,
.slidenav button:focus {
  border: 2px dotted #fff;
  font-size: 0.81em !important;
}

.slidenav button.current:hover,
.slidenav button.current:focus {
  border: 2px dotted rgb(66, 115, 20);
  font-size: 0.81em !important;
}
#carousel a:focus .slider-homeTitle,
#carousel a:hover .slider-homeTitle,
#carousel a:active .slider-homeTitle,
#carousel a:focus .btn-slider,
#carousel a:hover .btn-slider,
#carousel a:active .btn-slider {
    text-decoration: underline;
}
.slider-bloque-texto {
  position: absolute;
  right: 4%;
  padding: 20px 33px;
  text-align: left;
  width: 436px;
  top: 50%;
  height: 100%;
  transform: translateY(-50%);    
}
.slide .verde.slider-bloque-texto,
.verde.slider-bloque-texto {
  background: rgba(66,115,20,0.8)
}
.slide .blanco.slider-bloque-texto,
.blanco.slider-bloque-texto {
  background: rgba(255,255,255,0.8)
}
.slide .naranja.slider-bloque-texto,
.naranja.slider-bloque-texto {
  background: rgba(199,75,7,0.8)
}
.slide .azul.slider-bloque-texto,
.azul.slider-bloque-texto{
  background: rgba(0,99,190,0.8)
}
#carousel .slider-homeTitle {
    padding: 0;
    text-align: left;
    margin: 0px;
    padding-left: 0;
    padding-right: 0;
    font-family: HelveticaNeue-light;
    font-size: 30px;
    line-height: 42px;
    color: white 
}
.slider-homeTitle a {
    text-align: left;
    color:white;
}
.slider-homeTitle a:hover {
    text-decoration:underline;
}

.blanco.slider-bloque-texto .slider-homeTitle,
.blanco.slider-bloque-texto .slider-homeTitle a
{
    color: #427314;
}
.btn-slider {
	  text-align: left;
    padding: 10px;
    border: solid 1px #ffffff;
    font-size: 12px;
    font-weight: bold;
    font-family: HelveticaNeue-light;
    letter-spacing: 0.92px;
    text-transform: uppercase;
    padding: 1px 25px 0;
    display: inline-flex;
    min-height: 36px;
    justify-content: center;
    align-items: center;
}
.slide .blanco.slider-bloque-texto .btn-slider,
.blanco.slider-bloque-texto .btn-slider {
    border: solid 1px #5d8a1a;
    color: #5d8a1a;
}
.slide .azul.slider-bloque-texto .btn-slider,
.slide .naranja.slider-bloque-texto .btn-slider,
.slide .verde.slider-bloque-texto .btn-slider,
.azul.slider-bloque-texto .btn-slider,
.naranja.slider-bloque-texto .btn-slider,
.verde.slider-bloque-texto .btn-slider{
    border: solid 1px #ffffff;
    color: #ffffff;
}

.btn-slider {
    margin-top: 30px;
}
a.full-link {
    position: absolute;
    width: 100%;
    height: 100%;
}
.descripcion-slider {
    color: white;
    font-size: 1.2rem;
}
.valign{
      position: relative;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 1590px){
.carousel.active,  .slide   {
    height: 460px
}
}
@media only screen and (max-width: 1266px){
.carousel.active,  .slide   {
    height: 31vw;
}
}
@media only screen and (max-width: 767px){
  /*
  .slide{
    background-position: center;
    background-size: cover;
  }
  .img-slideshow{
    opacity: 0
  }*/
.btn-slider {
    margin-top: 5px; 
    font-size:11px;
    padding: 0px 12px
}  
  .descripcion-slider {
    font-size: 14px;
}
.slider-homeTitle {
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}  
.carousel.active {
  height: 200px;
  position:relative;
  }
.slide {
      height: 195px;
      background-size: cover;
      position: relative;
      margin-bottom: 1em;
      border: 1px solid #333;
      background-position: center;
  }

  .valign {
    position: relative;
    top: auto;
    transform: none;
  }
.slider-bloque-texto {
    position: absolute;
    right: 12%;
    top: 33%;
    background: rgba(55,105,22,0.8);
    padding: 20px 33px;
    text-align: left;
    width: 76%;
    height: auto;
    transform: translateY(-50%); 
}  
}