.input__field,.input__label{float:right;font-weight:700}.cd-dropdown ul li span,.cd-dropdown>span,.input__label{-webkit-touch-callout:none;-khtml-user-select:none;-moz-user-select:none}.input{position:relative;z-index:1;display:inline-block;margin:1em;max-width:350px;width:calc(100% - 2em);vertical-align:top}.input__field{position:relative;display:block;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}.input__field:focus{outline:0}.input__label{display:inline-block;padding:0 1em;width:40%;color:#6a7989;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}.graphic{position:absolute;top:0;left:0;fill:none}.icon{color:#ddd;font-size:150%}.projectInputWrap{display:block;margin:50px auto 0;width:810px}.input--kuro{max-width:300px;margin-bottom:2em;margin-left:45px;margin-right:45px;padding-left:10px;text-align:center}.input__field--kuro{width:100%;background:0 0;color:#9196A1;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;font-size:1.5em;line-height:.75em;padding-top:10px;text-align:left}.input__label--kuro{position:absolute;left:0;width:100%;color:#df6589;font-size:.8em;pointer-events:none;padding-top:.4em;line-height:0}.input__label--kuro::after,.input__label--kuro::before{content:'';position:absolute;top:0;left:0;width:50%;height:45px;border:4px solid #353535;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.input__label--kuro::before{border-right:none}.input__label--kuro::after{left:50%;border-left:none}.input--filled .input__field--kuro,.input__field--kuro:focus{opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}.input--filled .input__label--kuro::before,.input__field--kuro:focus+.input__label--kuro::before{-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}.input--filled .input__label--kuro::after,.input__field--kuro:focus+.input__label--kuro::after{-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}.input--filled .input__label-content--kuro,.input__field--kuro:focus+.input__label--kuro .input__label-content--kuro{-webkit-animation:anim-2 .3s forwards;animation:anim-2 .3s forwards}@-webkit-keyframes anim-2{50%{opacity:0;-webkit-transform:scale3d(.3,.3,1);transform:scale3d(.3,.3,1)}51%{opacity:0;-webkit-transform:translate3d(0,3.7em,0) scale3d(.3,.3,1);transform:translate3d(0,3.7em,0) scale3d(.3,.3,1)}100%{opacity:1;-webkit-transform:translate3d(0,3.7em,0);transform:translate3d(0,3.7em,0)}}@keyframes anim-2{50%{opacity:0;-webkit-transform:scale3d(.3,.3,1);transform:scale3d(.3,.3,1)}51%{opacity:0;-webkit-transform:translate3d(0,3.7em,0) scale3d(.3,.3,1);transform:translate3d(0,3.7em,0) scale3d(.3,.3,1)}100%{opacity:1;-webkit-transform:translate3d(0,3.7em,0);transform:translate3d(0,3.7em,0)}}@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*,: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}body{font-family:Lato,Calibri,Arial,sans-serif;background:#fff;font-weight:300;font-size:15px;color:#333;overflow:scroll;overflow-x:hidden}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}@media screen and (max-width:730px){.fleft{width:100%;float:none;text-align:center}}.cd-dropdown,.cd-select{position:relative;width:200px;margin:20px auto;display:block}.cd-dropdown ul li span,.cd-dropdown>span{width:100%;line-height:60px;padding:0;cursor:pointer;text-align:center;display:block}.cd-dropdown>span{height:60px;color:#fff;font-weight:400;font-size:1.3em;background:#f26267;position:relative}.cd-dropdown ul{list-style-type:none;margin:0;padding:0;display:block}.cd-dropdown ul li{display:block}.cd-dropdown ul li span{background:#fff;color:#f26267;font-weight:700;border:1px solid #ddd}.cd-dropdown ul li span,.cd-dropdown>span{-webkit-backface-visibility:hidden;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cd-select{border:1px solid #ddd}.wrap{display:block;float:left;margin:0 auto}.wrapBudget{margin:40px auto 0;display:block}.wrap ul{display:block;margin:0 auto;width:209px!important;height:300px!important;overflow:scroll;border:0}.wrap ul::-webkit-scrollbar{width:9px}.wrap ul::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5)}.wrap ul::-webkit-scrollbar-corner{display:none}.wrap ul::-moz-scrollbar{width:9px}.wrap ul::-moz-scrollbar-thumb{background-color:rgba(0,0,0,.5)}.wrap ul::-moz-scrollbar-corner{display:none}.cd-select,.wrapBudget .cd-dropdown{width:400px}.cd-dropdown ul,.cd-dropdown ul li{position:absolute;width:100%}.cd-dropdown ul{top:0}.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:#fc756f;color:#fff}