.cont-aps-galeria{display:block; width: 100%; height: 100%; display: table; text-align: center;}
.cont-aps-galeria > ul{display: inline-block; max-width: 800px; width: 100%; max-height: 500px; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
/*.cont-aps-galeria > ul:before{ content: ''; display: inline-block; position: relative; margin-top: 50%;}*/
.cont-aps-galeria > ul > li{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center;}
.cont-aps-galeria > 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-galeria > ul > li.img-2 .bg{opacity: 1;}
 .cont-aps-galeria > ul > li .content{position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;display: block; width: 800px; height: 300px;}

.button-aps-galeria{
    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-galeria.prev{background-image: url('../../img/frontend/slider/button-aps-slider-prev.svg'); background-repeat: no-repeat;background-size: auto 80%; left: 20px;}
.button-aps-galeria.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-galeria > ul{
    top: -100%;
 }
.cont-aps-galeria > ul.init{
    top: 0;
    -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; transition: all 1s ease 0s;
}
 .cont-aps-galeria > ul > li{
 	
    -webkit-animation-duration: .5s;
    -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: .5s;
    -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-galeria > 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-galeria > 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;
    }
}


@media (max-width: 1023px) {

    
}
@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;}
    }