@font-face{font-family:Lato;font-style:normal;font-weight:300;src:local('Lato Light'),local('Lato-Light'),url(http://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPHA.ttf) format('truetype')}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local('Lato Regular'),local('Lato-Regular'),url(http://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wWw.ttf) format('truetype')}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local('Lato Bold'),local('Lato-Bold'),url(http://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPHA.ttf) format('truetype')}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}a{color:#555;text-decoration:none}.container{width:100%;position:relative}.container>header,.main{width:90%;max-width:960px;margin:0 auto;position:relative;padding:0 10px}.container>header{padding:40px 10px 50px;border-bottom:1px solid #ddd;box-shadow:0 1px rgba(255,255,255,.8);margin-bottom:30px}.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}.fleft{float:left;width:49%;min-width:300px}.main p{color:#AAA;padding:20px 30px 0 0;font-size:20px;line-height:34px;font-weight:300;text-shadow:0 1px 1px rgba(255,255,255,.8)}.codrops-top{line-height:24px;font-size:11px;background:#fff;background:rgba(255,255,255,.5);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0 2px rgba(0,0,0,.2)}.cd-active.cd-dropdown ul li span,.cd-active.cd-dropdown>span,.cd-dropdown ul li:nth-last-child(-n+3) span,.cd-dropdown>span{box-shadow:0 1px 1px rgba(0,0,0,.1)}.codrops-top a{padding:0 10px;letter-spacing:1px;color:#333;display:inline-block}.codrops-top a:hover{background:rgba(255,255,255,.8);color:#000}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-demos{float:right;padding-top:10px}.codrops-demos a{display:inline-block;margin:10px;color:#666;font-weight:700;line-height:30px;border-bottom:4px solid transparent}.codrops-demos a:hover{color:#000;border-color:#000}.codrops-demos a.current-demo,.codrops-demos a.current-demo:hover{color:#aaa;border-color:#aaa}.cd-dropdown ul li span,.cd-dropdown>span{background:#fff;color:#828181;cursor:pointer;font-weight:700;display:block}@media screen and (max-width:730px){.fleft{width:100%;float:none;text-align:center}}.cd-dropdown,.cd-select{position:relative;width:300px;margin:20px auto;display:block}@media (max-width:660px){.cd-select{width:100px}}.cd-dropdown>span{width:100%;height:60px;line-height:60px;font-size:26px;padding:0 50px 0 30px;position:relative}.cd-dropdown>span:after{content:'\25BC';position:absolute;right:0;top:15%;width:50px;text-align:center;font-size:12px;padding:10px;height:70%;line-height:24px;border-left:1px solid #ddd}.cd-dropdown.cd-active>span:after{content:'\25B2'}.cd-dropdown ul{list-style-type:none;margin:0;padding:0;display:block}.cd-dropdown ul li span{width:100%;line-height:60px;padding:0 30px 0 0;font-size:26px}.cd-dropdown ul li span,.cd-dropdown>span{-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cd-dropdown>span span[class*=" icon-"],.cd-dropdown>span span[class^=icon-]{padding:0 30px 0 45px}.cd-select{border:1px solid #ddd}@font-face{font-family:icomoon;src:url(fonts/icomoon.eot);src:url(fonts/icomoon.eot?#iefix) format('embedded-opentype'),url(fonts/icomoon.svg#icomoon) format('svg'),url(fonts/icomoon.woff) format('woff'),url(fonts/icomoon.ttf) format('truetype');font-weight:400;font-style:normal}.cd-dropdown span[class*=" icon-"]:before,.cd-dropdown span[class^=icon-]:before{font-family:icomoon;font-style:normal;speak:none;font-weight:400;position:absolute;font-size:40px;line-height:40px;width:50px;top:50%;left:15px;margin-top:-20px;text-align:center}.icon-monkey:before{content:"\38"}.icon-bear:before{content:"\28"}.icon-squirrel:before{content:"\6f"}.icon-elephant:before{content:"\65"}.icon-google-plus:before{content:"\21"}.icon-facebook:before{content:"\22"}.icon-twitter:before{content:"\23"}.icon-github:before{content:"\24"}.icon-tux:before{content:"\25"}.icon-apple:before{content:"\26"}.icon-android:before{content:"\27"}.icon-windows:before{content:"\29"}.icon-sun:before{content:"\2a"}.icon-cloudy:before{content:"\2b"}.icon-weather:before{content:"\2c"}.icon-lightning:before{content:"\2d"}.icon-rainy:before{content:"\2e"}.icon-windy:before{content:"\2f"}.icon-chrome:before{content:"\30"}.icon-firefox:before{content:"\31"}.icon-IE:before{content:"\32"}.icon-opera:before{content:"\33"}.icon-safari:before{content:"\34"}.icon-finder:before{content:"\35"}.icon-camera:before{content:"\3a"}.icon-diamond:before{content:"\36"}.icon-rocket:before{content:"\37"}.icon-cars:before{content:"\39"}.icon-clock:before{content:"\3b"}.icon-star:before{content:"\3c"}.cd-dropdown ul{position:absolute;top:0;width:100%}.cd-dropdown ul li{display:block;position:absolute;width:100%}.cd-active.cd-dropdown>span{color:#fc756f}.cd-active.cd-dropdown ul li span{-webkit-transition:all .2s linear 0s;-moz-transition:all .2s linear 0s;-ms-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;transition:all .2s linear 0s}.cd-active.cd-dropdown ul li span:hover{background:#ff0303;color:#fff}