* {
	padding: 0;
	margin: 0;
}
html, body {
    height: 100%;
	background-color: black;
	-webkit-text-size-adjust: 100%;
}

input, textarea {
	outline: none;
}

@font-face {
	font-family: 'romvelHogwarts';
	src: url('/media/a/fonts/romvel.woff') format('woff'),
		 url('/media/a/fonts/romvel.otf') format('otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Adana script';
    font-style: normal;
    font-weight: 400;
    src: local('Adana script'), local('Adanascript-Regular'),
        url('/media/a/fonts/adana-script_45e54fbbd7b23091f18299703afb7fe9.woff') format('woff'),
        url('/media/a/fonts/adana-script_45e54fbbd7b23091f18299703afb7fe9.ttf') format('truetype');
}
@font-face{
	font-family: 'Pangolin';
	font-style: normal;
	src: url('/media/a/fonts/Pangolin-Regular.ttf') format('truetype');
}
@font-face{
	font-family: 'mr_HangingLettersG';
	font-style: normal;
	src: url('/media/a/fonts/mr_HangingLettersG.otf') format('truetype');
}

.font-main {
	font-family: Georgia, 'Times New Roman', Times, serif;
}
.fontGeorgia {
	font-family: Georgia, arial;
}
.fontAdana {
	font-family: 'Adana script', arial;
}
.fontPangolin {
	font-family: 'Pangolin', cursive;
}
.fontHangingLettersG {
	font-family: 'mr_HangingLettersG';
}
.font14 {
	font-size: 14px;
	text-shadow: 4px 4px 4px #000;	
}
.font18 {
	font-size: 18px;
	text-shadow: 4px 4px 4px #000;	
}
.font32 {
	font-size: 32px;
	text-shadow: 8px 8px 8px #000;	
}
.font36 {
	font-size: 36px;
	text-shadow: 8px 8px 8px #000;	
}

.modalWindow {
	width: 600px;
	min-width: 200px;
	/*min-height: 100px;*/
	padding: 20px;
	background-color: rgba(0,0,0,0.9);
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	position: relative;
	color: #e9e9e9;
}
.modalWindowText {
	text-align: center;
}
.arcticmodal-close {
	position: absolute; 
    right: 10px; 
    top: 5px; 
	font-size: 24px;
    cursor: pointer; 
}
.arcticmodal-close:hover { 
    color: #808080;
}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.container {
	background-image: url('/media/a/img/back.jpg');
	position: relative;
	width: 100%;
	min-height: 100%;
}

.content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 4px;
    box-sizing: border-box;
	position: relative;
	font-family: 'Pangolin', cursive;
	color: #c7cbac;
}

.content a {
	color: #c7cbac;
}

.header {
	display: flex;
	margin-bottom: 20px;
	padding: 8px 4px;
	box-sizing: border-box;
}

.main_content {
	overflow: hidden;
}