body{font-family:"Montserrat",sans-serif;background:url(../images/bg.svg);background-size:cover;background-color:#f8fff8}.container{max-width:990px}a{display:inline-block;text-decoration:none}input{outline:none!important}h1{text-align:center;text-transform:uppercase;margin-bottom:40px;font-weight:700}section#formHolder{padding:50px 0}.brand{padding:20px;background-size:cover;background-position:center center;color:#fff;min-height:655px;position:relative;box-shadow:3px 3px 10px rgba(0,0,0,.3);transition:all 0.6s cubic-bezier(1,-.375,.285,.995);z-index:9999}.brand.active{width:100%}.brand::before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#002a01;z-index:-1}.brand a.logo{color:#00ff08;font-size:22px;font-weight:700;text-decoration:none;line-height:1em}.brand a.logo span{font-size:30px;color:#fff;transform:translateX(-5px);display:inline-block}.brand .heading{position:absolute;top:52%;left:50%;min-width:380px;transform:translate(-50%,-50%);text-align:center;transition:all 0.6s}.brand .heading.active{top:100px;left:100px;transform:translate(0)}.brand .heading h2{font-size:70px;font-weight:700;text-transform:uppercase;margin-bottom:0}.brand .heading p{font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:1.2px;white-space:3px;font-family:"Raleway",sans-serif}.brand .success-msg{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:60px}.brand .success-msg p{font-size:25px;font-weight:400;font-family:"Raleway",sans-serif}.brand .success-msg a{font-size:12px;text-transform:uppercase;padding:8px 30px;background:#f95959;text-decoration:none;color:#fff;border-radius:30px}.brand .success-msg p,.brand .success-msg a{transition:all 0.9s;transform:translateY(20px);opacity:0}.brand .success-msg p.active,.brand .success-msg a.active{transform:translateY(0);opacity:1}.form{position:relative}.form .form-peice{background:#fff;min-height:580px;margin-top:35px;box-shadow:3px 3px 10px rgba(0,0,0,.2);color:#bbb;padding:10px 0 20px;transition:all 0.9s cubic-bezier(1,-.375,.285,.995);position:absolute;top:0;left:-30%;width:130%;overflow:hidden}.form .form-peice.switched{transform:translateX(-100%);width:100%;left:0}.form form{padding:0 20px;margin:0;width:70%;position:absolute;top:50%;left:60%;transform:translate(-50%,-50%)}.form form .form-group{margin-bottom:1px;position:relative}.form form .form-group.hasError input{border-color:#f95959!important}.form form .form-group.hasError label{color:#f95959!important}.form form label{font-size:12px;font-weight:600;text-transform:uppercase;font-family:"Montserrat",sans-serif;transform:translateY(40px);transition:all 0.4s;cursor:text;z-index:-1}.form form label.active{transform:translateY(10px);font-size:10px}.form form label.fontSwitch{font-family:"Raleway",sans-serif!important;font-weight:600}.form form input:not([type=submit]){background:none;outline:none;border:none;display:block;padding:1px 0;width:100%;border-left:.5px solid #0097576b;border-bottom:1px solid #0097576b;color:#444;font-size:14px;font-family:"Montserrat",sans-serif;z-index:1}.form form input:not([type=submit]).hasError{border-color:#f95959}.form form span.error{color:#f95959;font-family:"Montserrat",sans-serif;font-size:12px;position:absolute;bottom:-20px;right:0;display:none}.form form input[type=password]{color:#000}.form form .CTA{margin-top:30px}.form form .CTA input{font-size:12px;text-transform:uppercase;padding:5px 30px;background:#f95959;color:#fff;border-radius:30px;margin-right:20px;border:none;font-family:"Montserrat",sans-serif}.form form .CTA a.switch{font-size:13px;font-weight:400;font-family:"Montserrat",sans-serif;color:#bbb;text-decoration:underline;transition:all 0.3s}.form form .CTA a.switch:hover{color:#f95959}footer{text-align:center}footer p{color:#fff}footer p a,footer p a:focus{color:#b8b09f;transition:all 0.3s;text-decoration:none!important}footer p a:hover,footer p a:focus:hover{color:#f95959}.logo-brand{max-width:75px!important}.btn-mobile{display:none}@media (max-width:768px){.container{overflow:hidden}.logo-brand{display:none}.brand .heading{top:55%}section#formHolder{padding:0}section#formHolder div.brand{min-height:500px!important}section#formHolder div.brand.active{min-height:100vh!important}section#formHolder div.brand .heading.active{top:390px;left:50%;transform:translate(-50%,-50%)}section#formHolder div.brand .success-msg p{font-size:16px}section#formHolder div.brand .success-msg a{padding:5px 30px;font-size:10px}section#formHolder .form{width:80vw;min-height:550px;margin-left:10vw}section#formHolder .login{min-height:400px!important}section#formHolder .signup{min-height:610px!important}section#formHolder .form .form-peice{margin:0;top:0;left:0;width:100%!important;transition:all 0.5s ease-in-out}section#formHolder .form .form-peice.switched{transform:translateY(-100%);width:100%;left:0}section#formHolder .form .form-peice>form{width:100%!important;padding:60px;left:50%}}@media (max-width:480px){section#formHolder .form{width:100vw;margin-left:0}.table-pcs{display:none}.btn-mobile{display:block}h2{font-size:50px!important}}form label.error{color:#f95959;font-family:"Montserrat",sans-serif;font-size:10px;position:absolute;bottom:45px;right:0}a.switch{float:right!important;text-decoration:none!important;color:whitesmoke!important}label{display:inline;font-size:large;color:#002a01}form p{text-align:right;color:darkgreen;text-transform:uppercase}form input.error{border-bottom:.2px solid #f00!important}a.forgot{float:right}.mb-5{margin-bottom:5px!important}.mb-10{margin-bottom:10px!important}.mb-15{margin-bottom:15px!important}.mb-20{margin-bottom:20px!important}.mt-5{margin-top:5px!important}.mt-10{margin-top:10px!important}.mt-15{margin-top:15px!important}.mt-20{margin-top:20px!important}