@font-face{font-weight:normal;font-style:normal;font-family:'codropsicons';src:url('../fonts/codropsicons.eot');src:url('../fonts/codropsicons.eot?#iefix') format('embedded-opentype'),url('../fonts/codropsicons.woff') format('woff'),url('../fonts/codropsicons.ttf') format('truetype'),url('../fonts/codropsicons.svg#codropsicons') format('svg')}.support{display:none;color:#ef5189;text-align:left;font-size:1.5em;max-width:1200px;margin:1em auto 0;padding:0}.no-flexbox .support{display:block}.container>section{font-size:1.25em;min-height:100%}.codrops-header{padding:7em 0 3em;letter-spacing:-1px}.codrops-header h1{max-width:1200px;margin:0 auto;font-weight:800;font-size:5em;line-height:1}.codrops-header h1 span{display:block;font-size:50%;font-weight:400;padding-top:.325em;color:#bdc2c9}.codrops-top{width:100%;text-transform:uppercase;font-weight:700;font-size:.69em;line-height:2.2}.codrops-top a{display:inline-block;padding:1em 2em;text-decoration:none;letter-spacing:1px}.codrops-top span.right{float:right}.codrops-top span.right a{display:block;float:left}.codrops-icon:before{margin:0 4px;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:'codropsicons';line-height:1;speak:none;-webkit-font-smoothing:antialiased}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.related{text-align:center}.related>a{width:calc(100% - 20px);max-width:340px;border:1px solid black;border-color:initial;display:inline-block;text-align:center;margin:20px 10px;padding:25px}.related a img{max-width:100%;opacity:.8}.related a:hover img,.related a:active img{opacity:1}.related a h3{margin:0;padding:.5em 0 .3em;max-width:300px;text-align:left}@media screen and (max-width:1280px){.codrops-header h1{padding:0 .5em}.support{padding:0 1.5em}}@media screen and (max-width:30em){.codrops-header{padding:2em 0 1em}.codrops-header h1{font-size:3.5em}}@media screen and (max-width:25em){.codrops-icon{font-size:1.5em}.codrops-icon span{display:none}}.is-home .dynamic_container{width:100%;margin:0 auto}.featured_section .thumbs-wrapper{position:relative}.ch-grid{margin:20px 0 0 0;padding:0;list-style:none;display:block;text-align:center;width:100%}.ch-grid:after,.ch-item:before{content:'';display:table}.ch-grid:after{clear:both}.ch-grid li{width:170px;height:170px;display:inline-block;margin:0}.ch-item{width:100%;height:100%;border-radius:50%;position:relative;cursor:pointer;background-position:center;box-shadow:inset 0 0 0 7px rgba(255,255,255,0.6),0 1px 2px rgba(0,0,0,0.1);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.ch-info{position:absolute;background:rgba(62,131,183,0.8);width:inherit;height:inherit;border-radius:50%;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-backface-visibility:hidden}.ch-info h3{color:#fff;letter-spacing:2px;font-size:14px;margin:0 auto;padding:45px 0 0 0;height:69px;text-shadow:0 0 1px #fff,0 1px 2px rgba(0,0,0,0.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:150px}.ch-info p{color:#fff;font-style:italic;margin:0 30px;font-size:12px;opacity:0;-webkit-transition:all 1s ease-in-out .4s;-moz-transition:all 1s ease-in-out .4s;-o-transition:all 1s ease-in-out .4s;-ms-transition:all 1s ease-in-out .4s;transition:all 1s ease-in-out .4s}.ch-info p a{display:block;color:#fff222;font-style:normal;font-weight:700;text-transform:uppercase;font-size:9px;letter-spacing:1px;padding-top:4px;font-family:'Open Sans',Arial,sans-serif}.ch-info p a::before{content:"";border-bottom:1px dotted #fff222;display:block;height:2px;position:relative;top:16px;margin-left:16px;margin-right:16px;opacity:.7}.ch-info p a:hover{color:#ebdd00}.ch-info p a:hover::before{border-bottom:1px dotted #ebdd00}.ch-info p a.sub-action{color:#49da00}.ch-info p a.sub-action::before{content:"";border-bottom:1px dotted #49da00;display:block;height:2px;position:relative;top:16px;margin-left:27px;margin-right:27px;opacity:.7}.ch-info p a.sub-action:hover{color:#47c209}.ch-info p a.sub-action:hover::before{border-bottom:1px dotted #47c209}.ch-views-nr{color:#fff;font-size:14px}.ch-item:hover .ch-info{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.ch-item:hover .ch-info p{opacity:1}.tweets img{border:1px solid #222;border-radius:50%;float:left;height:40px;width:40px;margin-right:10px}.banner_wrap{background-color:#f1f4f3;width:100%;height:246px}.banner_background_holder{position:relative;text-align:center}.banner_background_holder .vs-column{min-height:246px}.watch_bg{position:absolute;top:0;left:100px;background:url('../img/home/watch_bg.png') no-repeat center center;width:246px;min-height:246px;z-index:1}.upload_bg{position:relative;display:inline-block;background:url('../img/home/upload_bg.png') no-repeat center 146px;width:500px;min-height:246px;padding-top:63px;z-index:2}.share_bg{position:absolute;top:0;right:100px;background:url('../img/home/share_bg.png') no-repeat center center;text-align:left;width:246px;min-height:246px;z-index:1}.upload_bg a{background:#3e83b7;color:#fff;padding:7px 40px;margin:0 5px}.upload_bg h2{margin-bottom:20px;font-weight:500}h2 span.heading{color:#aaa;font-size:20px;color:#444}h2 span.tagline{color:#aaa;font-size:15px;font-weight:normal;margin-left:10px}.homeContent,#main-view-mode-1-featured-list,.thumbs-wrapper{position:relative}.to-all{cursor:pointer;float:right;margin-top:10px}.to-all::after{font-family:'icomoon';content:"\ea4e";margin-left:5px;margin-top:1px}.thumb-title{position:absolute;text-align:center;width:100%;left:0;bottom:0;color:#fff;background-color:#000;opacity:.7}.thumb-title-text{display:inline-block}.thumb-title-descr{display:inline-block;font-size:12px;line-height:16px;margin-left:10px;margin-right:10px}.featured_section.promoted_blogs{padding-top:0}.featured_images,.featured_documents{background-color:#f1f4f3}.is-home footer{margin-top:0}