section#forgotten-password,section#login{background:url(../images/login/login-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;padding-bottom:105px;padding-top:193px;position:relative}section#forgotten-password:after,section#login:after{background:-webkit-gradient(linear,left bottom,left top,color-stop(8.75%,rgba(37,39,55,.95)),color-stop(98.9%,rgba(37,39,55,0)));background:linear-gradient(0deg,rgba(37,39,55,.95) 8.75%,rgba(37,39,55,0) 98.9%);bottom:-100px;content:"";height:330px;left:0;position:absolute;width:100%;z-index:0}section#forgotten-password .wrapper,section#login .wrapper{background:#fff;border-radius:2px;height:auto;padding:41px;position:relative;width:501px;z-index:1}section#forgotten-password .wrapper .container,section#login .wrapper .container{height:100%;width:100%}section#forgotten-password .wrapper .container h1,section#login .wrapper .container h1{color:var(--darkColor);font-size:30px;font-weight:400;text-align:center}section#forgotten-password .wrapper .container>p,section#login .wrapper .container>p{color:var(--darkColor);font-family:Raleway Light,sans-serif;font-size:16px;font-weight:300;line-height:1.5;margin:10px auto 0;max-width:400px;text-align:center}section#forgotten-password .wrapper .container form,section#login .wrapper .container form{margin-top:40px}section#forgotten-password .wrapper .container form .input-container,section#login .wrapper .container form .input-container{margin-bottom:17px;width:100%}section#forgotten-password .wrapper .container form .input-container:last-of-type,section#login .wrapper .container form .input-container:last-of-type{margin-bottom:0}section#forgotten-password .wrapper .container form .input-container input,section#login .wrapper .container form .input-container input{border:1px solid #dedede;border-radius:2px;color:var(--darkColor);font-size:16px;height:50px;padding:5px 10px;width:100%}section#forgotten-password .wrapper .container form .input-container input::-moz-placeholder,section#login .wrapper .container form .input-container input::-moz-placeholder{color:#828282;font-size:16px;font-weight:300}section#forgotten-password .wrapper .container form .input-container input::placeholder,section#login .wrapper .container form .input-container input::placeholder{color:#828282;font-size:16px;font-weight:300}section#forgotten-password .wrapper .container form .forgotten-password,section#login .wrapper .container form .forgotten-password{color:var(--darkColor);display:block;font-family:Raleway Light,sans-serif;font-weight:300;margin-top:10px;text-decoration:underline;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}section#forgotten-password .wrapper .container form .btn-primary,section#login .wrapper .container form .btn-primary{height:50px;margin:35px auto 0;width:100%}@media screen and (max-width:768px){section#forgotten-password,section#login{padding-top:120px}section#forgotten-password .wrapper,section#login .wrapper{max-width:500px;padding-left:20px;padding-right:20px;width:calc(100% - 20px)}section#forgotten-password .wrapper .container h1,section#login .wrapper .container h1{font-size:26px}section#forgotten-password .wrapper .container>p,section#login .wrapper .container>p{font-size:14px}}