h1,input{color:#636363}input,label{font-size:18px}.bar,input{display:block;width:100%}.highlight,label{pointer-events:none}.button,footer,hgroup{text-align:center}.button:focus,footer a:focus,footer img:focus,input:focus{outline:0}.card-1{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-moz-transition:all .3s cubic-bezier(.25,.8,.25,1);-o-transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-transition:all .3s cubic-bezier(.25,.8,.25,1);transition:all .3s cubic-bezier(.25,.8,.25,1)}.card-1:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}hgroup{margin-top:4em}h1,h3{font-weight:300}h3{color:#4a89dc}.frm{padding:3em 2em 2em;background:#fff;border:1px solid #ebebeb;box-shadow:rgba(0,0,0,.14902) 0 1px 1px 0,rgba(0,0,0,.09804) 0 1px 2px 0}.group{position:relative;margin-bottom:8px}input{padding:10px 10px 10px 5px;-webkit-appearance:none;border:none;border-radius:0;border-bottom:1px solid #d6d6d6}
label {
    color: #999;
    font-weight: 400;
    position: absolute;
    left: 5px;
    top: 10px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -moz-transition: all .2s ease -o-transition:all .2s ease transition:all .2s ease;
}
.bar:after, .bar:before, footer a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}input.used~label,input:focus~label{top:-20px;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75);left:-10px;font-weight:100;color:darkblue}.bar{position:relative}.bar:after,.bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#4a89dc;transition:all .2s ease}.bar:before{left:50%}.bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;opacity:.5}input:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;-o-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:0 0}}@-moz-keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:0 0}}@keyframes inputHighlighter{from{background:#4a89dc}to{width:0;background:0 0}}.button{position:relative;display:inline-block;padding:12px 24px;margin:.3em 0 1em;width:100%;vertical-align:middle;color:#fff;font-size:16px;line-height:20px;-webkit-font-smoothing:antialiased;letter-spacing:1px;background:0 0;border:0;border-bottom:2px solid #3160B6;cursor:pointer;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease}.buttonBlue{background:#4a89dc;text-shadow:1px 1px 0 rgba(39,110,204,.5)}.buttonBlue:hover{background:#357bd8}.ripples{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:0 0}.ripplesCircle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.25)}.ripples.is-active .ripplesCircle{-webkit-animation:ripples .4s ease-in;-moz-animation:ripples .4s ease-in;-o-animation:ripples .4s ease-in;animation:ripples .4s ease-in}@-webkit-keyframes ripples{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}@keyframes ripples{0%{opacity:0}25%{opacity:1}100%{width:200%;padding-bottom:200%;opacity:0}}footer p{color:#888;font-size:13px;letter-spacing:.4px}footer a{color:#4a89dc;text-decoration:none;transition:all .2s ease}footer a:hover{color:#666;text-decoration:underline}footer img{width:80px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}footer img:hover{opacity:.83}