.placeholder-slider{position:relative;width:100%;padding-top:60%;}
.slider{position:relative;width:100%;padding-top:70%;}
.slide{position:absolute;top:0;width:100%;height:100%;margin-bottom:30px}
.arrow-left,.arrow-right{height:50px;width:50px;position:absolute;top:48%;margin-top:-25px;cursor:pointer;background:url(../img/default/adelante.png)center/cover;opacity:0;transition:.5s opacity;filter: drop-shadow(0px 0px 3px #111);}

.arrow-left{left:20px;transform:rotate(180deg)}.arrow-right{right:20px;transform:rotate(0deg)}

.slide.ng-hide-add, .slide.ng-hide-remove {transition:all linear 0.5s;display:block!important;}
.slide.ng-hide-add.ng-hide-add-active,.slide.ng-hide-remove {opacity:1/*0*/;animation:0.5s lightSpeedOut ease;}
.slide.ng-hide-add,.slide.ng-hide-remove.ng-hide-remove-active {opacity:1;animation:0.5s lightSpeedIn ease;}
@keyframes lightSpeedIn {0% {transform: translate3d(100%, 0, 0)}100% {transform: translate3d(0%, 0, 0)}}
@keyframes lightSpeedOut {0% {transform: translate3d(0%, 0, 0)}100% {transform: translate3d(-100%, 0, 0)}}

.reverse.ng-hide-add.ng-hide-add-active,.reverse.ng-hide-remove {opacity:1/*0*/;animation:0.5s reverselightSpeedOut ease;}
.reverse.ng-hide-add,.reverse.ng-hide-remove.ng-hide-remove-active {opacity:1;animation:0.5s reverselightSpeedIn ease;}
@keyframes reverselightSpeedIn {0% {transform: translate3d(-100%, 0, 0)}100% {transform: translate3d(0%, 0, 0)}}
@keyframes reverselightSpeedOut {0% {transform: translate3d(0%, 0, 0)}100% {transform: translate3d(100%, 0, 0)}}


/*	  */

.placeholder-slider span{position:absolute;bottom:10px;left:30px}
#dots{position:absolute;top:10px;width:100%;text-align:center;opacity:1;transition:.5s opacity}/*momentaneamente siempre visible*/
.dot{height:7px;width:7px;display:inline-block;margin:10px;border-radius:7px;cursor:pointer;border:2px solid white;box-shadow:0 0 7px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.2)}
.activeDot{background-color:#5991b3!important}
.placeholder-slider:hover #dots,.placeholder-slider:hover .arrow-left,.placeholder-slider:hover .arrow-right{opacity:1}
.slide .pie{padding:3px 10px;background-color:rgba(255,255,255,0.7);position:absolute;bottom:-30px;left:-15px;font-size:80%}
.placeholder{overflow:hidden}

.slide img{position:absolute;width:100%;top:0;left:0}

galeria .placeholder-slider{position:relative;width:100%;padding-top:95%;margin-bottom:0px;overflow:hidden}
galeria .placeholder-slider span{position:absolute;bottom:40px;left:30px}
galeria .slide{position:absolute;top:60px;width:100%;height:80%}
galeria .slide .pie{display:block;padding:3px 10px;box-sizing:border-box;background-color:rgba(255,255,255,0.7);position:absolute;bottom:-30px!important;left:-10px;font-size:80%}
galeria #dots{position:absolute;bottom:20px;height:100px;overflow:hidden;width:100%;opacity:1;text-align:center;text-align:center;z-index:100}
galeria .dot{height:35px;width:35px;display:inline-block;margin:5px;border-radius:3px;cursor:pointer;box-shadow:0 0 7px rgba(0,0,0,0.7);border-color:transparent}
galeria .activeDot{box-shadow:0 0 7px rgba(255,0,0,0.7);border-color:red}
galeria .arrow-left,galeria .arrow-right{top:49%}



.placeholder-slider{position:relative;width:100%;padding-top:60%;}
.slider{position:relative;width:100%;padding-top:70%;}
.slide{position:absolute;top:0;width:100%;height:100%;margin-bottom:30px}
.arrow-left,.arrow-right{height:50px;width:50px;position:absolute;top:48%;margin-top:-25px;cursor:pointer;background:url(../img/default/adelante.png)center/cover;opacity:0;transition:.5s opacity;filter: drop-shadow(0px 0px 3px #111);}

.arrow-left{left:20px;transform:rotate(180deg)}.arrow-right{right:20px;transform:rotate(0deg)}

.slide.ng-hide-add, .slide.ng-hide-remove {transition:all linear 0.5s;display:block!important;}
.slide.ng-hide-add.ng-hide-add-active,.slide.ng-hide-remove {opacity:1/*0*/;animation:0.5s lightSpeedOut ease;}
.slide.ng-hide-add,.slide.ng-hide-remove.ng-hide-remove-active {opacity:1;animation:0.5s lightSpeedIn ease;}
@keyframes lightSpeedIn {0% {transform: translate3d(100%, 0, 0)}100% {transform: translate3d(0%, 0, 0)}}
@keyframes lightSpeedOut {0% {transform: translate3d(0%, 0, 0)}100% {transform: translate3d(-100%, 0, 0)}}

.reverse.ng-hide-add.ng-hide-add-active,.reverse.ng-hide-remove {opacity:1/*0*/;animation:0.5s reverselightSpeedOut ease;}
.reverse.ng-hide-add,.reverse.ng-hide-remove.ng-hide-remove-active {opacity:1;animation:0.5s reverselightSpeedIn ease;}
@keyframes reverselightSpeedIn {0% {transform: translate3d(-100%, 0, 0)}100% {transform: translate3d(0%, 0, 0)}}
@keyframes reverselightSpeedOut {0% {transform: translate3d(0%, 0, 0)}100% {transform: translate3d(100%, 0, 0)}}


/*	  */

.placeholder-slider span{position:absolute;bottom:10px;left:30px}
#dots{position:absolute;top:10px;width:100%;text-align:center;opacity:1;transition:.5s opacity}/*momentaneamente siempre visible*/
.dot{height:7px;width:7px;display:inline-block;margin:10px;border-radius:7px;cursor:pointer;border:2px solid white;box-shadow:0 0 7px rgba(0,0,0,0.7);background-color:rgba(0,0,0,0.2)}
.activeDot{background-color:#5991b3!important}
.placeholder-slider:hover #dots,.placeholder-slider:hover .arrow-left,.placeholder-slider:hover .arrow-right{opacity:1}
.slide .pie{padding:3px 10px;background-color:rgba(255,255,255,0.7);position:absolute;bottom:-30px;left:-15px;font-size:80%}
.placeholder{overflow:hidden}

.slide img{position:absolute;width:100%;top:0;left:0}

galeria .placeholder-slider{position:relative;width:100%;padding-top:95%;margin-bottom:0px;overflow:hidden}
galeria .placeholder-slider span{position:absolute;bottom:40px;left:30px}
galeria .slide{position:absolute;top:60px;width:100%;height:80%}
galeria .slide .pie{display:block;padding:3px 10px;box-sizing:border-box;background-color:rgba(255,255,255,0.7);position:absolute;bottom:-30px!important;left:-10px;font-size:80%}
galeria #dots{position:absolute;bottom:20px;height:100px;overflow:hidden;width:100%;opacity:1;text-align:center;text-align:center;z-index:100}
galeria .dot{height:35px;width:35px;display:inline-block;margin:5px;border-radius:3px;cursor:pointer;box-shadow:0 0 7px rgba(0,0,0,0.7);border-color:transparent}
galeria .activeDot{box-shadow:0 0 7px rgba(255,0,0,0.7);border-color:red}
galeria .arrow-left,galeria .arrow-right{top:49%}