@font-face {

	font-family: 'LCDNova_Regular';

	src: url('../fonts/a_lcdnova.ttf');

}



* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}



body,

html {

	background: #1d252f;

	font-family: "Arial", "Myriad Pro", Arial, sans-serif;

}



table {

	margin: 20px auto;

}



.brand-wrapper {

	background: url("../img/bg.png") no-repeat center top;

}



.container {

	position: relative;

	max-width: 1000px;

	width: 100%;

	margin: 0 auto;

}



main {

	background: #03141c;

	margin: 0 auto;

	height: auto;

	padding: 30px 20px;

	border-top: none;

	position: relative;

	z-index: 1;

	max-width: 1000px;

	width: 100%;

}



h1 {

	display: block;

	font-size: 24px;

	font-weight: normal;

	text-align: center;

	text-transform: uppercase;

	line-height: 200%;

}



.brand-login-area__btn {

	display: block;

	height: 38px;

	color: #fff;

	font-size: 18px;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	line-height: 38px;

	margin: 0 21px 10px;

	background: linear-gradient(to bottom, #060 0%, #090 20%, #003500 100%);

	border: 1px solid #090;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-moz-background-clip: padding;

	-webkit-background-clip: padding-box;

	background-clip: padding-box;

	-webkit-text-shadow: 1px 1px 1px #000;

	-moz-text-shadow: 1px 1px 1px #000;

	text-shadow: 1px 1px 1px #000;

}



.brand-login-area__btn:hover {

	text-decoration: none;

	background: linear-gradient(to bottom, #090 0%, #0c0 20%, #006800 100%);

	border: 1px solid #0c0;

}



.brand-login-area__reg-btn {

	margin-bottom: 0px;

	background: linear-gradient(to bottom, #9c0000 0%, #ca0000 20%, #6a0000 100%);

	border: 1px solid #c00;

}



.brand-login-area__reg-btn:hover {

	background: linear-gradient(to bottom, #cf0000 0%, #fb0000 20%, #9b0000 100%);

	border: 1px solid #f00;

}



.brand-footer {

	background: #03141c;

	margin: 0 auto;

	max-width: 1000px;

	width: 100%;

	position: relative;

}



.brand-footer__copyright {

	display: block;

	text-align: center;

	color: #999;

	font-size: 14px;

	font-weight: normal;

	line-height: 300%;

}



.brand-top_header {

	height: 50px;

	position: relative;

	display: flex;

	justify-content: flex-end;

}



.brand-top_header .brand-logo {

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1111;

	color: #090;

}



.brand-top_header .header-btn-block {

	display: flex;

	margin-top: 5px;

}



.brand-top_header .header-btn-block .brand-login-area__btn {

	width: 230px;

	text-align: center;

}



.content {

	height: auto;

	color: #fff;

	position: relative;

}



@media (max-width: 1024px) {

	.brand-header {

		height: auto;

		position: relative;

	}

	.brand-header .header-btn-block {

		margin-right: 65px;

	}

	.brand-logo {

		position: relative;

		top: 0;

	}

	main {

		padding: 15px;

	}

	main .content {

		float: none;

		width: 100%;

	}

}



@media (max-width: 992px) {

	.brand-logo {

		left: 15px;

	}

	body {

		padding-bottom: 56px;

	}

}



@media (max-width: 768px) {

	body {

		background: #03141c;

	}

	.brand-wrapper {

		background: none;

	}

	.brand-top_header {

		height: auto;

		flex-direction: column;

		padding: 0 15px;

	}

	.brand-top_header .brand-logo {

		position: static;

		margin-bottom: 30px;

	}

	.brand-top_header .header-btn-block {

		justify-content: center;

		margin-right: 0;

		width: 100%;

	}

}



@media (max-width: 530px) {

	.brand-top_header .header-btn-block {

		flex-direction: column;

		align-items: center;

	}

	.brand-top_header .header-btn-block .brand-login-area__btn {

		margin-bottom: 20px;

	}

}