ul,li{margin:0;padding:0}h2.login_head{text-align:center;color:#fff;margin:0 0 10px;font-size:55px}.main-nav{width:90%;max-width:240px;margin:0 auto;height:100%;cursor:pointer}.main-nav ul{position:absolute;width:100%;top:40%;margin:0;padding:0}.main-nav li{list-style:none;float:left}.main-nav a{display:block;height:50px;margin:10px;padding:2px 25px;text-decoration:none;border-radius:30px;line-height:45px;color:#fff;-webkit-transition:all .30s ease-in-out;-moz-transition:all .30s ease-in-out;-ms-transition:all .30s ease-in-out;-o-transition:all .30s ease-in-out}.user-modal.is-visible{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0 , visibility 0 0;-moz-transition:opacity .3s 0 , visibility 0 0;transition:opacity .3s 0 , visibility 0 0}.user-modal.is-visible .user-modal-container{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.user-modal-container{width:90%;max-width:600px;background:#404040;margin:3em auto 4em;cursor:auto;border-radius:.25em;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s}.user-modal-container .switcher:after{content:"";display:table;clear:both}.user-modal-container .switcher li{width:50%;float:left;text-align:center;list-style:none}.user-modal-container .switcher li:first-child a{border-radius:.25em 0 0 0}.user-modal-container .switcher li:last-child a{border-radius:0 .25em 0 0}.user-modal-container .switcher a{display:block;width:100%;height:50px;line-height:50px;text-decoration:none;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px;background:#404040;color:gray}.user-modal-container .switcher a.selected{color:#6c5af5;border-bottom:2px solid #6c5af5}@media only screen and (min-width:600px){.user-modal-container{margin:4em auto}.user-modal-container .switcher a{height:70px;line-height:70px}}.form{padding:1.4em}.form .fieldset{position:relative;margin:1.4em 0}.form .fieldset:first-child{margin-top:0}.form .fieldset:last-child{margin-bottom:0}.form label{font-size:14px;font-size:.875rem}.form label .body-text{font-family:'Roboto';font-weight:400;font-size:18px;line-height:24px;padding-top:16px}.form label.image-replace{display:inline-block;position:absolute;left:15px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:20px;width:20px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;text-shadow:none;background-repeat:no-repeat;background-position:50% 0}.form label.username{background-image:url(https://codyhouse.co/demo/login-signup-modal-window/img/cd-icon-username.svg)}.form label.email{background-image:url(https://codyhouse.co/demo/login-signup-modal-window/img/cd-icon-email.svg)}.form label.password{background-image:url(https://codyhouse.co/demo/login-signup-modal-window/img/cd-icon-password.svg)}.form input,.form button{margin:0;padding:0;border-radius:4px;background:transparent}p.fieldset.check_text label{font-size:14px;font-weight:400;font-family:'Roboto',sans-serif}.form input.full-width{width:100%}.form input.has-padding{padding:12px 20px 12px 50px}.form input.has-border{border:1px solid #bdbdbd;color:#fff;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.form input.has-border::placeholder{color:#8f8f8f;opacity:1;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px}.form input.has-border:-ms-input-placeholder{color:#8f8f8f;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px}.form input.has-border::-ms-input-placeholder{color:#8f8f8f;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px}.form input.has-border:active{border:solid 1px #6c5af5!important;box-shadow:0 0 5px rgba(52,54,66,.1)!important;outline:none}.form input.has-border:focus{border:solid 1px #6c5af5!important;box-shadow:0 0 5px rgba(52,54,66,.1)!important;outline:none}.form input.has-error:not(:placeholder-shown) {border:1px solid #de4f8c!important;color:#de4f8c}input[type="checkbox"]{visibility:hidden}label{cursor:pointer}.form-set-password .form-group{margin-bottom:25px}input[type="checkbox"]+label:before{border:1px solid gray;content:"\00a0";display:inline-block;font:16px/1em sans-serif;height:15px;margin:4px .25em 0 0;padding:0;vertical-align:top;width:15px;border-radius:4px}input[type="checkbox"]:checked+label:before{background:#6c5af5;color:#fff;content:"\2713";text-align:center}input[type="checkbox"]:checked+label:after{font-weight:bold}input[type="checkbox"]:focus+label::before{outline:#3b99fc auto 5px}.form input[type="password"]{padding-right:65px}.form input[type="submit"],.form button{padding:20px 0;cursor:pointer;background:#6c5af5;color:#fff;font-weight:bold;border:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;-webkit-transition:all .30s ease-in-out;-moz-transition:all .30s ease-in-out;-ms-transition:all .30s ease-in-out;-o-transition:all .30s ease-in-out;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px}.form input[type="submit"]:hover,.form button:hover{background:#502ce1}.no-touch .form input[type="submit"]:hover,.no-touch .form input[type="submit"]:focus,.no-touch .form button:hover,.no-touch .form button:focus{background:#4c61ff;outline:none}.form .hide-password i{color:gray}.form .hide-password{display:inline-block;position:absolute;text-decoration:none;right:0;top:0;padding:6px 15px;border-left:1px solid #d2d8d8;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;font-size:.875rem;color:#343642}.form .error-message{display:inline-block;position:absolute;left:-5px;bottom:-35px;background:rgba(215,102,102,.9);padding:.8em;z-index:2;color:#fff;font-size:13px;font-size:.8125rem;border-radius:.25em;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:opacity .2s 0 , visibility 0 .2s;-moz-transition:opacity .2s 0 , visibility 0 .2s;transition:opacity .2s 0 , visibility 0 .2s}.form .error-message::after{content:'';position:absolute;left:22px;bottom:100%;height:0;width:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(215,102,102,.9)}.form .error-message.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .2s 0 , visibility 0 0;-moz-transition:opacity .2s 0 , visibility 0 0;transition:opacity .2s 0 , visibility 0 0}@media only screen and (min-width:600px){.form{padding:2em}.form .fieldset{margin:2em 0}.form .fieldset:first-child{margin-top:0}.form .fieldset:last-child{margin-bottom:0}.form input.has-padding{padding:16px 20px 16px 50px}.form input[type="submit"]{padding:20px 0}}.form-message{padding:1.4em 1.4em 0;font-size:14px;font-size:.875rem;line-height:1.4;text-align:center}@media only screen and (min-width:600px){.form-message{padding:2em 2em 0}}.form-bottom-message{position:absolute;width:100%;left:0;bottom:-40px;text-align:center;font-size:14px;font-size:.875rem}.form-bottom-message a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.0);padding:0 0 0 2px;-webkit-transition:all .30s ease-in-out;-moz-transition:all .30s ease-in-out;-ms-transition:all .30s ease-in-out;-o-transition:all .30s ease-in-out}.form-bottom-message a:hover{animation:borderslide-3px .5s;border-bottom:1px solid rgba(255,255,255,1);padding-bottom:3px}@keyframes borderslide-3px {
  0% {
    padding-bottom: 1px;
  }
  50% {
    padding-bottom: 3px;
  }
}@keyframes borderslide-2px {
  0% {
    padding-bottom: 1px;
  }
  50% {
    padding-bottom: 2px;
  }
}a{color:#8a98ff}a:hover{color:#4c61ff}a:visited{color:#747baf}.accept-terms{color:#8a98ff;text-decoration:none;padding:0 1px 1px 2px;border-bottom:1px solid rgba(246,71,71,.0);-webkit-transition:all .30s ease-in-out;-moz-transition:all .30s ease-in-out;-ms-transition:all .30s ease-in-out;-o-transition:all .30s ease-in-out}#login,#signup,#reset-password{display:none}#login.is-selected,#signup.is-selected,#reset-password.is-selected{display:block}