html{width:100%;height:100%;margin:0;font-family:marvel,"Helvetica Neue",helvetica,serif;font-size:22px;overflow-x:hidden}body{background:linear-gradient(#105d7f 1%,#305778 2%,#63b5ce 55%,#63b5ce 99%,#70caff 100%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{padding:0 15px}h1{font-size:225%}h2{font-size:200%}h3{font-size:175%}h4{font-size:150%}h5{font-size:125%}h6{font-size:100%}hr{margin:0 15px;border-color:#eee;border-width:1px 0;border-style:solid}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.formula{width:85%;max-width:700px;transition:all ease 1s}.formula,.formula .header-img{display:block;margin:0 auto;position:relative}.formula .header-img{background-image:url('../images/epic-logo.png');background-size:contain;background-repeat:no-repeat;width:300px;height:300px;z-index:2}.formula .primary-window{border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.2);position:relative;max-height:100%;background:radial-gradient(circle,#f2f2f2 0%,#ebebeb 100%);transition:-webkit-transform ease .5s,margin-top ease .5s,max-height ease .5s;transition:transform ease .5s,margin-top ease .5s,max-height ease .5s;margin-top:-215px;tansform-origin:50% 100%;overflow:hidden;top:80px}.formula .primary-window .thanks{position:absolute;text-align:center;width:100%;opacity:0;transition:all ease 1s 3s;margin-left:-30px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.formula:focus{box-shadow:0 0 5px rgba(0,0,0,.25);outline:none}.formula .forcefield{padding:100px 30px 60px}.formula form .input-group:first-child{margin-top:50px}.formula form .input-group{margin-top:70px;position:relative;transition:opacity ease .5s}.formula form input{width:90%;max-height:47px;padding:10px 5%;font-size:inherit;text-align:left;font-family:inherit;border-style:none;border-radius:2px;box-shadow:2px 0 1px rgba(50,50,50,.05),-2px 0 1px rgba(50,50,50,.05);transition:box-shadow ease .3s,all ease .3s;text-overflow:ellipsis;margin:0}.formula form input:focus{outline:none;box-shadow:-1px 1px 3px rgba(0,0,0,.07),1px 1px 3px rgba(0,0,0,.07);margin-bottom:1px;margin-top:-1px}.formula form input:focus~label{top:-55px;color:#000;text-shadow:0 0 1px 0 #6464fa}.formula form input:focus~*{top:-1px}.formula form input~*{transition:top ease .3s}.formula form input.focus~label{top:-55px}.formula form input.valid~.glance::after{color:#0ae10a;text-shadow:0 0 7px #fff}.formula form .glance{height:47px;width:30px;background:#f4f4f4;box-shadow:1px 0 1px rgba(0,0,0,.1);padding:0;margin:0;top:0;position:absolute;border-top-left-radius:2px;border-bottom-left-radius:2px;transition:all ease .5s}.formula form .glance::after{content:"\2713";padding:3px;position:relative;top:7px;font-size:130%;color:transparent;transition:all ease .5s}.formula form *[class*='pill-']{height:47px;text-align:center;top:0;background:#fafafa;border-radius:2px;padding:0 15px;margin:0;position:absolute}.formula form *[class*='pill-'] span{display:inline-block;padding-top:8px}.formula form .pill-right{right:0;box-shadow:-1px 0 1px rgba(0,0,0,.1)}.formula form .pill-left{left:0;box-shadow:1px 0 1px rgba(0,0,0,.1)}.formula form .glance~.pill-left{left:30px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;box-shadow:1px 0 1px rgba(0,0,0,.1),inset 1px 0 1px rgba(0,0,0,.1)}.formula form .pill-left~.glance{left:100px}.formula form label{display:block;padding:10px 0;margin-top:-47px;text-align:center;position:relative;top:0;cursor:text;transition:top ease .8s,color ease .5s .25s,all ease .8s;color:#aaa}.formula .submit-btn{position:absolute;width:100%;padding:10px 0;text-align:center;background:#fff;-webkit-transform-origin:50% 0;transform-origin:50% 0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;z-index:-1;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);transition:-webkit-transform ease-in .3s .1s,box-shadow ease .6s,opacity ease .1s;transition:transform ease-in .3s .1s,box-shadow ease .6s,opacity ease .1s}.formula.persp .primary-window{-webkit-transform:rotateX(37deg);transform:rotateX(37deg);margin-top:-270px;box-shadow:inset 0 30px rgba(0,0,0,.015),inset 0 25px rgba(0,0,0,.02),inset 0 10px rgba(0,0,0,.025)}.formula.persp .submit-btn{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;box-shadow:0 7px 15px rgba(0,0,0,.2);cursor:pointer;z-index:2}.formula.punched .primary-window{-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-webkit-animation:punch-ticket 3s;animation:punch-ticket 3s}.formula.punched .input-group{opacity:0}.formula.punched .thanks{display:block;opacity:1;top:95px}.formula.punched .submit-btn{opacity:0}.formula.punched.end .primary-window{max-height:620px;transition:none;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@-webkit-keyframes punch-ticket{0%{-webkit-transform:rotateX(0)translateY(0);transform:rotateX(0)translateY(0)}35%{-webkit-transform:rotateX(180deg)translateY(0);transform:rotateX(180deg)translateY(0)}50%{-webkit-transform:rotateX(180deg)translateY(80px);transform:rotateX(180deg)translateY(80px)}65%{-webkit-transform:rotateX(180deg)translateY(0);transform:rotateX(180deg)translateY(0)}100%{-webkit-transform:rotateX(180deg)rotateZ(180deg);transform:rotateX(180deg)rotateZ(180deg)}}@-ms-keyframes punch-ticket{0%{transform:rotateX(0)translateY(0)}35%{transform:rotateX(180deg)translateY(0)}50%{transform:rotateX(180deg)translateY(80px);max-height:620px}65%{transform:rotateX(180deg)translateY(0)}65%,100%{max-height:620px}100%{transform:rotateX(-180deg)rotateZ(180deg)}}@-moz-keyframes punch-ticket{0%{transform:rotateX(0deg)translateY(0)}35%{transform:rotateX(180deg)translateY(0)}50%{transform:rotateX(180deg)translateY(80px);max-height:620px}65%{transform:rotateX(180deg)translateY(0);max-height:620px}100%{transform:rotateX(180deg)rotateZ(180deg);max-height:620px}}