.cont-aps-slider{display:block; width: 100%; height: 100%;}
 .cont-aps-slider > ul{display: block; width: 100%; height: 100%;}
 .cont-aps-slider > ul > li{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center;}
 .cont-aps-slider > ul > li .bg{
    position: absolute; z-index: 1; width: 100%; height: 100%; opacity: 0;  background-size: cover; background-position: center;
    -webkit-transition: all 1.5s ease 0s;
    -moz-transition: all 1.5s ease 0s;
    -o-transition: all 1.5s ease 0s;
    transition: all 1.5s ease 0s;
}
 .cont-aps-slider > ul > li.img-2 .bg{opacity: 1;}
 .cont-aps-slider > ul > li .cont-texto{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ddcf9b+38,ddcf9b+100&0+38,0.46+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 38%, rgba(0,0,0,0.46) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 38%,rgba(0,0,0,0.46) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 38%,rgba(0,0,0,0.46) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ddcf9b', endColorstr='#75ddcf9b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */



 }
 .cont-aps-slider > ul > li .content{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;display: block; width: 800px; height: 300px;}

 .cont-aps-slider > ul > li:nth-child(1) h1 {
    display: inline-block;
    width:100%; height: 180px; background-image: url('../../img/frontend/logo-2.png'); background-size:  auto 90%; background-position: center; background-repeat: no-repeat;
}
 .cont-aps-slider > ul > li .cont-texto h2{
    text-align: center; font-family: 'Dosis', Arial; font-weight: 700; font-size: 300%; margin-bottom: 10px;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 1); -webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 1); -moz-text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
}
 .cont-aps-slider > ul > li .cont-texto p{
    text-align: center; font-family: 'Dosis', Arial; font-weight: 400; font-size:220%;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
}
 .cont-aps-slider > ul > li .cont-texto p.small{font-size:150%;}

.button-aps-slider{
    position: absolute; top: 0; bottom: 0; margin:auto; width: 50px; height: 50px; z-index: 10;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.button-aps-slider.prev{background-image: url('../../img/frontend/slider/button-aps-slider-prev.svg'); background-repeat: no-repeat;background-size: auto 80%; left: 20px;}
.button-aps-slider.next{background-image: url('../../img/frontend/slider/button-aps-slider-next.svg'); background-repeat: no-repeat;background-size: auto 80%; right: 20px; background-position: right top;}


 /*Logica*/
 .cont-aps-slider > ul > li{
 	
    -webkit-animation-duration: 1.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    
    -moz-animation-duration: 1.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
 	z-index: 1; opacity: 0;
 }

 .cont-aps-slider > ul > li.in{
    -webkit-animation-name: anim_slides;
    -moz-animation-name: anim_slides;
     -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    z-index: 2; opacity: 1;
 }
  .cont-aps-slider > ul > li.in.out{
    -webkit-animation-name: anim_slides-out;
    -moz-animation-name: anim_slides-out;
     -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;

    -webkit-animation-duration:2s; 
    -moz-animation-duration: 2s;
    z-index: 1; 
 }

 /*Logica*/
 /* keyframes #anim_slides */
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:.25;
    }
    24% {
        opacity:.7;
    }
    30% {
        opacity:.9;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:.25;
    }
    24% {
        opacity:.7;
    }
    30% {
        opacity:.9;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes anim_slides-out {
    0% {
        opacity:1;
    }
    6% {
        opacity:.75;
    }
    24% {
        opacity:.5;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides-out {
     0% {
        opacity:1;
    }
    6% {
        opacity:.75;
    }
    24% {
        opacity:.5;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

.cont-aps-slider > ul > li .cont-texto{
    
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    left: -100%
}
.cont-aps-slider > ul > li.in .cont-texto{
    
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    left: 0;
}



.cont-aps-slider > ul > li .cont-texto .content{
    
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    top: 0
}
.cont-aps-slider > ul > li.in .cont-texto .content{
    
    -webkit-transition: all 1s ease 2s;
    -moz-transition: all 1s ease 2s;
    -o-transition: all 1s ease 2s;
    transition: all 1s ease 2s;
    top: 0;
}

.cont-aps-slider > ul > li .cont-texto .content h1{
    
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    position: relative;
    left: 50px; opacity: 0; top: 0;
}
.cont-aps-slider > ul > li.in .cont-texto .content h1{
    
    -webkit-transition: all .8s ease .2s;
    -moz-transition: all .8s ease .2s;
    -o-transition: all .8s ease .2s;
    transition: all .8s ease .2s;
    left: 0; opacity: 1;
}
.cont-aps-slider > ul > li.out .cont-texto .content h1{
    
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    left: 0; top: -50px; opacity: 0;
}




.cont-aps-slider > ul > li .cont-texto .content h2{
    
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    position: relative;
    left: 50px; opacity: 0; top:0;
}
.cont-aps-slider > ul > li.in .cont-texto .content h2{
    
    -webkit-transition: all .8s ease .4s;
    -moz-transition: all .8s ease .4s;
    -o-transition: all .8s ease .4s;
    transition: all .8s ease .4s;
    left: 0; opacity: 1;
}
.cont-aps-slider > ul > li.out .cont-texto .content h2{
    
     -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    left: 0; top: -50px; opacity: 0;
}

.cont-aps-slider > ul > li .cont-texto .content p{
    
    -webkit-transition: all 0s ease 0s;
    -moz-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    position: relative;
    left: -50px; opacity: 0;  -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    left: -50px; top: 0; opacity: 0;
}
.cont-aps-slider > ul > li.in .cont-texto .content p{
    
    -webkit-transition: all .8s ease .6s;
    -moz-transition: all .8s ease .6s;
    -o-transition: all .8s ease .6s;
    transition: all .8s ease .6s;
    left: 0; opacity: 1;
}
.cont-aps-slider > ul > li.out .cont-texto .content p{
    
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    left: 0; top: -50px; opacity: 0;
}

@media (max-width: 1023px) {

     .cont-aps-slider > ul > li .content{width: 300px; height: 150px;}

     .cont-aps-slider > ul > li:nth-child(1) h1 {height: 90px;}
     .cont-aps-slider > ul > li .cont-texto h2{
        font-size: 170%; margin-bottom: 5px;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 1); -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
    }
     .cont-aps-slider > ul > li .cont-texto p{font-size:140%; text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); -moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, .8);
    }
    .cont-aps-slider > ul > li .cont-texto p.small{font-size:100%;}


    
}
@media (max-width: 500px) {
    .button-aps-slider{width: 30px; height: 30px;}
    .button-aps-slider.prev{left:10px}
    .button-aps-slider.next{right:10px}
}

@media (max-width: 360px) {
    .button-aps-slider{width: 30px; height: 30px; top: auto; bottom: 130px; }
    .button-aps-slider.prev{left:-30px; right: 0;  background-position: center center;}
    .button-aps-slider.next{right:-30px; left: 0; border-left: 1px solid #fff;  background-position: center center;}
}

    @media (max-height: 370px) and (max-width: 360px){
      .button-aps-slider{bottom: 48px}
      .button-aps-slider{height: 15px;}
    }