#signup form{width:100%;margin:0 auto;padding:0;position:relative;transition:all .5s;animation:intro .5s}#signup form p.errormsg{font-size:13px;color:#f9453d;margin:2px 0 .5em 0;text-align:left;width:100% !important}#signup form p.message{text-align:left;font-size:1em;color:#f9453d;margin:5px 0 0 0;white-space:nowrap;font-weight:700}#signup form p.message span{height:24px;line-height:24px;transition:all .25s;width:0;overflow:hidden;display:block}#signup form p.message.error span{width:100%}#signup form fieldset{display:none;margin:0;padding:0;border:none}#signup form fieldset ::-webkit-input-placeholder{font-size:.8em}#signup form fieldset ::-moz-placeholder{font-size:.8em}#signup form fieldset :-ms-input-placeholder{font-size:.8em}#signup form fieldset :-moz-placeholder{font-size:.8em}#signup form fieldset.active{animation:fadein .5s;display:block}#signup form fieldset .row{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;margin:.75em 0}#signup form fieldset .row.col2>*{width:48%}#signup form fieldset .row.col3>*{flex-grow:0;width:30%}#signup form fieldset .row.dob{margin-bottom:1em}#signup form fieldset .row.dob label{width:100%;margin:1em 0 0 0;text-transform:uppercase;font-size:13px}#signup form fieldset .row.dob p.errormsg{width:100%}#signup form fieldset .row.tc{margin-top:2em;margin-bottom:0}#signup form fieldset .row.tc label{margin:0}#signup form fieldset .row.tc a{color:#fc0}#signup form fieldset .row i{position:absolute;top:0;right:5px;line-height:40px;font-size:1.5em}#signup form fieldset .row i.icon-invalid{color:#f9453d}#signup form fieldset .row i.icon-verified{color:#067c8e}#signup form fieldset .row i.icon-eye-off{width:40px;height:40px;line-height:40px}#signup form fieldset .row i.icon-eye-off:hover:before{content:""}#signup form fieldset #signup-continue{width:100%;height:2.5em}#signup form fieldset .buttonsbox{flex-direction:column-reverse}#signup form fieldset .buttonsbox button{flex-grow:1;width:100%;margin:.5em 0;height:2.5em}@media screen and (min-width: 568px){#signup form fieldset #signup-continue{width:auto}#signup form fieldset .buttonsbox{flex-direction:inherit}#signup form fieldset .buttonsbox button{flex-grow:0;width:auto;margin:.5em 0}}#signup form fieldset#creating-account.active{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;text-align:center}#signup form fieldset#creating-account.active img.loading{display:block;margin:7em auto 1em auto;border-radius:50%;border:4px solid #000}#signup form fieldset#creating-account.active h2{margin:7em auto 1em auto}#signup form #signup1{text-align:right}#signup form #signup2 .row.cityzip{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#signup form #signup2 .row.cityzip input[name=city]{width:50%;flex-grow:1;margin-right:1em}#signup form #signup2 .row.cityzip input[name=zip]{width:90px;flex-grow:0}#signup form #signup2 .row.phone input:nth-child(1){width:60px;padding:0;text-align:center;flex-grow:0;margin-right:1em}#signup form #signup2 .row.phone input:nth-child(2){width:60%;flex-grow:1}@media screen and (min-width: 568px){#signup form #signup2 .row.cityzip input[name=zip]{width:110px}#signup form #signup2 .row.phone input:nth-child(1){width:80px}}#signup form label{text-align:left;display:block;color:#ccc;margin:1em 0 .5em 0}#signup form input::-webkit-input-placeholder{text-transform:uppercase}#signup form input:-ms-input-placeholder{text-transform:uppercase}#signup form input::placeholder{text-transform:uppercase}#signup form input{width:100%;line-height:40px;height:40px;border:none;outline:none;display:block;padding:0 1em;color:#fff;font-size:1em;background:#000;border-bottom:1px solid #f9453d}#signup form input.lowercase{text-transform:lowercase}#signup form input.uppercase{text-transform:uppercase}#signup form input.capitalize{text-transform:capitalize}#signup form input.error{animation:showError .5s}#signup form input.invalid{background:url("/public/img/invalid.svg") no-repeat 97% center #000;background-size:28px}#signup form input.checking{background:url("/public/img/spinner.gif") no-repeat 97% center #000;background-size:28px}#signup form input.checkboxtc{width:auto;line-height:normal;height:auto;padding:0;margin:0 0 9px 0;display:inline-block}#signup form input[type=email]{text-transform:lowercase}#signup form select{width:100%;line-height:40px;height:40px;border:none;outline:none;display:block;background:#000;border-bottom:1px solid #f9453d;color:#fff;font-size:1em;padding-left:.8em}#signup form select:disabled{opacity:.5}#signup form select:disabled:hover{cursor:not-allowed}#signup form select.error{animation:showError .5s}#signup form .toggle-view{background:url(/public/img/view.jpg) no-repeat center top;width:32px;height:32px;position:absolute;top:4px;right:8px;display:block;background-size:cover;opacity:.3}#signup form .toggle-view:hover{opacity:.7;cursor:help;background-position:center bottom}#signup form button,#signup form [type=button],#signup form [type=reset],#signup form [type=submit]{-webkit-appearance:button}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes intro{from{top:-2em;transform:scale(0)}to{top:0;transform:scale(1)}}@keyframes outtro{from{top:0;opacity:1}to{top:2em;opacity:0}}@keyframes showError{from{background:#f9453d}to{background:#000}}