body {
    background: url(../img/interface/login/bg.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-color: #010101!important;
	cursor: default!important;
}
#allow_audio {
	font-family: 'Poppins', 'Open Sans';
	display: none;
}
.login-logo {
	background-color: #1d2027;
    padding: 15px 0 15px 0;
	border-radius: 15px 15px 0 0;
}

.form-data {
	background-color: #17181c;
	border-radius: 0 0 15px 15px;
	padding-bottom: 15px;
}
.login-form {
	padding-top: 20px;
	width: 70%;
    margin: 0 auto;
}
.inventory {
    font-family: 'Poppins', 'Open Sans';
	color: #a8b0c3!important;
}
.reg-info {
	padding-top: 10px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
.lost-pass {
	padding-top: 5px;
}
.lost-pass a {
	text-transform: uppercase;
	font-weight: bold;
}
a {
	color: #a32f33;
	text-decoration: none!important;
}
a:hover {
	color: #c5353a;
	text-decoration: none!important;
}

#bgVideo {
	position: fixed;
    /*height: 100%;/*
    /*width: 177.77777778vh;*/
    width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
}
.board-img {
    height: 445px!important;
    min-height: 445px!important;
}
.high-text {
    font-size: 12px;
    top: 7px;
}
@media (max-width: 540px) {
	.g-recaptcha {
		margin-left: -20px;
	}
}
@media (max-width: 800px) {
	body {
		overflow: auto!important;
	}
}
@media (min-width: 1199px) {
	.inventory {
		margin-top: 30%!important;
	}
	.inv-slots {
		padding-top: 5px!important;
	}
}

.login-button {
	width: 175px;
    margin: 0 auto;
    height: 50px;
    text-transform: uppercase;
    background-color: #2a2a35;
    font-weight: bold;
    color: white;
    padding: 10px 16px;
    font-size: 1rem;
    border-radius: .5rem;
    transition: all .15s cubic-bezier(0.4,0,0.2,1);
    border: none;
    cursor: pointer;
}

.login-button:hover {
    background-color: #24242d;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.login-button:active {
    position: relative;
    top: 1px;
    right: 1px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.login-input {
	height: 50px;
    width: 100%;
    border: solid 4px #2a2a35;
    font-weight: bold;
    color: #d1d1d1;
}

.user-input {
	background: url(../img/interface/login/user_icon.png) no-repeat scroll 9px 14px;
	padding-left:30px;
}
.email-input {
	background: url(../img/interface/login/email_icon.png) no-repeat scroll 9px 13px;
	padding-left:30px;
}
.password-input {
	background: url(../img/interface/login/password_icon.png) no-repeat scroll 9px 13px;
	padding-left:30px;
}
.login-logo h1 {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    padding-top: 5px;
	-webkit-text-stroke: unset;
}

.form-check-input {
	width: 2em;
    height: 2em;
}
.form-check {
    padding-left: 2.5em;
}
.form-check .form-check-input {
    float: left;
    margin-left: -2.5em;
}
.form-check-input {
	margin-top: 0;
    background-color: #17181c;
    border: 5px solid #2a2a35;
	border-radius: 0;
}
.form-check-input:checked {
    background-color: #17181c;
    border: 5px solid #2a2a35;
    border-radius: 0;
}
.form-check-input[type=checkbox] {
    border-radius: 0;
}