html, body {
	background:#1d242f url(../images/bg.jpg);
	background-size: cover;
	padding:0;
	margin:0;
	font-family: Tahoma;
	font-size: 14px;
}

a {transition: 0.5s;}
a:hover {transition: 0.5s;}

::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-track {background: #555;}
::-webkit-scrollbar-thumb {background: #999;}

.flex {display: flex;}
.flex-b{display: flex; justify-content: space-between;}
.flex-a{display: flex; justify-content: space-around;}
.flex-c{display: flex; justify-content: center;}

.wrapcontent {
	max-width: 1500px;
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
}

.sidebar {
	min-width: 90px;
}

.content {
	min-height: 81.4vh;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
section {
	margin-top: 100px;
}
footer {
	background-image: linear-gradient(180deg, rgb(36,35,33) 0%, rgb(27,28,26) 100%);
    box-shadow: 0.521px -2.954px 7px 0px rgb(0 0 0 / 35%), inset 0px 0px 4px 0px rgb(254 220 175 / 21%);
	min-height: 8vh;
	font-family: 'LatoWeb-Regular';
}

.socialbox {
	background: url(../images/socualstring.png) no-repeat center;
	width: 100%;
	height: 369px;
	border: 1px solid transparent;
}

.socialbox ul {
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-align: center;
}

.socialbox ul>:nth-child(1){
	margin: 55px 0px 0px 0px;
}

.socialbox ul>:nth-child(2){
	margin: 22px 0px 0px 0px;
}

.socialbox ul>:nth-child(3){
	margin: 20px 0px 0px 0px;
}

.socialbox ul li a{
	transform: rotate(0deg);
	transition: 0.3s;
	display: block;
	will-change: transform;
}

.socialbox ul li a:hover{
	filter: brightness(130%);
	transform: scale(1.1);
	will-change: transform;
}

.logo {
	margin: 0px 0px 9px 90px;
}

.logo a:hover{
	filter: brightness(130%);
}

.server {
	text-align: center;
	margin-bottom: 9px;
}

.nameserv {
	color: #fff;
	font-family: 'Beaufort For Lol-regular';
}

.statusserv.on {
	align-items: center;
	color: #b8e96a;
	font-family: 'Beaufort For Lol-regular';
}

.statusserv img{
	margin: 0px 5px 0px 0px;
}

.statusserv.off {
	align-items: center;
	color: #ea6b60;
}
.reg {
	margin-top: -10px;
}
.reg a {
	background: url(../images/btn.jpg) no-repeat center;
	background-size: 100% 100%;
	display: block;
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	font-family: 'Beaufort For Lol-regular';
	color: #523029;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	border: 1px solid #fee1ba;
}

.reg a:hover {
	box-shadow: 0px 0px 10px #fff;
}

.lang {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0px 50px 10px 40px;
	background: url(../images/langico.png) no-repeat 15px 7px;
	height: 40px;
}

.lang:after {
	content: "\f0d7";
	color: #fff;
	font-family: fontawesome;
	position: absolute;
	right: -5px;
	top: 14px;
	pointer-events: none;
}

.language-select {
	display: inline-flex;
	flex-direction: column;
	color: #fff;
	margin: 0px;
	text-transform: uppercase;
	height: 40px;
	width: 50px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px 15px 0px 40px;
}

.language-select li {
	text-align: center;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #202021;
	order: 2;
	padding: 0px;
	min-height: 40px;
}

.language-select li:hover {
	cursor: pointer;
	background: #2b2d2f;
	transition: 0.3s;
}

.language-select.open {
	height: auto;
}

.language-select li.active {
	order: 1;
	pointer-events: none;
	background: none;
}

footer .wrapcontent {
	align-items: center;
	padding: 15px 10px 15px 10px;
}

.rights {
	max-width: 35%;
	color: #6a6868;
	font-size: 12px;
	margin: 0px 0px 0px 90px;
}

.info ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.info ul li a{
	color: #6a6868;
	font-size: 12px;
}

.info ul li a:hover{
	color: #fff;
}

.copy {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.copy a{
	opacity: 0.5;
}

.copy a:hover{
	opacity: 1;
}

.socials ul {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
}

.socials ul li {
	margin: 0px 0px 0px 20px;
}

.socials ul li a{
	color: #f9c670;
	font-size: 24px;
}

.socials ul li a:hover{
	color: #fff;
}

.sidebox {
	max-width: 455px;
	width: 100%;
}

.sideblock {
	margin: 0px 0px 15px 0px;
}

.newswrap {
	width: 100%;
	margin: 0px 15px 0px 0px;
}

.news {
	margin: 0px 0px 15px 0px;
	position: relative;
	transition: 0.3s;
}

.content h2 {
	font-family: 'Beaufort For Lol-regular';
	color: #fedcaf;
	font-weight: normal;
	font-size: 24px;
	margin: 0px 0px 15px 0px;
}

.newsbox {
	flex-wrap: wrap;
}

.newsbox > :nth-child(1) {
	background: #212934 url(../images/05.jpg?ver=1) no-repeat center top;
	background-size: 100% 100%;
	width: 100%;
	min-height: 300px;
	filter: brightness(125%);
	opacity: 100%;
}

.newsbox > :nth-child(2) {
	background: #212934 url(../images/02.jpg?ver=1) no-repeat center top;
	background-size: auto 100%;
	width: calc(60% - 7px);
	min-height: 300px;
	margin: 0px 7px 0px 0px;
}

.newsbox > :nth-child(3) {
	background: #212934 url(../images/03.jpg?ver=1) no-repeat center top;
	background-size: auto 100%;
	width: calc(40% - 7px);
	min-height: 300px;
	margin: 0px 0px 0px 7px;
}

.news_over {
	height: 100%;
	background: linear-gradient(0deg, #242b37, rgb(36 43 55 / 95%), rgb(37 44 56 / 60%));
}

.news_over:hover {
	background: linear-gradient(to top, #242b37, rgb(36 43 55 / 94%), rgb(122 147 191 / 24%));
}

.news:nth-child(1) .news_over{
	background: linear-gradient(to top, #242b37, rgb(36 43 55 / 94%), rgb(122 147 191 / 24%));
}

.newstext {
	padding: 230px 20px 40px 20px;
	position: relative;
	height: calc(100% - 270px);
}

.news:hover {
	background-size: auto 105%;
	transition: 0.5s;
	filter: brightness(120%);
}

.news:hover:nth-child(1){
	background-size: 105% 105%;
	transition: 0.5s;
	filter: brightness(125%);
}

.news:before{
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	height: 85px;
	width: 85px;
	border: 2px solid rgba(87,110,120,0.7);
	border-bottom: none;
	border-right: none;
	z-index: 2;
	pointer-events: none;
}

.news:after{
	content: '';
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 85px;
	width: 85px;
	border: 2px solid rgba(87,110,120,0.7);
	border-top: none;
	border-left: none;
	z-index: 2;
	pointer-events: none;
}

.newstext h2{
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	color: #ffcb73;
	font-family: 'Beaufort For Lol-regular';
	font-weight: normal;
}

.newstext p{
	margin: 0px 0px 45px 0px;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
	font-family: 'LatoWeb-Light';
	font-weight: 100;
}

.data {
	color: #ffa100;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.allnews a {
	background: url(../images/right.png) no-repeat right center;
	display: inline-block;
	padding: 0px 20px 0px 0px;
	color: #e3b566;
	text-decoration: none;
	font-size: 24px;
	font-family: 'Beaufort For Lol-regular';
}

.allnews a:hover {
	padding: 0px 25px 0px 0px;
	color: #fff;
}

.allnews {
	padding: 15px 0px 0px 0px;
}

.forumbox {
	background: #292e36 url(../images/read.png) no-repeat 9px 5px;
	padding: 12px 10px 12px 60px;
	width: calc(100% - 70px);
	margin: 0px 0px 8px 0px;
	box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.3);
	position: relative;
	transition: 0.3s;
	font-family: 'LatoWeb-Light';
}

.forumbox a,
.forumbox span {
	display: block;
}

.forumbox p {
	color: #96abb8;
	text-decoration: none;
	display: inline-block;
	margin: 0px 30px 0px 0px;
}

.sideblock.forum a {
	text-decoration: none;
}

.forumbox a:hover {
	color: #ffcb73;
}

.forum a:hover p{
	color: #ffcb73;
}

.forumbox span {
	color: #a9a9a9;
	font-size: 11px;
}

.forumbox:after {
	content: url(../images/rightnoactive.png);
	position: absolute;
	right: 20px;
	top: 12px;
	transition: 0.3s;
}

.forumbox:hover {
	background: #343a44 url(../images/unread.png) no-repeat 9px 5px;
	transition: 0.3s;
}

.forumbox:hover:after {
	content: url(../images/rightactive.png);
	position: absolute;
	right: 15px;
	top: 12px;
	transition: 0.3s;
}

.donate {
	background: #1d222a url(../images/donate.jpg) no-repeat;
	background-size: cover;
	padding: 30px;
	position: relative;
	min-height: 100px;
	color: #fff;
	border: 1px solid #8e7b5c;
}

.donate:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	height: 85px;
	width: 85px;
	border: 2px solid rgba(87,110,120,0.7);
	border-bottom: none;
	border-right: none;
}

.donate:after {
	content: '';
	position: absolute;
	right: 10px;
	bottom: 10px;
	height: 85px;
	width: 85px;
	border: 2px solid rgba(87,110,120,0.7);
	border-top: none;
	border-left: none;
}

.donatebtns a{
	background-image: linear-gradient(135deg, rgb(33 48 62), rgb(72 97 121));
	display: block;
	margin: 0px 10% 30px 10%;
	padding: 13px 20px 13px 20px;
	text-align: center;
	font-family: 'Beaufort For Lol-regular';
	text-decoration: none;
	font-size: 18px;
	color: #ccc;
	border: 1px solid #70869c;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	opacity: 0.7;
	position: relative;
	overflow: hidden;
}

.donatebtns a:hover{
	opacity: 1;
	color: #fff;
}

.donatebtns a:before{
	content: "";
	height:50px;
	width: 150%;
	display: block;
	position: absolute;
	bottom: -50px;
	left: -20px;
	background: rgba(255, 255, 255, 0.1);
	-webkit-filter: blur(9px);
	filter: blur(9px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='9');
}

.donatebtns a:hover:before{
	content: "";
	height:50px;
	width: 150%;
	background: rgba(255, 255, 255, 0.1);
	display: block;
	position: absolute;
	bottom: 50px;
	left: 0px;
	transition: 0.5s;
	-webkit-filter: blur(9px);
	filter: blur(9px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='9');
}

.donateform span {
	display: block;
	text-align: center;
	margin: 10px 0px 30px 0px;
	font-family: 'Beaufort For Lol-regular';
	font-size: 16px;
}

.formwrap {
	flex-wrap: wrap;
	margin: 0px 20px 0px 20px;
}

.formwrap input{
	width: 30.5%;
	padding: 7px 50px 7px 10px;
	border-radius: 3px;
	border: 1px solid #fff;
	background: #d0d1d2;
	margin: 0px 0px 20px 0px;
}

.formwrap select{
	width: 48%;
	padding: 7px 50px 7px 10px;
	border-radius: 3px;
	border: 1px solid #fff;
	background: #d0d1d2 url(../images/select.png) no-repeat right center;
	margin: 0px 0px 20px 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.donateform button {
	background: url(../images/btn2.jpg) no-repeat;
	background-size: 100% 100%;
	display: block;
	color: #523029;
	border: 1px solid #fee1bf;
	font-weight: 600;
	padding: 7px 20px 7px 20px;
	margin: 20px auto 0px auto;
	cursor: pointer;
	transition: 0.3s;
}

.donateform button:hover {
	box-shadow: 0px 0px 10px #fff;
	transition: 0.3s;
}

.paysystems {
	margin: 45px 0px 20px 0px;
}

.donate h3 {
	margin: 20px 0px 40px 0px;
	font-size: 22px;
	font-weight: normal;
	font-family: 'Beaufort For Lol-regular';
}

input.col {
	background: #d0d1d2 url(../images/col.png) no-repeat right center;
}

.formwrap input::-webkit-input-placeholder {color:#8a8989; opacity:1;}
.formwrap input::-moz-placeholder {color:#8a8989; opacity:1;}
.formwrap input:-moz-placeholder {color:#8a8989; opacity:1;}
.formwrap input:-ms-input-placeholder {color:#8a8989; opacity:1;}

.formwrap input:focus::-webkit-input-placeholder {opacity:0;}
.formwrap input:focus::-moz-placeholder {opacity:0;}
.formwrap input:focus:-moz-placeholder {opacity:0;}
.formwrap input:focus:-ms-input-placeholder {opacity:0;}

section.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
}
section.modalWindow {
	display: none;
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translate(-50%, 0%);
	z-index: 999 !important;
	max-width: 700px;
	width: 100%;
	min-height: 100px;
	background: #232b36;
	cursor: default;
	border: 1px solid #716653;
}
.modal.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 997;
	cursor: pointer;
}
section.modalWindow section.modalWrapper {
	margin: 30px;
	padding: 15px;
	text-align: left;
	line-height: 20px !important;
}
.closeBtn {
	background: url(../images/close.png) no-repeat center;
	position: absolute;
	right: -8px;
	top: -40px;
	cursor: pointer;
	width: 40px;
	height: 35px;
}
.closeBtn:hover {
	opacity: 0.7;
}

.modalWrapper h2 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Beaufort For Lol-regular';
	font-weight: 400;
	font-size: 20px;
	color: #f49b09;
}

.modalWrapper hr {
	border: none;
	border-bottom: 1px solid #353e4a;
}

.btns a {
	background: url(../images/btn.jpg) no-repeat center;
	background-size: cover;
	display: block;
	padding: 12px 20px 12px 20px;
	font-family: 'Beaufort For Lol-regular';
	color: #523029;
	text-decoration: none;
	font-size: 18px;
	font-weight: 600;
	border: 1px solid #fee1ba;
	width: 24%;
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.btns a:hover {
	background: url(../images/btn2.jpg) no-repeat center;
	background-size: 100% 100%;
}

.modalWrapper span{
	color: #ffcb73;
	font-size: 20px;
	font-family: 'Beaufort For Lol-regular';
	margin: 20px 0px 0px 0px;
	display: block;
}

.btns.createacc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btns.createacc a{
	width: 50%;
}

.newswrap .reg{
	display: none;
}

.dropdown{
	position: relative;
}
.dropdown-menu {
	position: absolute;
	top: -10px;
	left: -10px;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.mob_menu_dropdown {
	position: absolute;
	top: 30px;
	left: -13px;
}
.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}
.dropdown-menu ul{
	padding: 0;
}
.dropdown-menu {
	display: none;
	position: absolute;
}
.mega-menu li {
	margin: 10px 5px;
	min-width: 150px;
}
.mega-menu a {
	transition: 0.2s;
	text-transform: uppercase;
}
.dropdown-menu ul {
	padding: 0;
	background: rgb(255 255 255 / 90%);
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0 0 3px 1px #00000014;
}
.mega-menu a:hover {
	color: #ff7e00;
}
.dropdown-menu.mega-menu {
	padding: 0;
	padding: 35px 10px 5px;
	margin-top: 0px;
	border-radius: 5px;
	margin-left: -10px;
}

.box {
	padding: 30px;
	background: #1d222a url(../images/donate.jpg) no-repeat;
	background-size: cover;
	position: relative;
	min-height: 100px;
	color: #fff;
	border: 1px solid #8e7b5c;
}

.button {
	position: absolute;
	bottom: 20px;
	left: 20px;
	padding: 6px 10px;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 48px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	font-family: Philosopher,Times New Roman,Times,serif;
	font-size: 20px;
	color: #c9cfd7;
	border: 2px solid #737b84;
	border-radius: 3px;
}

.button:hover {
	color: #fff;
	border-color: #f8c67c;
	background-color: #1e222b;
}