@import url("//fonts.googleapis.com/css?family=Lato:400,100,300,700");div#main-container{width:100%;height:100%}section.login-container{width:100%;min-height:100%;background-color:#333;background-repeat:no-repeat;background-size:cover}section.login-container .login-wrapper{width:600px;margin:0px auto;text-align:center}section.login-container .login-wrapper a.logo{display:inline-block}section.login-container .login-wrapper h1{margin:0 0 3rem 0;font-family:"Lato";font-weight:700;color:#000;font-size:3rem;line-height:4rem}section.login-container .login-wrapper .login-description{color:#000;font-family:"Lato";font-weight:300;font-size:1.8rem}section.login-container .login-wrapper form{margin-top:3rem;border:0px}section.login-container .login-wrapper form fieldset{margin:0px;padding:0px;border:0px}section.login-container .login-wrapper form fieldset .control-group{width:100%;min-height:20px;display:inline-block;position:relative;margin-top:3rem}section.login-container .login-wrapper form fieldset .control-group:first-child{margin-top:0px}section.login-container .login-wrapper form fieldset .control-group .control-label.delete,section.login-container .login-wrapper form fieldset .control-group .control-label{display:none}section.login-container .login-wrapper form fieldset .control-group .controls{width:100%}section.login-container .login-wrapper form fieldset .control-group .controls input[type="text"],section.login-container .login-wrapper form fieldset .control-group .controls input[type="password"],section.login-container .login-wrapper form fieldset .control-group .controls input[type="email"]{width:98%;padding:0 0 0 2%;height:6.5rem;line-height:6.5rem;border:1px solid #000;background-color:transparent;color:#000;font-family:"Lato";font-weight:300;font-size:1.6rem;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out;outline:none}section.login-container .login-wrapper form fieldset .control-group .controls input[type="text"]:focus,section.login-container .login-wrapper form fieldset .control-group .controls input[type="text"]:active,section.login-container .login-wrapper form fieldset .control-group .controls input[type="password"]:focus,section.login-container .login-wrapper form fieldset .control-group .controls input[type="password"]:active,section.login-container .login-wrapper form fieldset .control-group .controls input[type="email"]:focus,section.login-container .login-wrapper form fieldset .control-group .controls input[type="email"]:active{-webkit-box-shadow:0 0 2px 0 #8d8e8e;box-shadow:0 0 2px 0 #8d8e8e}section.login-container .login-wrapper form fieldset .control-group .controls .placeholder{position:absolute;top:0px;left:0px;color:#000;font-family:"Lato";font-weight:300;height:6.5rem;line-height:6.5rem}section.login-container .login-wrapper form fieldset .remember{width:100%;display:inline-block}section.login-container .login-wrapper form fieldset .remember .remember-container{width:50%;float:left}section.login-container .login-wrapper form fieldset .remember .remember-container input[type="checkbox"]{display:none}section.login-container .login-wrapper form fieldset .remember .remember-container label{float:left;height:32px;line-height:32px;color:#000}section.login-container .login-wrapper form fieldset .remember .remember-container label:before{border:1px solid #000;cursor:pointer;height:32px;float:left;display:inline-block;content:"";margin-right:20px;width:32px;position:relative}section.login-container .login-wrapper form fieldset .remember .remember-container label:after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:transparent none repeat scroll 0 0;border-color:-moz-use-text-color -moz-use-text-color #8d8e8e #8d8e8e;border-image:none;border-style:none none solid solid;border-width:medium medium 4px 4px;content:"";height:10px;left:5px;opacity:0;position:absolute;top:6px;transform:rotate(-45deg);width:19px}section.login-container .login-wrapper form fieldset .remember .remember-container input[type="checkbox"]:checked+label:after{opacity:1}section.login-container .login-wrapper form fieldset .remember .forgot-links{width:50%;float:right;margin:0px;padding:0px;text-align:right}section.login-container .login-wrapper form fieldset .remember .forgot-links li{list-style-type:none;width:100%;display:block}section.login-container .login-wrapper form fieldset .remember .forgot-links li a{color:#fff;text-decoration:none}section.login-container .login-wrapper form button.btn{color:#fff;background-color:#000;height:6rem;line-height:6rem;padding:0 6rem;font-weight:700;font-size:1.6rem;cursor:pointer;border:0px;position:relative;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden}section.login-container .login-wrapper form button.btn:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#8d8e8e;height:4px;-webkit-transition-property:left, right;transition-property:left, right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}section.login-container .login-wrapper form button.btn:hover:before{left:0;right:0}@media (max-width: 580px){:root{font-size:55%}section.login-container{min-height:100%;height:auto}section.login-container .login-wrapper{width:80%;padding:0 10%}section.login-container .login-wrapper form fieldset .control-group{margin-top:2rem}section.login-container .login-wrapper form fieldset .remember .remember-container{width:100%}section.login-container .login-wrapper form fieldset .remember .remember-container label{font-size:1.2rem}section.login-container .login-wrapper form fieldset .remember .forgot-links{width:100%;float:left;margin-top:2rem;text-align:left}section.login-container .login-wrapper form fieldset .remember .forgot-links li a{font-size:1.2rem}}@media (min-width: 581px) and (max-width: 1024px){:root{font-size:70%}section.login-container{min-height:100%;height:auto}section.login-container .login-wrapper{width:80%;padding:0 10%}section.login-container .login-wrapper form fieldset .remember .remember-container{width:100%}section.login-container .login-wrapper form fieldset .remember .remember-container label{font-size:1.2rem}section.login-container .login-wrapper form fieldset .remember .forgot-links{width:100%;float:left;margin-top:2rem;text-align:left}section.login-container .login-wrapper form fieldset .remember .forgot-links li a{font-size:1.2rem}}@media (min-width: 1025px) and (max-width: 1280px){:root{font-size:60%}section.login-container{min-height:100%;height:auto}}@media (min-width: 1281px) and (max-width: 1600px){:root{font-size:60%}}