#formModal input,button{border:none;outline:none;background:#ebeef0;font-family:'Roboto', sans-serif;font-weight:normal}.tip{font-size:20px;margin:40px auto 50px;text-align:center}#formModal .cont{overflow:hidden;position:relative;width:900px;height:640px;background-image:linear-gradient(180deg, #fdfbfb 0%, #f7f7f8 100%);box-shadow:0 0 28px 10px rgba(0,0,0,0.7)}.form{position:relative;width:640px;height:100%;-webkit-transition:-webkit-transform 1.2s ease-in-out;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;padding:0 30px 0}.sub-cont{overflow:hidden;position:absolute;left:640px;top:0;width:900px;height:100%;padding-left:260px;background-image:linear-gradient(180deg, #fdfbfb 0%, #f7f7f8 100%);-webkit-transition:-webkit-transform 1.2s ease-in-out;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out}.cont.s--signup .sub-cont{-webkit-transform:translate3d(-640px, 0, 0);transform:translate3d(-640px, 0, 0)}#formModal button{display:block;margin:30px auto;width:260px;height:48px;border-radius:3px;color:#fff;font-size:20px;cursor:pointer;transition:all .2s ease-in-out}#formModal button:hover{background:#11b565;box-shadow:0 3px 6px rgba(0,0,0,0.3)}.img{overflow:hidden;z-index:2;position:absolute;left:0;top:0;width:260px;height:100%;padding-top:360px}.img:before{content:'';position:absolute;right:0;top:0;width:900px;height:100%;background-image:linear-gradient(0deg, rgba(235,238,240,0) 0%, rgba(235,238,240,0.9) 90%, rgba(235,238,240,0.9) 100%),url(/assets/home_page_design/sign-up-c6766722c5e53e52afe89b58d4aace5f6fa5319d6635bc5b89582dfa1e475e4a.jpg);background-size:cover;-webkit-transition:-webkit-transform 1.2s ease-in-out;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out}.img:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0)}.cont.s--signup .img:before{-webkit-transform:translate3d(640px, 0, 0);transform:translate3d(640px, 0, 0)}.img__text{z-index:2;position:absolute;left:0;top:50px;width:100%;padding:0 20px;text-align:center;color:rgba(0,0,0,0.7);-webkit-transition:-webkit-transform 1.2s ease-in-out;transition:-webkit-transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out;transition:transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out}.img__text h2{margin-bottom:10px;font-weight:400}.img__text p{font-size:16px;line-height:1.5;font-weight:400}.cont.s--signup .img__text.m--up{-webkit-transform:translateX(520px);transform:translateX(520px)}.img__text.m--in{-webkit-transform:translateX(-520px);transform:translateX(-520px)}.cont.s--signup .img__text.m--in{-webkit-transform:translateX(0);transform:translateX(0)}.img__btn{overflow:hidden;z-index:2;position:relative;width:100px;height:48px;margin:0 auto;background:transparent;color:#ffffff;text-transform:uppercase;font-size:16px;cursor:pointer;border-radius:3px;transition:all .2s ease-in-out}.img__btn:hover{box-shadow:0 3px 16px rgba(0,0,0,0.3);background:white;color:#8ac249}.img__btn:after{content:'';z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #fff;border-radius:3px}.img__btn span{position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:-webkit-transform 1.2s;transition:-webkit-transform 1.2s;transition:transform 1.2s;transition:transform 1.2s, -webkit-transform 1.2s}.img__btn span.m--in{-webkit-transform:translateY(-96px);transform:translateY(-96px)}.cont.s--signup .img__btn span.m--in{-webkit-transform:translateY(0);transform:translateY(0)}.cont.s--signup .img__btn span.m--up{-webkit-transform:translateY(96px);transform:translateY(96px)}#formModal h2{width:100%;font-size:26px;text-align:center;font-weight:500}#formModal label{display:block;width:260px;margin:10px auto 0;text-align:left}#formModal label span{font-size:12px;color:#657a84;text-transform:none}#formModal input{display:block;width:100%;padding-bottom:5px;padding:10px;font-size:16px;border-bottom:0 solid rgba(0,0,0,0.4);text-align:left;box-shadow:0 0 0 transparent;transition:all .2s ease-in-out}#formModal input:focus{background:#ffffff;box-shadow:0 3px 6px rgba(0,0,0,0.2)}.forgot-pass{margin-top:15px;text-align:center;font-size:12px;color:#657a84}.sign-in>p>a{text-decoration:underline;color:inherit}.sign-up>p>a{text-decoration:underline;color:inherit}.submit{margin-top:20px;margin-bottom:20px;background:#0f9d58;text-transform:none}.submit:focus{background:#11b565}.sign-in{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.cont.s--signup .sign-in{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-duration:1.2s;transition-duration:1.2s;-webkit-transform:translate3d(640px, 0, 0);transform:translate3d(640px, 0, 0)}.sign-up{-webkit-transform:translate3d(-900px, 0, 0);transform:translate3d(-900px, 0, 0)}.cont.s--signup .sign-up{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}#formModal .error{background:rgba(190,53,11,0.2)}#formModal .errorText{display:absolute;margin:5px auto 0}#formModal .errorText p{text-align:center;font-size:14px;color:#be350b}#formModal .valid{background:rgba(15,157,88,0.2)}