@font-face {  
	font-family: 'LogoFont';  
	src: url('/theme/default/fonts/XPLOR_Bold-Regular.otf') format('opentype');  
}
@font-face {  
	font-family: 'Logo2Font';  
	src: url('/theme/default/fonts/Guano Apes (Rus by sherbackoffalex).otf') format('opentype');  
}
@font-face {  
	font-family: 'Logo3Font';  
	src: url('/theme/default/fonts/Improv (Rus by sherbackoffalex).otf') format('opentype');  
}
@font-face {  
	font-family: 'MenuFont';  
	src: url('/theme/default/fonts/Tungsten Bold.otf') format('opentype');  
}
@font-face {  
	font-family: 'BodyFont';  
	src: url('/theme/default/fonts/XI20.ttf') format('truetype');  
}
@font-face {  
	font-family: 'Body2Font';  
	src: url('/theme/default/fonts/V_CALLIGRAPHIC421BT_V1.1.TTF') format('truetype');  
}
h1 {
	margin-bottom: 20px;
}
p {
	text-indent: 15px;
	line-height: 1.6;
}
body {
	font-family: Arial, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	background-color: #051129;
}
header {
	background: #051129;
	color: #ffffff;
	padding: 10px 20px;
}
.logotype {
	display: inline-flex;
    align-content: center;
    font-size: xxx-large;
}
.logotype a {
	font-family: 'Logo3Font', sans-serif;
	display: inline-flex;
	text-decoration: none;
	font-weight: bold;
	align-items: center;
	font-size: xxx-large;
	color: #fff;
}
.menu {
	font-family: 'MenuFont', sans-serif;
	width: 100%;
	display: table;
}
.menu ul {
	display: table-row;
}
.menu li {
	display: table-cell;
	background: #ff6600;
}
.menu ul li:hover, .menu a:hover {
	background: #fff;
}
.menu li a {
	display: block;
	padding: 8px 15px;
	color: #051129;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: xx-large;
}
.content {
	width: 100%;
    display: flex;
}
.menu-left {
	display: inline-flex;
	font-family: 'BodyFont', sans-serif;
	max-width: max-content;
	min-width: 10%;
	margin: 20px 10px;
	padding: 10px;
	background: #42435b;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	align-items: center;
	flex-direction: column;
}
.menu-left h3, .menu-left hr, .menu-left ul, .menu-left li {
	margin: 0;
	padding: 0;
}
.menu-left h3 {	
	font-size: xx-large;
}
.menu-left hr {
	width: 100%;
}
.menu-left ul {
	font-size: x-large;
}
.menu-left li {
	list-style: none;
	margin: 10px 10px -10px 10px;
}
.menu-left li a {
	text-decoration: none;
	color: white;
}
.menu-left li a:hover {
	color: #ff6600;
}
.container {
	display: inline-flex;
	font-family: 'BodyFont', sans-serif;
	min-width: 75%;
	width: 100%;
	margin: 20px 10px;
	padding: 10px;
	background: #42435b;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}
.container h1 {
	margin: 0;
	padding: 0;
}
.container hr {
	margin: 0;
	padding: 0;
}
.container p {
	text-indent: 30px;
    font-size: xx-large;
    line-height: normal;
    margin-top: auto;
}
.container_news {
	font-family: 'Body2Font', sans-serif;
	min-width: 800px;
	padding: 20px;
	margin-top: 10px;
	background: #051129;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.container_news h2 {
	margin: -10px 0 0 0;
    padding: 0;
}
.container .container_news p {
	text-indent: 30px;
	margin: 0;
	font-size: larger;
}
.container p a{
	text-decoration: none;
    color: #ff6600;
    font-size: xx-large;
    font-weight: bold;
}
.newspages {
	text-align: -webkit-center;
	margin: 10px auto 0 auto;
	font-size: x-large;
	color: #ff6600;
	font-size: xx-large;
}
.newspages a {
	text-decoration: none;
	color: #fff;
	font-size: xx-large;
}
.contact, .reg, .auth, .recover {
	width: 100%;
    max-width: 350px;
    margin: auto;
    padding: 0 0 20px 0;
    border: 1px solid;
    border-radius: 10px;
    background: #051129;
}
.form-contact, .form-reg, .form-auth, .form-recover {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 20px;
	box-sizing: border-box;
}
.form-contact div, .form-reg div, .form-auth div, .form-recover div {
	padding: 5px 0;
}
.bot-send-mail, .but-reg, .but-auth, .but-recover {
	box-sizing: border-box;
	width: 100%;
}
.form-contact label, .form-contact input, .form-reg label, .form-reg input, .form-auth label, .form-auth input, .form-recover label, .form-recover input {
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.form-contact label, .form-reg label, .form-auth label, .form-recover label {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: x-large;
}
.form-contact input, .form-reg input, .form-auth input, .form-recover input {
	padding: 10px 15px;
	margin-top: 10px;
}
.form-contact label span, .form-reg label span, .form-auth label span, .form-recover label span {
	color: red;
}
.form-contact .bot-send-mail, .form-reg .but-reg, .form-auth .but-auth, .form-recover .but-recover {
	padding: 15px;
    margin-top: 10px;
    background: none;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    background-color: #42435b;
    cursor: pointer;
    border: 3px #34354b solid;
    border-radius: 5px;
}
.form-contact .bot-send-mail:hover, .form-reg .but-reg:hover, .form-auth .but-auth:hover, .form-recover .but-recover:hover {
	color: #42435b;
	background-color: #fff;
}
.form-reg label b, .form-auth label b, .form-recover label b {
	background: #42435b;
}
#sys-warn {
	width: auto;
	background-color: #5b4242;
	color: #ff9797;
	font-size: x-large;
	align-self: center;
	border: 1px solid #ff9e9e;
	border-radius: 10px;
	margin: 10px 10px -10px 10px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
#sys-warn a {
	text-decoration: none;
	color: red;
	font-weight: bold;
}
#sys-mess {
	width: auto;
	background-color: #425b49;
	color: #a2ff97;
	font-size: x-large;
	align-self: center;
	border: 1px solid #adff9e;
	border-radius: 10px;
	margin: 10px 10px -10px 10px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
#sys-mess a {
	text-decoration: none;
	color: green;
	font-weight: bold;
}
footer {
	background: #ff6600;
	font-family: 'MenuFont', sans-serif;
    width: 100%;
    display: table;
	text-align: center;
	font-size: xx-large;
	color: #051129;
}
footer p {
	margin: 0;
	padding: 0;
}
@media (max-width: 600px) {
	header, footer {
		font-size: 1.2em;
	}
	.container {
		padding: 10px;
	}
}