@import url(http://fonts.googleapis.com/css?family=Candal);html,body,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html,body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.shadow.lifted{position:relative}.shadow.lifted:before,.shadow.lifted:after{position:absolute;z-index:-2;content:""}.shadow.lifted:before,.shadow.lifted:after{bottom:12px;width:50%;height:55%;max-width:300px;max-height:100px;-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);box-shadow:0 15px 10px rgba(0,0,0,0.7)}.shadow.lifted:before{left:10px;-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.shadow.lifted:after{right:10px;-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg)}.shadow.raised{position:relative;-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5);-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5);box-shadow:0 15px 10px -10px rgba(0,0,0,0.5)}.shadow.raised:before,.shadow.raised:after{position:absolute;z-index:-2;content:""}.shadow.raised:before,.shadow.raised:after{content:none}.shadow.perspective{position:relative}.shadow.perspective:before,.shadow.perspective:after{position:absolute;z-index:-2;content:""}.shadow.perspective:before{left:80px;bottom:5px;width:50%;height:35%;max-width:200px;max-height:50px;-moz-box-shadow:-80px 0 8px rgba(0,0,0,0.4);-webkit-box-shadow:-80px 0 8px rgba(0,0,0,0.4);box-shadow:-80px 0 8px rgba(0,0,0,0.4);-moz-transform:skew(50deg, 0);-ms-transform:skew(50deg, 0);-webkit-transform:skew(50deg, 0);transform:skew(50deg, 0);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.shadow.perspective:after{display:none;content:none}.shadow.perspective-right{position:relative}.shadow.perspective-right:before,.shadow.perspective-right:after{position:absolute;z-index:-2;content:""}.shadow.perspective-right:before{right:80px;bottom:5px;width:50%;height:35%;max-width:200px;max-height:50px;-moz-box-shadow:80px 0 8px rgba(0,0,0,0.4);-webkit-box-shadow:80px 0 8px rgba(0,0,0,0.4);box-shadow:80px 0 8px rgba(0,0,0,0.4);-moz-transform:skew(-50deg, 0);-ms-transform:skew(-50deg, 0);-webkit-transform:skew(-50deg, 0);transform:skew(-50deg, 0);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.shadow.perspective-right:after{display:none;content:none}.shadow.curved{position:relative}.shadow.curved:before,.shadow.curved:after{position:absolute;z-index:-2;content:""}.shadow.curved:before{top:1px;bottom:0;left:12px;right:12px;-moz-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-moz-border-radius:150px / 10px;border-radius:150px / 10px}.shadow.curved-top{position:relative}.shadow.curved-top:before,.shadow.curved-top:after{position:absolute;z-index:-2;content:""}.shadow.curved-top:before{top:1px;bottom:0;left:12px;right:12px;-moz-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-moz-border-radius:150px / 10px;border-radius:150px / 10px}.shadow.curved-top:before{bottom:50%}.shadow.curved-bottom{position:relative}.shadow.curved-bottom:before,.shadow.curved-bottom:after{position:absolute;z-index:-2;content:""}.shadow.curved-bottom:before{top:1px;bottom:0;left:12px;right:12px;-moz-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-moz-border-radius:150px / 10px;border-radius:150px / 10px}.shadow.curved-bottom:before{top:50%}.shadow.curved-vertical{position:relative}.shadow.curved-vertical:before,.shadow.curved-vertical:after{position:absolute;z-index:-2;content:""}.shadow.curved-vertical:before{top:10px;bottom:10px;left:0;right:0%;-moz-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-moz-border-radius:10px / 100px;border-radius:10px / 100px}.shadow.curved-vertical-left{position:relative}.shadow.curved-vertical-left:before,.shadow.curved-vertical-left:after{position:absolute;z-index:-2;content:""}.shadow.curved-vertical-left:before{top:10px;bottom:10px;left:0;right:0%;-moz-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-moz-border-radius:10px / 100px;border-radius:10px / 100px}.shadow.curved-vertical-left:before{right:50%}.shadow.curved-vertical-right{position:relative}.shadow.curved-vertical-right:before,.shadow.curved-vertical-right:after{position:absolute;z-index:-2;content:""}.shadow.curved-vertical-right:before{top:10px;bottom:10px;left:0;right:0%;-moz-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 13px 4px rgba(0,0,0,0.5);box-shadow:0 0 13px 4px rgba(0,0,0,0.5);-moz-border-radius:10px / 100px;border-radius:10px / 100px}.shadow.curved-vertical-right:before{left:50%}.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right){position:relative}.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right):before,.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right):after{position:absolute;z-index:-2;content:""}.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right):before,.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right):after{bottom:12px;width:50%;height:55%;max-width:300px;max-height:100px;-moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);box-shadow:0 15px 10px rgba(0,0,0,0.7)}.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right):before{left:10px;-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}.shadow:not(.lifted):not(.raised):not(.perspective):not(.perspective-right):not(.curved):not(.curved-top):not(.curved-bottom):not(.curved-vertical):not(.curved-vertical-left):not(.curved-vertical-right):after{right:10px;-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-webkit-transform:rotate(3deg);transform:rotate(3deg)}html,body{width:100%;height:100%}.shards{width:100%;height:100%}.bgslide,.bgcontainer{width:100%;height:100%}.bgcontainer{text-align:center}.bgcontainer .imgcontainer{width:90%;height:90%;margin:0 auto;padding-top:2.5%}.bgcontainer .imgcontainer img{margin:0 auto;max-height:100%;max-width:100%;border:10px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;position:relative;-moz-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5);-webkit-box-shadow:0 15px 10px -10px rgba(0,0,0,0.5);box-shadow:0 15px 10px -10px rgba(0,0,0,0.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bgcontainer .imgcontainer img:before,.bgcontainer .imgcontainer img:after{position:absolute;z-index:-2;content:""}.bgcontainer .imgcontainer img:before,.bgcontainer .imgcontainer img:after{content:none}.bgcontainer .imgcontainer img.portrait{height:100%;width:auto}.bgcontainer .imgcontainer img.landscape{width:100%;height:auto}h1.user{position:absolute;z-index:999;width:100%;text-align:center;bottom:10%;left:0;font-size:5em;color:#fff;text-transform:capitalize;text-shadow:5px 5px 10px #000}h1.user.psal{text-transform:none}body,html,body{height:100%;background:-webkit-linear-gradient(#222, #333 25%, #333 75%, #222 100%)}.clearFix{clear:both;display:none}.container .header{width:100%;height:45px;background:-webkit-linear-gradient(#444, #46494a 25%, #3b3e3f 75%, #323232 100%);border-bottom:2px solid #ccc;-webkit-box-shadow:inset 0 2px 12px 3px rgba(155,155,155,0.2);-moz-box-shadow:inset 0 2px 12px 3px rgba(155,155,155,0.2);box-shadow:inset 0 2px 12px 3px rgba(155,155,155,0.2)}.container .header ul{margin:0;padding:0}.container .header ul li{display:inline-block;width:33%;height:45px;margin:0;padding:0;text-align:center;float:left;line-height:45px;font-family:'Candal', sans-serif;text-transform:uppercase}.container .header ul li a{text-decoration:none;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,0.5)}.container .header ul li:nth-child(2){width:34%}.container .content{width:100%}.container .content .slider,.container .content .slider div{width:100%;height:100%;position:relative}.container .content .slider img{max-width:100%;max-height:100%;margin:0 auto}.container .content .slider h1.user{position:fixed;bottom:0;width:100%;text-align:center;display:block;z-index:999;text-transform:capitalize;background:-webkit-linear-gradient(transparent, rgba(0,0,0,0.8));margin:0;padding:35px 0;font-family:'Candal', sans-serif;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,0.5)}.container .list{margin:0 auto}.container .list img{width:33%;height:auto}.container .upload{width:100%;color:#000;text-align:center}.container .upload img{width:30%}.container .upload span{width:100%;display:block;margin:15px 0 15px;font-size:22px}.container .upload span.select{margin-top:35px}.container .upload form input[type=submit]{display:block;margin:35px auto;background:#37a847;padding:10px 25px;color:#fff;font-family:'Candal', sans-serif;text-transform:uppercase;text-shadow:0 2px 2px rgba(0,0,0,0.5);-webkit-box-shadow:0 2px 12px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 2px 12px 2px rgba(0,0,0,0.5);box-shadow:0 2px 12px 2px rgba(0,0,0,0.5);border:2px solid green;font-size:25px}.container .upload form input[type=file]{width:75%}.container .upload a.reset{text-transform:uppercase;color:red;padding-bottom:20px}body{font-family:'Lato', Calibri, Arial, sans-serif;background:#fff;font-weight:300;font-size:15px;color:#333;-webkit-font-smoothing:antialiased}a{color:#555;text-decoration:none}.container{width:100%;position:relative}.container.demo-1{height:100%;position:absolute}.clr{clear:both;padding:0;height:0;margin:0}.main{width:90%;margin:0 auto;position:relative}.container>header,.content-wrapper{padding:30px;width:80%;max-width:960px;margin:0 auto}.content-wrapper p{padding-top:30px;line-height:26px}.container>header h1{font-size:34px;line-height:38px;margin:0;font-weight:700;color:#333;float:left}.container>header h1 span{display:block;font-size:20px;font-weight:300}.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,0.8);text-transform:uppercase;z-index:9999;position:relative;font-family:Cambria, Georgia, serif;box-shadow:1px 0px 2px rgba(0,0,0,0.2)}.codrops-top a{padding:0px 10px;letter-spacing:1px;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,0.6)}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{float:right;padding-top:10px}.demo-1 .codrops-demos{position:absolute;z-index:2000;top:30px;left:30px}.codrops-demos a{display:inline-block;margin:10px;color:#333;font-weight:700;line-height:30px;border-bottom:4px solid transparent}.codrops-demos a:hover{color:#883d59;border-color:#883d59}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#aaa;border-color:#aaa}.demo-1 .sl-slider-wrapper{position:absolute;width:100%;height:100%;top:0;left:0}.demo-2 .sl-slider-wrapper{width:100%;height:600px;overflow:hidden;position:relative}.demo-2 .sl-slider h2,.demo-2 .sl-slider blockquote{padding:100px 30px 10px 30px;width:80%;max-width:960px;color:#fff;margin:0 auto;position:relative;z-index:100}.demo-2 .sl-slider h2{font-size:100px;text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.demo-2 .sl-slider blockquote{font-size:28px;padding-top:10px;font-weight:300;text-shadow:0 -1px 0 rgba(0,0,0,0.2)}.demo-2 .sl-slider blockquote cite{font-size:16px;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:5px;padding-top:30px;display:inline-block}.demo-2 .bg-img{padding:200px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:absolute;top:-200px;left:-200px;width:100%;height:100%;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center}.nav-arrows span{position:absolute;z-index:2000;top:50%;width:40px;height:40px;border:8px solid #ddd;border:8px solid rgba(150,150,150,0.4);text-indent:-90000px;margin-top:-40px;cursor:pointer;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.nav-arrows span:hover{border-color:rgba(150,150,150,0.9)}.nav-arrows span.nav-arrow-prev{left:5%;border-right:none;border-top:none}.nav-arrows span.nav-arrow-next{right:5%;border-left:none;border-bottom:none}.nav-dots{text-align:center;position:absolute;bottom:2%;height:30px;width:100%;left:0;z-index:1000}.nav-dots span{display:inline-block;position:relative;width:16px;height:16px;border-radius:50%;margin:3px;background:#ddd;background:rgba(150,150,150,0.4);cursor:pointer;box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1)}.demo-2 .nav-dots span{background:rgba(150,150,150,0.1);margin:6px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 2px rgba(255,255,255,0.5)}.demo-2 .nav-dots span.nav-dot-current,.demo-2 .nav-dots span:hover{box-shadow:0 1px 1px rgba(255,255,255,0.4),inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 5px rgba(255,255,255,0.5)}.nav-dots span.nav-dot-current:after{content:"";position:absolute;width:10px;height:10px;top:3px;left:3px;border-radius:50%;background:rgba(255,255,255,0.8)}.demo-1 .deco{width:260px;height:260px;border:2px dashed #ddd;border:2px dashed rgba(150,150,150,0.4);border-radius:50%;position:absolute;bottom:50%;left:50%;margin:0 0 0 -130px}.demo-1 [data-icon]:after{content:attr(data-icon);font-family:'AnimalsNormal';color:#999;text-shadow:0 0 1px #999;position:absolute;width:220px;height:220px;line-height:220px;text-align:center;font-size:100px;top:50%;left:50%;margin:-110px 0 0 -110px;box-shadow:inset 0 0 0 10px #f7f7f7;border-radius:50%}.demo-1 .sl-slide h2{color:#000;text-shadow:0 0 1px #000;padding:20px;position:absolute;font-size:34px;font-weight:700;letter-spacing:13px;text-transform:uppercase;width:80%;left:10%;text-align:center;line-height:50px;bottom:50%;margin:0 0 -120px 0}.demo-1 .sl-slide blockquote{position:absolute;width:100%;text-align:center;left:0;font-weight:400;font-size:14px;line-height:20px;height:70px;color:#8b8b8b;z-index:2;bottom:50%;margin:0 0 -200px 0;padding:0}.demo-1 .sl-slide blockquote p{margin:0 auto;width:60%;max-width:400px;position:relative}.demo-1 .sl-slide blockquote p:before{color:#f0f0f0;color:rgba(244,244,244,0.65);font-family:"Bookman Old Style", Bookman, Garamond, serif;position:absolute;line-height:60px;width:75px;height:75px;font-size:200px;z-index:-1;left:-80px;top:35px;content:'\201C'}.demo-1 .sl-slide blockquote cite{font-size:10px;padding-top:10px;display:inline-block;font-style:normal;text-transform:uppercase;letter-spacing:4px}.demo-1 .bg-1 .sl-slide-inner,.demo-1 .bg-1 .sl-content-slice{background:#fff}.demo-1 .bg-2 .sl-slide-inner,.demo-1 .bg-2 .sl-content-slice{background:#000}.demo-1 .bg-2 [data-icon]:after,.demo-1 .bg-2 h2{color:#fff}.demo-1 .bg-2 blockquote:before{color:#222}.demo-1 .bg-3 .sl-slide-inner,.demo-1 .bg-3 .sl-content-slice{background:#db84ad}.demo-1 .bg-3 .deco{border-color:#fff;border-color:rgba(255,255,255,0.5)}.demo-1 .bg-3 [data-icon]:after{color:#fff;text-shadow:0 0 1px #fff;box-shadow:inset 0 0 0 10px #b55381}.demo-1 .bg-3 h2,.demo-1 .bg-3 blockquote{color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,0.3)}.demo-1 .bg-3 blockquote:before{color:#c46c96}.demo-1 .bg-4 .sl-slide-inner,.demo-1 .bg-4 .sl-content-slice{background:#5bc2ce}.demo-1 .bg-4 .deco{border-color:#379eaa}.demo-1 .bg-4 [data-icon]:after{text-shadow:0 0 1px #277d87;color:#277d87}.demo-1 .bg-4 h2,.demo-1 .bg-4 blockquote{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2)}.demo-1 .bg-4 blockquote:before{color:#379eaa}.demo-1 .bg-5 .sl-slide-inner,.demo-1 .bg-5 .sl-content-slice{background:#ffeb41}.demo-1 .bg-5 .deco{border-color:#ECD82C}.demo-1 .bg-5 .deco:after{color:#000;text-shadow:0 0 1px #000}.demo-1 .bg-5 h2,.demo-1 .bg-5 blockquote{color:#000;text-shadow:1px 1px 1px rgba(0,0,0,0.1)}.demo-1 .bg-5 blockquote:before{color:#ecd82c}.demo-2 .bg-img-1{background-image:url(../images/1.jpg)}.demo-2 .bg-img-2{background-image:url(../images/2.jpg)}.demo-2 .bg-img-3{background-image:url(../images/3.jpg)}.demo-2 .bg-img-4{background-image:url(../images/4.jpg)}.demo-2 .bg-img-5{background-image:url(../images/5.jpg)}.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 0.5s linear 0.5s both;-moz-animation:fadeIn 0.5s linear 0.5s both;-o-animation:fadeIn 0.5s linear 0.5s both;-ms-animation:fadeIn 0.5s linear 0.5s both;animation:fadeIn 0.5s linear 0.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(360deg)}100%{-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes roll{0%{-moz-transform:translateX(500px) rotate(360deg);opacity:0}100%{-moz-transform:translateX(0px) rotate(0deg);opacity:1}}@-o-keyframes roll{0%{-o-transform:translateX(500px) rotate(360deg);opacity:0}100%{-o-transform:translateX(0px) rotate(0deg);opacity:1}}@-ms-keyframes roll{0%{-ms-transform:translateX(500px) rotate(360deg);opacity:0}100%{-ms-transform:translateX(0px) rotate(0deg);opacity:1}}@keyframes roll{0%{transform:translateX(500px) rotate(360deg);opacity:0}100%{transform:translateX(0px) rotate(0deg);opacity:1}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(40px)}100%{-webkit-transform:translateY(0px)}}@-moz-keyframes moveUp{0%{-moz-transform:translateY(40px)}100%{-moz-transform:translateY(0px)}}@-o-keyframes moveUp{0%{-o-transform:translateY(40px)}100%{-o-transform:translateY(0px)}}@-ms-keyframes moveUp{0%{-ms-transform:translateY(40px)}100%{-ms-transform:translateY(0px)}}@keyframes moveUp{0%{transform:translateY(40px)}100%{transform:translateY(0px)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes scaleDown{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(0.5)}}@-moz-keyframes scaleDown{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(0.5)}}@-o-keyframes scaleDown{0%{-o-transform:scale(1)}100%{-o-transform:scale(0.5)}}@-ms-keyframes scaleDown{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(0.5)}}@keyframes scaleDown{0%{transform:scale(1)}100%{transform:scale(0.5)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-o-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@media screen and (max-width: 660px){.demo-1 .deco{width:130px;height:130px;margin-left:-65px;margin-bottom:50px}.demo-1 [data-icon]:after{width:110px;height:110px;line-height:110px;font-size:40px;margin:-55px 0 0 -55px}.demo-1 .sl-slide blockquote{margin-bottom:-120px}.demo-1 .sl-slide h2{line-height:22px;font-size:18px;margin-bottom:-40px;letter-spacing:8px}.demo-1 .sl-slide blockquote p:before{line-height:10px;width:40px;height:40px;font-size:120px;left:-45px}.demo-2 .sl-slider-wrapper{height:500px}.demo-2 .sl-slider h2{font-size:36px}.demo-2 .sl-slider blockquote{font-size:16px}}.sl-slider-wrapper{width:800px;height:400px;margin:0 auto;position:relative;overflow:hidden}.sl-slider{position:absolute;top:0;left:0}.sl-slide,.sl-slides-wrapper,.sl-slide-inner{position:absolute;width:100%;height:100%;top:0;left:0}.sl-slide{z-index:1}.sl-content-slice{overflow:hidden;position:absolute;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:1}.sl-slide-horizontal .sl-content-slice{width:100%;height:50%;left:-200px;-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)}.sl-slide-horizontal .sl-content-slice:first-child{top:-200px;padding:200px 200px 0px 200px}.sl-slide-horizontal .sl-content-slice:nth-child(2){top:50%;padding:0px 200px 200px 200px}.sl-slide-vertical .sl-content-slice{width:50%;height:100%;top:-200px;-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)}.sl-slide-vertical .sl-content-slice:first-child{left:-200px;padding:200px 0px 200px 200px}.sl-slide-vertical .sl-content-slice:nth-child(2){left:50%;padding:200px 200px 200px 0px}.sl-content-wrapper{position:absolute}.sl-content{width:100%;height:100%;background:#fff}.sl-slide-horizontal .sl-slide-inner{background:#ddd}.sl-slide-vertical .sl-slide-inner{background:#ccc}
/*# sourceMappingURL=style.css.map */