*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#242c38;font-family:roboto,Arial,Tahoma,Sans-serif,Verdana,Helvetica;font-size:62.5%}a{color:#00c5b9;text-decoration:none}ul{list-style-type:none}.slider-title{text-align:center;margin:80px 0 40px;font-size:3.2em;font-weight:300;color:#fff}.slider-container{margin:0 auto;width:800px}.slider-wrapper{position:relative;z-index:90;height:360px;width:100%;border:5px solid #415066;overflow:hidden}.slider-wrapper li{display:none}li.slide-current{display:block}.slider-wrapper li img{position:absolute;top:0;left:0;max-width:100%;height:auto}.caption{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.6);padding:12px;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.caption-title{color:#00c5b9;font-weight:700;font-size:1.6em;margin-bottom:10px}.caption p{color:#fff;font-size:1.4em;line-height:1.3em}.slider-wrapper li:hover .caption{-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.shadow{width:100%;height:15px;position:relative}.shadow:after,.shadow:before{content:'';width:50%;height:100%;background:#171c24;position:absolute;left:10px;top:-20px;-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);-o-transform:rotate(-4deg);transform:rotate(-4deg);-webkit-box-shadow:0 0 15px 8px #171c24;-moz-box-shadow:0 0 15px 8px #171c24;box-shadow:0 0 15px 8px #171c24}.shadow:after{left:auto;right:10px;-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);transform:rotate(4deg)}.slider-controls{text-align:center;margin-top:15px}.slider-controls li{background:#415066;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:inline-block;height:12px;width:12px;margin:0 4px;cursor:pointer}.slider-controls li.active{background:#00c5b9}.authors{margin-bottom:15px;margin-top:25px;color:#415066;font-size:1.4em;text-align:center}@media only screen and (max-width:825px){.slider-container{width:500px}.slider-wrapper{height:260px}}@media only screen and (max-width:535px){.slider-container{padding:5px;width:100%}.slider-wrapper{height:200px}.caption{display:none}}@media only screen and (max-width:410px){.slider-wrapper{height:160px}}