html,body {padding:0;margin:0;}

body {background: #FDFDFD;height:auto;}

a:hover,a:focus {color:#fff;text-decoration:none;}

.steam-dw {background: #ff3b49;height:160px;}

.data-block .data-container{box-shadow: 0 10px 38px rgba(0,0,0,0.20), 0 10px 12px rgba(0,0,0,0.15);border-radius: 2px;border:none;}
.data-block .data-container.steam-login {padding:40px;}

.container.login form input[type="text"], .container.login form input[type="password"] {
    width: 100%;box-sizing:border-box;padding:16px 0px;
}
.container.login {position:relative;margin-bottom:-120px;}

.btn, .btn-large, .btn-flat {text-transform: capitalize;width: 100%;height: auto;}
.btn:hover, .btn-large:hover{background-color: #ff3b49;opacity:0.9;}
.btn:focus, .btn-large:focus{background-color: #ff3b49;}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;}

.container.login {margin-top: 100px;}
.input-field label{font-weight: normal;}
.input-field {padding-left: 3rem;}
.input-field .prefix {left: 0px;top: 7px;}
.input-field .prefix ~ input, .input-field .prefix ~ textarea {margin-left: 0rem;}
.input-field .prefix ~ label {margin-left: 2.25rem;}

[type="checkbox"]+label {line-height: 24px;font-size: 15px;}

.control-group.success.checkbox,.control-group .success .checkbox{color:#333;}

input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid #333;
    box-shadow: 0 1px 0 0 #333;
}
[type="checkbox"]+label:before, [type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 1px;
}
ul.login-footer li {margin-top:10px;display:block !important;margin-bottom:7px;text-align:center;}
ul.login-footer li a {color:#fff;font-size:13px;display:block;text-transform: capitalize;transition:all 0.3s;}
ul.login-footer li a:hover,ul li a:focus{text-decoration:none;color:#fff;opacity:0.85;}

.btn-floating {position:absolute;top:10px;right:-30px;    background: #5C5C5C !important;transition:all 0.3s;}

.steam-head {background: #ff3b49;color:#fff;padding:15px 0px 70px;}
.steam-head h1 {font-size:36px;text-transform: capitalize;font-size: 2.92rem;margin:5px 0px;color:#fff;}
.steam-p {position: relative;margin-top: -50px;}
.data-block .data-container.steam-shadow{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border-radius:0px;}
.steam-head header {padding:0px 0px;margin:0px;}
.steam-head p {opacity:0.8;}

.steam-btnback{text-align:right;margin:0px 0px -40px;}
.steam-btnback a {display:inline !important;padding:10px 25px;font-size:14px;;}
.steam-btnback {margin: -20px 0px 20px;}

@media (max-width: 768px){
.steam-head,.steam-p {padding-right:15px;padding-left:15px;}
.steam-head h1 {font-size: 1.5rem;}

}
@media (max-width: 468px){
.container.login {width: 100%;padding: 15px;}
.btn-floating {right: -8px;top: -8px;}
}