body,html{overflow-x:hidden}.wrapper{overflow:hidden;position:relative;max-width:1920px;margin:0 auto;width:100%}.wrapper--demo{overflow:visible}.wrapper--demo:after,.wrapper--demo:before{height:100%;content:"";position:absolute;top:0;background:hsla(0,0%,100%,.8);left:100%;width:800px;z-index:2}.wrapper--demo:before{left:-800px}.carousel{position:relative;width:100%;margin-top:50px;z-index:0}@media only screen and (min-width:1024px){.carousel{margin-top:0}}.carousel .carousel__content{overflow:hidden;-webkit-backface-visibility:hidden;-webkit-transition:translate3d(0,0,0);position:relative;width:auto}.carousel .carousel__content .item{position:relative;width:100%;float:left;display:block}.carousel .carousel__content .item .title{padding:0;font-size:3rem;color:#fff;position:absolute;letter-spacing:.3rem;text-align:center;top:50%;margin:-33px 0 0;left:0;width:100%}.carousel .carousel__content .item .title--sub{font-size:1.2em;opacity:.5;margin-top:20px}.carousel .carousel__content .item img{max-width:100%;width:100%;display:block}.carousel .carousel__nav{position:absolute;top:50%;left:0;width:100%;margin-top:-17px;z-index:1}.carousel .carousel__nav .nav{padding:8px 12px;font-size:.8rem;text-decoration:none;font-weight:700;color:#000;transition:padding .25s ease;position:absolute;top:0;background:#fff}.carousel .carousel__nav .nav:hover{padding:8px 20px}.carousel .carousel__nav .nav--left{border-radius:0 3px 3px 0}.carousel .carousel__nav .nav--right{right:0;border-radius:3px 0 0 3px}