.main-content-page{background:url('../images/pattern-1.png') repeat #fff}.clientarea-layer{margin:40px auto 100px}.login-page{width:450px;position:relative;overflow:hidden}.login-page form{width:100%;position:relative;background:url('../images/login.jpg') no-repeat top center;background-size:cover}.login-page .heading{margin-bottom:20px}.login-page .heading h1{font-size:20px;color:#fff;line-height:30px;width:100%;text-align:center;padding-top:15px}.login-page .inner{padding:0 65px 30px}.login-page .inner .input-layer{margin-bottom:15px}.login-page .inner .input-layer input{border:2px solid #fff;line-height:43px;height:43px;box-shadow:0 0 0 transparent}.login-page .inner .button-st{width:100%;background-color:transparent;border:2px solid #fff;line-height:44px;height:48px;padding:0;font-size:15px}.login-page .inner .button-st:hover{box-shadow:0 0 10px #fff}.login-page .register-icon{width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:23px;position:absolute;left:20px;top:20px}.login-page .password-icon{width:30px;height:30px;line-height:30px;text-align:center;color:#fff;font-size:23px;position:absolute;right:20px;top:20px}.login-page .multi-checkbox-in-row .checkbox-option label{color:#fff;font-weight:700}.login-page .other-ways{width:100%;position:relative;padding:25px 65px 60px}.login-page .other-ways:before{width:50px;height:50px;line-height:50px;text-align:center;left:0;right:0;top:0;background-color:#fff;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;content:'\f2f9';font-family:material;color:#788997;display:block;margin:-50px auto 0;box-shadow:0 0 8px rgba(206,223,237,.7);-moz-box-shadow:0 0 8px rgba(206,223,237,.7);-webkit-box-shadow:0 0 8px rgba(206,223,237,.7);font-size:33px;border:1px solid #e8edf2}.login-page .other-ways a{width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;line-height:55px;text-align:center;font-size:15px;color:#fff;margin:10px 0;padding-top:1px}.login-page .other-ways a i{font-size:27px;margin-right:15px;position:relative;top:5px}.login-page .other-ways a.github-login{background-color:#24292e;margin-top:50px}.login-page .other-ways a.github-login:hover{background-color:#383f46}.login-page .other-ways a.twitter-login{background-color:#47b1f3}.login-page .other-ways a.twitter-login:hover{background-color:#35a0e2}.tooltip{line-height:23px;padding:5px 0;font-size:12px;word-spacing:-1px;font-family:IRANsans}.client-form{width:550px;position:relative;margin:0 auto}.client-form .links-button{position:absolute;right:-45px;top:25px}.client-form .links-button a{width:48px;height:48px;display:block;margin-bottom:10px;border:1px solid #e9eef2;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;line-height:50px;text-align:center;font-size:21px;background-color:#fff;color:#82959d}.client-form .links-button a i.zmdi-account-add,.client-form .links-button a i.zmdi-square-right{font-size:23px}.client-form .links-button a i.zmdi-lock{position:relative;right:-1px}.client-form .links-button a i.zmdi-square-right{position:relative;top:1px}.client-form .links-button a:hover i.zmdi-account-add,.client-form .links-button a:hover i.zmdi-square-right{color:#62b934}.client-form .links-button a:hover i.zmdi-lock{color:#1c84ef}.client-form form{width:100%;position:relative;padding-top:0;padding-bottom:25px;background-color:#fff;overflow:hidden;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px}.client-form form .background{min-height:240px}.clientarea-layer .login-page form .background{width:100%;background:url('../images/login.jpg') no-repeat top center;position:relative;background-size:cover}.clientarea-layer .register-page form .background{width:100%;background:url('../images/register.jpg') no-repeat top center;position:relative;background-size:cover}.clientarea-layer .password-page form .background{width:100%;background:url('../images/password.jpg') no-repeat top center;position:relative;background-size:cover}.client-form form .inner{padding:30px 40px 0}.client-form form .input-layer{margin-bottom:25px}.client-form .link-layer{margin-top:25px;padding-top:25px;border-top:1px solid #e9eef2;display:none}.client-form .link-layer a{display:block;font-size:13px;line-height:25px;margin-bottom:10px;color:#1c84ef}.client-form .link-layer a i{font-size:19px;position:relative;top:2px;width:25px}.client-form .link-layer a i.zmdi-square-right{font-size:21px;position:relative;top:5px}.client-form .link-layer a i.zmdi-account-add{font-size:21px}.client-form .link-layer a i.zmdi-lock{position:relative;right:1px}.client-form .link-layer a:hover{color:#62b934}.client-form ul{margin:5px 0 30px}.client-form ul li{line-height:24px;font-size:13px;margin-bottom:7px;padding-right:15px;position:relative}.client-form ul li:before{width:8px;height:8px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;border:2px solid #438afe;content:'';position:absolute;right:0;top:9px}.client-form img{position:relative;top:5px;width:100%;height:70px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}@media screen and (max-width :660px){.client-form{width:100%}.client-form form .inner{padding:25px 20px 0}.clientarea-layer{padding:0}.client-form .links-button{display:none}.client-form .link-layer{display:block}.client-form form .background{min-height:320px}}@media screen and (max-width :600px){.clientarea-layer{margin:20px auto 70px;width:380px}.clientarea-layer .inner{padding:0 40px 25px}.clientarea-layer .heading{margin-top:0}.clientarea-layer .heading h1{padding-top:15px}.login-page .other-ways{padding:25px 40px 40px}.login-page .other-ways a.github-login{margin-top:35px}}@media screen and (max-width :550px){.client-form form .background{min-height:250px}.client-form .captcha-col{width:100%;float:none}.client-form .captcha-col img{margin-bottom:20px}}@media screen and (max-width :480px){.clientarea-layer{width:100%}.clientarea-layer .inner{padding:0 20px 25px}.login-page .other-ways{padding:25px 20px 40px}.clientarea-layer .heading h1{padding-top:20px}}@media screen and (max-width :380px){.client-form form .background{min-height:190px}}