.slider-container{width:90%;margin:auto;margin-top:20px}#slider{background:#000;box-shadow:1px 1px 5px rgba(0,0,0,.3);height:320px;width:100%;margin-right:0;margin:auto;overflow:visible;position:relative}#mask{overflow:hidden;height:320px}#slider ul{margin:0;padding:0;position:relative}#slider li{width:100%;height:320px;position:absolute;right:-100%;list-style:none;top:50%}#slider li.firstanimation{animation:cycle 25s linear infinite;margin-top:-50px}#slider li.secondanimation{animation:cycletwo 25s linear infinite;margin-top:-40px}#slider li.thirdanimation{animation:cyclethree 25s linear infinite;margin-top:-50px}#slider li.fourthanimation{animation:cyclefour 25s linear infinite;margin-top:75px}#slider li.fifthanimation{animation:cyclefive 25s linear infinite;margin-top:25px}@keyframes cycle{0%{right:0}4%{right:0}16%{right:0;opacity:1;z-index:0}20%{right:100%;opacity:0;z-index:0}21%{right:-100%;opacity:0;z-index:-1}92%{right:-100%;opacity:0;z-index:0}96%{right:-100%;opacity:0}100%{right:0;opacity:1}}@keyframes cycletwo{0%{right:-100%;opacity:0}16%{right:-100%;opacity:0}20%{right:0;opacity:1}24%{right:0;opacity:1}36%{right:0;opacity:1;z-index:0}40%{right:100%;opacity:0;z-index:0}41%{right:-100%;opacity:0;z-index:-1}100%{right:-100%;opacity:0;z-index:-1}}@keyframes cyclethree{0%{right:-100%;opacity:0}36%{right:-100%;opacity:0}40%{right:0;opacity:1}44%{right:0;opacity:1}56%{right:0;opacity:1}60%{right:100%;opacity:0;z-index:0}61%{right:-100%;opacity:0;z-index:-1}100%{right:-100%;opacity:0;z-index:-1}}@keyframes cyclefour{0%{right:-100%;opacity:0}56%{right:-100%;opacity:0}60%{right:0;opacity:1}64%{right:0;opacity:1}76%{right:0;opacity:1;z-index:0}80%{right:100%;opacity:0;z-index:0}81%{right:-100%;opacity:0;z-index:-1}100%{right:-100%;opacity:0;z-index:-1}}@keyframes cyclefive{0%{right:-100%;opacity:0}76%{right:-100%;opacity:0}80%{right:0;opacity:1}84%{right:0;opacity:1}96%{right:0;opacity:1;z-index:0}100%{right:100%;opacity:0;z-index:0}}.progress-bar{position:relative;right:0;width:680px;height:5px;background:#b0dbbe;animation:fullexpand 25s ease-out infinite}@keyframes fullexpand{0%,20%,40%,60%,80%,100%{width:0%;opacity:0}4%,24%,44%,64%,84%{width:0%;opacity:.3}16%,36%,56%,76%,96%{width:100%;opacity:.7}17%,37%,57%,77%,97%{width:100%;opacity:.3}18%,38%,58%,78%,98%{width:100%;opacity:0}}@media(max-width:768px){.slider-container{height:175px;margin-bottom:30px}#content-slider{height:175px}#slider{height:175px}#mask{height:175px}#slider li{height:175px}#slider li img{margin-top:0}#slider li.firstanimation{margin-top:0}#slider li.secondanimation{margin-top:0}#slider li.thirdanimation{margin-top:0}#slider li.fourthanimation{margin-top:0}#slider li.fifthanimation{margin-top:0}}@media(min-width:769px) and (max-width:1024px){.slider-container{height:220px}#content-slider{height:220px}#slider{height:220px}#mask{height:220px}#slider li{height:220px}#slider li img{margin-top:-150px}#slider li.firstanimation{margin-top:-75px}#slider li.secondanimation{margin-top:-50px}#slider li.thirdanimation{margin-top:-70px}#slider li.fourthanimation{margin-top:-30px}#slider li.fifthanimation{margin-top:0}}@media(min-width:1025px){#slider li img{margin-top:-10%}}