slider{overflow:hidden}
.placeholder-slider{position:relative;width:100%;padding-top:65%;margin-bottom:30px;overflow:hidden}
.placeholder-slider:hover #dots,.placeholder-slider:hover .arrow-left,.placeholder-slider:hover .arrow-right{opacity:1}
.placeholder-slider span{position:absolute;bottom:10px;left:30px}

.slide{position:absolute;top:0;width:100%;height:100%}
.slide img{position:absolute;width:100%;top:0;left:0}
.slide .pie{padding:3px 10px;background-color:rgba(255,255,255,0.7);position:absolute;bottom:0px;left:0;font-size:80%}

.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)}}

#dots{position:absolute;top:10px;width:100%;text-align:center;opacity:0;transition:.5s opacity}
.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:red!important}

.arrow-left{left:0px;}.arrow-right{right:0px;transform:rotate(180deg)}
.arrow-left,.arrow-right{height:40px;width:35px;position:absolute;top:50%;margin-top:-25px;cursor:pointer;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAAAXNSR0IArs4c6QAABJNJREFUWAntmG1IW1cYx42JqanObmYBh3Y6FEccuMlG3Ngw1akMRYvfllFKhQ0EhYlgC3uRbQ7RzTptGE7RSemYWinRDy2VCNkUjJtdWBpjarUTvSYzKIkvMdUmxv2v3R3t3U3vTTx2H9YDNyfn7fn/zrnPOfe5NyLiSfofrcDTLS1t72K+L/yXc5Z2dXV94vV6/ePj4/rk5OQswIgeN5Do3LmP3ltbW9vc+ztNTU2Zi4uL8wEifmwwZWVlb1F2O8VAMPni4iJVVVV1CiBHDh1GoVCkWWy2Xxlxdr66urre1NRUC5C4w4SRGwyGAbY4u7y1tXXv4sVLrQBJwEXcb6J7e3sbfT4fW5ezHAgE9nQ6XTNAJCRXRlxfX/8BZnqXU5WjcmVlZbOmpuYMIMg5r0ajKXAicehxVtFb+jMkQMTiIpPS0tJemp2dtXAqclTu7gb2epCgriBDcN9KgtE4cZVDL2iVXq8fwdBUkhAxV67otLTTCU1ms3k6KSkpGxDEdork/IUL1dvb2/eEQlAU5czPzz8JCHLOWVlZedLldruEQrjdbm9FRUUVIMidqLm5ua/iqL4tFAKrFvi6ufkrQBA9SY+bTL8bhELQ/fr7B/oB8RwuYunYtWvXvw8FYnR0dBzqSmIEMCTt6Oj4eGdnZ1coyK2ZmTtKpTIHY4ntEFFtba0GDvdPbMEHg0PWVVJSogEEuedIaWnpm0tLS4t84ky7x+PZAfhZQMhwkUl0bIHI6hdGhC/3+/2B9vb2b6EeT4bgvpWjiDV/5BNn2ukT9vLlgWEMTTkoRCTLQCRii5BOQbE4MgAbPpadgxflcrnSbL55g5k1X07fmu6enm+g/NTB1R+2IFKr1bl4TvwrEA4GRTtrXV3dhzAjfdiU8BLnbVhYWKBgYlWlUhXIZDJe41KpVJyRkaGiKMeM1WqZwdg94Qj8PWWtra2fh3Kgzc3N3c7MzHyd33ToPeRDQ0OXgt0SrvqJiYlRyKSGLsU/InVycnKMSzRY3eDg4A8w+yy/6RB7ZGVlvYFlvxNMmF2P2xnQarVfQuaoUClOZ2UPXl5edmxsbDhycnJo541mt7PLYrFYlJ6e/hrOJIfRaLyJdvqsIZaONDQ0nPV67wp7m8Iy2e32P4uKit4BAbGnMTObY319fd+FEjxbLNOWlJSUVxgDJPPjCH6G2X7xqLLB8PN1ADxPEmLfFv0BxmazWR8l/mAbvYJ4R+7A4GeCwQhyVvbg9fV1p8PpXFCfOFEQGxMTw25nl0UiUQTeDl+Oi4vbHBkZuYF2P7tPWCC0kVvT0/Oy6GhPdnb22zjieaMyiUQSiTBSFRUV9cfY2JgVJog+BmK7u7vPh/JZAhF+CyCi6MmQTgnDer3uQZ/g+o8ntK+zs7Md4rTTEt/O+5OKj4/PwDvub1wAdB2+i2wgTPgUneX7Aw7xR1RYWJiHt8ElNsz8/Ly9vLz8fWjzOjUpPnF1dfUZl8vtYWBMJpNVnZdXAgHemIYUBGNH1tam/QKfs3bxge+nxMREOjYJe2cyRsPNFY2Njacx+EVch+OU4ZI9GRfOCvwFFtGLQuegoW4AAAAASUVORK5CYII%3D)center/contain;opacity:0;transition:.5s opacity}