@import "http://fonts.googleapis.com/css?family=Lato:300,400,700";@font-face{font-family:'codropsicons';src:url('../font1/codropsicons/codropsicons.eot');src:url('../font1/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../font1/codropsicons/codropsicons.woff') format('woff'), url('../font1/codropsicons/codropsicons.ttf') format('truetype'), url('../font1/codropsicons/codropsicons.svg#codropsicons') format('svg');font-weight:normal;font-style:normal}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{font-size:100%;padding:0;margin:0;height:100%}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}body{font-family:inherit;color:#656363;background:#fff}a{text-decoration:none}.no-touch a:hover,.no-touch a:active{text-decoration:none}.container > section{min-height:220px;margin:0 auto;padding:20em 3em}.touch .container > section{padding:0;min-height:0}.container > header{margin:0 auto;padding:2em 1em 2em;position:fixed;top:0;left:0;width:100%;text-align:center;background:#fff;z-index:999999;-webkit-backface-visibility:hidden}.touch .container > header{position:relative}.container > header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300}.container > header span{display:block;font-size:60%;opacity:0.6;padding:0 0 0.6em 0.1em}.container > section p{color:#fff;text-align:center;padding:1em;margin:0}.codrops-top{background:#fff;background:rgba(255, 255, 255, 0.6);text-transform:uppercase;width:100%;font-size:0.69em;line-height:2.2;position:fixed;top:0;left:0;width:100%;z-index:9999999}.codrops-top a{padding:0 1em;letter-spacing:0.1em;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,0.95);color:#777}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-family:'codropsicons';margin:0 4px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.codrops-icon-archive:before{content:"\e002"}.codrops-icon-next:before{content:"\e000"}.codrops-icon-about:before{content:"\e003"}.codrops-demos{padding-top:1em;font-size:0.9em}.touch .codrops-demos{display:none}.codrops-demos a{display:inline-block;margin:0.5em;padding:0.6em 1em;border:3px solid #ddd;font-weight:700}.codrops-demos a:hover{opacity:0.6}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{border:3px solid #aaa;opacity:1;color:#aaa}@media screen and (max-width: 800px){.hi-icon{margin:15px !important}.container > section{padding:20em 1em}}@media screen and (max-width: 25em){.codrops-icon span{display:none}}