.icon.-facebook:before,.icon.-linkedin:before,.icon.-pinterest:before,.icon.-twitter:before{line-height:1;speak:none;text-transform:none;font-style:normal;font-variant:normal}
.icon.-facebook:before,.icon.-linkedin:before,.icon.-pinterest:before,.icon.-twitter:before,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{color:#555;font-family:sans-serif;margin:0;padding:0}
@font-face{font-family:ProximaNovaACond-Semibold;src:url(webfonts/24FCCC_3_0.eot);src:url(webfonts/24FCCC_3_0.eot?#iefix)format('embedded-opentype'),url(webfonts/24FCCC_3_0.woff)format('woff'),url(webfonts/24FCCC_3_0.ttf)format('truetype')}
.icon:before{color:#eb4a4b;font-size:48px}
code{background-color:#d3d3d3;border-radius:3px;font-family:monospace;padding:0 .5em}
.icon.-facebook:before,.icon.-linkedin:before,.icon.-pinterest:before,.icon.-twitter:before{font-family:Post-Creator-Icons}
@font-face{font-family:ProximaNovaACond-Semibold;src:url(webfonts/24FCCC_3_0.eot);src:url(webfonts/24FCCC_3_0.eot?#iefix)format('embedded-opentype'),url(webfonts/24FCCC_3_0.woff)format('woff'),url(webfonts/24FCCC_3_0.ttf)format('truetype')}
@font-face{font-family:Post-Creator-Icons;src:url(fonts/Post-Creator-Icons.eot);src:url(fonts/Post-Creator-Icons.eot?#iefix)format('embedded-opentype'),url(fonts/Post-Creator-Icons.woff)format('woff'),url(fonts/Post-Creator-Icons.ttf)format('truetype'),url(fonts/Post-Creator-Icons.svg#Post-Creator-Icons)format('svg');font-weight:400;font-style:normal}
.icon.-facebook:before{content:"\e001";font-weight:400}
.icon.-linkedin:before{content:"\e002";font-weight:400}
.icon.-pinterest:before{content:"\e003";font-weight:400}
.icon.-twitter:before{content:"\e004";font-weight:400}
iframe{border:none}
div.wide{width:640px}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit;margin:0;padding:0}
h2,h3{font-weight:400}
#content{background:#231f20;width:100%;max-width:800px;height:355px;padding:25px 40px;font-family:ProximaNovaCond-Semibold;font-weight:400;position:relative}
#content .form_container{position:absolute;left:0;width:100%}
#content .result_container{width:100%;position:absolute;left:0}
#content .result_container .num,#content .result_container .start_over,#content .result_container h2{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}
#content h3{color:#fff;font-family:ProximaNovaCond-Normal;text-transform:uppercase;text-align:center;font-size:15px;letter-spacing:1.25px;border-bottom:1px solid #fff;padding-bottom:7px}
#content h2{color:#fff;text-align:center;font-size:34px;letter-spacing:.85px;margin-top:20px}
#content div.num{color:#cb262a}
#content .num,#content input[type=number]{background:0 0;outline:0;text-align:center;width:100%;height:180px;padding-top:5px;color:#fff;font-size:150px;font-family:ProximaNovaCond-Semibold;border:none}
#content .num::-webkit-input-placeholder,#content input[type=number]::-webkit-input-placeholder{color:#333}
#content .num::-moz-placeholder,#content input[type=number]::-moz-placeholder{color:#333}
#content .num:-ms-input-placeholder,#content input[type=number]:-ms-input-placeholder{color:#333}
#content .num::placeholder,#content input[type=number]::placeholder{color:#333}
#content .num:focus::-webkit-input-placeholder,#content input[type=number]:focus::-webkit-input-placeholder{color:transparent}
#content .num:focus::-moz-placeholder,#content input[type=number]:focus::-moz-placeholder{color:transparent}
#content .num:focus:-ms-input-placeholder,#content input[type=number]:focus:-ms-input-placeholder{color:transparent}
#content .num:focus::placeholder,#content input[type=number]:focus::placeholder{color:transparent}
#content button{transition:all .8s ease;cursor:pointer;font-family:ProximaNovaCond-Semibold;font-size:20px;text-align:center;margin:-5px auto;display:block;box-shadow:8px 8px 0 #cb262a;background:#fff;outline:0;border:1px solid #231f20;width:125px;padding:5px}
#content button:hover{box-shadow:8px 8px 0 #fff;background:#cb262a;color:#fff}
#content.done .result_container{display:block}
#content.done .num,#content.done button.start_over,#content.done h2{transition:all .8s ease;-webkit-animation:fade-in 1s forwards;animation:fade-in 1s forwards;-webkit-transform:scale(1);transform:scale(1)}
#content.done label h2{-webkit-animation:slide-left 1s forwards;animation:slide-left 1s forwards}
#content.done button.submit{display:none}
#content.done input[type=number]{transition:all 1s ease;-webkit-animation:fade-out 1s forwards;animation:fade-out 1s forwards;-webkit-transform:scale(.3);transform:scale(.3)}
@-webkit-keyframes slide-left{0%{margin-left:0}
100%{margin-left:-1500px;display:none}
}
@keyframes slide-left{0%{margin-left:0}
100%{margin-left:-1500px;display:none}
}
@-webkit-keyframes fade-out{0%{opacity:1}
100%{opacity:0;display:none}
}
@keyframes fade-out{0%{opacity:1}
100%{opacity:0;display:none}
}
@-webkit-keyframes fade-in{0%{opacity:0;display:block}
100%{opacity:1;display:block}
}
@keyframes fade-in{0%{opacity:0;display:block}
100%{opacity:1;display:block}
}
@media screen and (max-width:480px){#content{padding:25px 10px}
#content h3{font-size:12px;padding-bottom:20px}
#content h2{font-size:20px}
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.foo{width:0}
.icon{display:inline-block;margin:0 5px}
}
@font-face{font-family:ProximaNovaCond-Semibold;src:url(http://x.kinja-static.com/assets/fonts/proxima/ProximaNovaCondBold-6e302c8978b1bd9d453fba318a1fa572.woff)}
@font-face{font-family:ProximaNovaCond-Normal;src:url(http://x.kinja-static.com/assets/fonts/proxima/ProximaNovaCondNormal-30ea31cbd1e9632c6002a58b4eeb233f.woff)}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}