.sl-slider-wrapper{height:400px;padding:0 10px;margin:0 auto;width:940px}.sl-slider{position:absolute;top:0;left:0}.sl-slide,.sl-slide-inner,.sl-slides-wrapper{height:100%;position:absolute;top:0;left:0;width:100%}.sl-slide{z-index:1}.sl-content-slice{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;position:absolute;opacity:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff}.sl-slide-horizontal .sl-content-slice{height:50%;-webkit-transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1);-ms-transform:translateY(0) scale(1);transform:translateY(0) scale(1);left:-200px;width:100%}.sl-slide-horizontal .sl-content-slice:first-child{padding:200px 200px 0;top:-200px}.sl-slide-horizontal .sl-content-slice:nth-child(2){padding:0 200px 200px;top:50%}.sl-slide-vertical .sl-content-slice{height:100%;-webkit-transform:translateX(0) scale(1);-moz-transform:translateX(0) scale(1);-o-transform:translateX(0) scale(1);-ms-transform:translateX(0) scale(1);transform:translateX(0) scale(1);top:-200px;width:50%}.sl-slide-vertical .sl-content-slice:first-child{padding:200px 0 200px 200px;left:-200px}.sl-slide-vertical .sl-content-slice:nth-child(2){padding:200px 200px 200px 0;left:50%}.sl-content-wrapper{position:absolute}.sl-content{height:100%;background:#fff;width:100%}.sl-slide-horizontal .sl-slide-inner{background:#ddd}.sl-slide-vertical .sl-slide-inner{background:#ccc}.sl-slider-wrapper{height:600px;overflow:hidden;position:relative;width:100%}.sl-slider blockquote,.sl-slider h2{padding:100px 30px 10px;color:#fff;position:relative;max-width:960px;margin:0 auto;width:80%;z-index:100}.sl-slider h2{font-size:100px;text-shadow:0 -1px 0 rgba(0,0,0,.2)}.sl-slider blockquote{padding-top:10px;font-size:28px;font-weight:300;text-shadow:0 -1px 0 rgba(0,0,0,.2)}.sl-slider blockquote cite{padding-top:30px;font-size:16px;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:5px;display:inline-block}.bg-img{height:100%;padding:200px;position:absolute;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;top:-200px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-position:50%;left:-200px;width:100%}.nav-arrows span{height:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:8px solid #ddd;border:8px solid hsla(0,0%,59%,.4);text-indent:-90000px;position:absolute;top:50%;cursor:pointer;width:40px;margin-top:-40px;z-index:2000}.nav-arrows span:hover{border-color:hsla(0,0%,59%,.9)}.nav-arrows span.nav-arrow-prev{border-right:none;border-top:none;left:5%}.nav-arrows span.nav-arrow-next{border-left:none;right:5%;border-bottom:none}.nav-dots{height:30px;position:absolute;bottom:2%;text-align:center;left:0;width:100%;z-index:1000}.nav-dots span{height:16px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;position:relative;margin:3px;margin:6px;box-shadow:0 1px 1px hsla(0,0%,100%,.4),inset 0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px hsla(0,0%,100%,.4),inset 0 1px 1px rgba(0,0,0,.1),0 0 0 2px hsla(0,0%,100%,.5);border-radius:50%;background:#ddd;background:hsla(0,0%,59%,.4);background:hsla(0,0%,59%,.1);cursor:pointer;width:16px;display:inline-block}.nav-dots span.nav-dot-current,.nav-dots span:hover{box-shadow:0 1px 1px hsla(0,0%,100%,.4),inset 0 1px 1px rgba(0,0,0,.1),0 0 0 5px hsla(0,0%,100%,.5)}.nav-dots span.nav-dot-current:after{height:10px;content:"";position:absolute;top:3px;border-radius:50%;background:hsla(0,0%,100%,.8);left:3px;width:10px}.bg-img-1{background-image:url(http://lorempixel.com/1024/600)}.bg-img-2{background-image:url(http://lorempixel.com/1024/601)}.bg-img-3{background-image:url(http://lorempixel.com/1024/602)}.bg-img-4{background-image:url(http://lorempixel.com/1024/603)}.bg-img-5{background-image:url(http://lorempixel.com/1024/604)}.sl-trans-elems .deco{-webkit-animation:roll 1s ease-out both,fadeIn 1s ease-out both;-moz-animation:roll 1s ease-out both,fadeIn 1s ease-out both;-o-animation:roll 1s ease-out both,fadeIn 1s ease-out both;-ms-animation:roll 1s ease-out both,fadeIn 1s ease-out both;animation:roll 1s ease-out both,fadeIn 1s ease-out both}.sl-trans-elems h2{-webkit-animation:moveUp 1s ease-in-out both;-moz-animation:moveUp 1s ease-in-out both;-o-animation:moveUp 1s ease-in-out both;-ms-animation:moveUp 1s ease-in-out both;animation:moveUp 1s ease-in-out both}.sl-trans-elems blockquote{-webkit-animation:fadeIn .5s linear .5s both;-moz-animation:fadeIn .5s linear .5s both;-o-animation:fadeIn .5s linear .5s both;-ms-animation:fadeIn .5s linear .5s both;animation:fadeIn .5s linear .5s both}.sl-trans-back-elems .deco{-webkit-animation:scaleDown 1s ease-in-out both;-moz-animation:scaleDown 1s ease-in-out both;-o-animation:scaleDown 1s ease-in-out both;-ms-animation:scaleDown 1s ease-in-out both;animation:scaleDown 1s ease-in-out both}.sl-trans-back-elems h2{-webkit-animation:fadeOut 1s ease-in-out both;-moz-animation:fadeOut 1s ease-in-out both;-o-animation:fadeOut 1s ease-in-out both;-ms-animation:fadeOut 1s ease-in-out both;animation:fadeOut 1s ease-in-out both}.sl-trans-back-elems blockquote{-webkit-animation:fadeOut 1s linear both;-moz-animation:fadeOut 1s linear both;-o-animation:fadeOut 1s linear both;-ms-animation:fadeOut 1s linear both;animation:fadeOut 1s linear both}@-webkit-keyframes roll{0%{-webkit-transform:translateX(500px) rotate(1turn)}to{-webkit-transform:translateX(0) rotate(0deg)}}@-moz-keyframes roll{0%{-moz-transform:translateX(500px) rotate(1turn);opacity:0}to{-moz-transform:translateX(0) rotate(0deg);opacity:1}}@-o-keyframes roll{0%{-o-transform:translateX(500px) rotate(1turn);opacity:0}to{-o-transform:translateX(0) rotate(0deg);opacity:1}}@-ms-keyframes roll{0%{-ms-transform:translateX(500px) rotate(1turn);opacity:0}to{-ms-transform:translateX(0) rotate(0deg);opacity:1}}@keyframes roll{0%{transform:translateX(500px) rotate(1turn);opacity:0}to{transform:translateX(0) rotate(0deg);opacity:1}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(40px)}to{-webkit-transform:translateY(0)}}@-moz-keyframes moveUp{0%{-moz-transform:translateY(40px)}to{-moz-transform:translateY(0)}}@-o-keyframes moveUp{0%{-o-transform:translateY(40px)}to{-o-transform:translateY(0)}}@-ms-keyframes moveUp{0%{-ms-transform:translateY(40px)}to{-ms-transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(40px)}to{transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1)}to{-webkit-transform:scale(.5)}}@-moz-keyframes scaleDown{0%{-moz-transform:scale(1)}to{-moz-transform:scale(.5)}}@-o-keyframes scaleDown{0%{-o-transform:scale(1)}to{-o-transform:scale(.5)}}@-ms-keyframes scaleDown{0%{-ms-transform:scale(1)}to{-ms-transform:scale(.5)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.5)}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (max-width:660px){.sl-slider-wrapper{height:500px}.sl-slider h2{font-size:36px}.sl-slider blockquote{font-size:16px}}