body {
	background-image: url(../images/bg__clear.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

.info {
	margin: 0 auto;
	max-width: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
}

a:active,
a:focus {
outline: expression(hideFocus='true');
}

.main__container {
	margin: 0 auto;
	width: 1180px;
}

.nav {
	margin: 0 auto;
	background-image: url(../images/menu__bg.png);
	max-width: 1064px;
	min-height: 138px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding-top: 15px;
}

.nav__item {
	text-decoration: none;
	color: #3a230a;
	font-size: 14px;
	font-weight: 400;
	line-height: 8px;
	letter-spacing: -0.35px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	font-family: 'Philosopher', sans-serif;
}

.nav__item:hover {
	filter: brightness(150%);
	color: #3a230a;
	text-shadow: 1px 1px 2px #ede5a3;
	transition: .5s all;
}

.langs {
	margin: 0 auto;
	width: 43px;
}

.lang__switch {
	display: inline-block;
	width: 19px;
	height: 16px;
	transition: .5s all;
}

.lang__switch:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.ru {
	background-image: url(../images/ru.png);
}

.en {
	background-image: url(../images/en.png);
}

.logo {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	transition: .3s all;
}

.logo:hover {
	filter: drop-shadow(10px 7px 3px #120c05);
	filter: brightness(120%);
}

.header {
	display: flex;
	min-height: 200px;
	align-items: center;
	justify-content: center;
	width: 1000px;
	margin: 0 auto;
}

.header__box {
	flex-shrink: 0;
	width: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header__logo {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.progress-bar {
	display: block;
	width: 132px;
	height: 136px;
	background: url(../images/progress-bg.png) no-repeat;
}

.servers__text{
	width: 132px;
	height: 136px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #ffdeaf;
	position: absolute;
	top:0px;

}

/*Начало Статус сервера*/

.status_server {
	display: block;
	background: url(../images/progress-bg.png) no-repeat;
	width: 136px;
	height: 136px;
	position: relative;
}

.progress {
	position: relative;
	top: 14px;
	opacity: 0.7;
	width: 104px;
	left: 13px;
}

.progress_up {
	position: absolute;
	z-index: 1000;
	background: url(../images/stat_koll.png) no-repeat;
	width: 132px;
	height: 136px;
}

/*Конец Статус сервера*/

.enter__cabinet {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 90px;
	background-image: url(../images/button_lk.gif);
	margin-top: 25px;

	text-decoration: none;
	line-height: 90px;
	text-transform: uppercase;
	text-align: center;
	color: #ffe6c9;
	text-shadow: 1px 1px 1px #442d0a, 0 0 21px #120c05;
	font-size: 14px;
	transition: .3s all;
	font-family: 'Philosopher', sans-serif;
}

.enter__cabinet:hover {
	filter: drop-shadow(10px 7px 3px #120c05);
}

.middle__block {
	background-image: url(../images/center__block_bg.png);
	width: 671px;
	height: 498px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 45px;
}

/*=====DONATE=====*/


.donate__form__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 400px;
	margin: 0 auto;
	padding-top: 5px;
}

.donation__title {
	color: #3a230a;
	font-weight: 400;
	line-height: 17px;
	padding-bottom: 20px;
	font-family: 'Philosopher', sans-serif;
}

.donation__text {
	color: #393734;
	font-weight: 400;
	line-height: 17px;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	padding-bottom: 26px;
}

.donate__form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.donation__input_label {
	color: #414141;
	font-family: "PT Sans";
	font-size: 14px;
	font-weight: 400;
}

.donation__input {
	width: 241px;
	height: 54px;
	border: 0;
	background-color: RGBA(0, 0, 0, 0.25);
	border-radius: 15px;
	color: #ffd75f;
	/* text color */
	font-family: 'Times New Roman', Times, serif;
	font-size: 14px;
	padding-left: 30px;
}

.donation__form__row {
	width: 100%;
	padding-bottom: 13px;
	text-align: right;
}

.button__pay {
	margin-top: 12px;
	background: url(../images/donate_enter.png);
	border: none;
	background-position: center top;
	width: 278px;
	height: 76px;
	border-radius: 30px;
	transition: .7s all;
}

.button__pay:hover {
	filter: drop-shadow(10px 15px 3px #120c05);
}

/*===================register========================*/

.register__form__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 400px;
	margin: 0 auto;
}

.register__title {
	color: #3a230a;
	font-weight: 400;
	line-height: 17px;
	font-family: 'Philosopher', sans-serif;
}

.register__text {
	color: #393734;
	font-weight: 400;
	line-height: 17px;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	padding-bottom: 20px;
}

.register__form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.register__form__row {
	width: 100%;
	padding-bottom: 5px;
	text-align: right;
	position: relative;
}

.register__input_label {
	color: #414141;
	font-family: "PT Sans";
	font-size: 14px;
	font-weight: 400;
}

.register__input {
	width: 241px;
	height: 44px;
	border: 0;
	background-color: RGBA(0, 0, 0, 0.25);
	border-radius: 15px;
	color: #ffd75f;
	/* text color */
	font-family: 'Times New Roman', Times, serif;
	font-size: 14px;
	padding-left: 30px;
}

.button__register {
	background-image: url(../images/button_register.png);
	background-color: transparent;
	border: none;
	background-position: center top;
	width: 282px;
	height: 82px;
	transition: .3s all;
}

.button__register:hover {
	filter: drop-shadow(10px 7px 3px #120c05);
}

.captcha {
	position: absolute;
	right: 5px;
	top: 7px;
}

/*==========enter lk=================*/

.auth__form__wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 400px;

	margin: 0 auto;
	padding-top: 5px;
}

.auth__title {
	color: #3a230a;
	font-weight: 400;
	line-height: 17px;
	font-family: 'Philosopher', sans-serif;
}

.auth__text {
	color: #393734;
	font-weight: 400;
	line-height: 17px;
	font-family: 'PT Sans', sans-serif;
	text-align: center;
	padding-bottom: 26px;
}

.auth__form {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.auth__form__row {
	width: 100%;
	padding-bottom: 5px;
	text-align: right;
}

.auth__input_label {
	color: #414141;
	font-family: "PT Sans";
	font-size: 14px;
	font-weight: 400;
}

.auth__input {
	width: 241px;
	height: 54px;
	border: 0;
	background-color: RGBA(0, 0, 0, 0.25);
	border-radius: 15px;
	color: #ffd75f;
	/* text color */
	font-family: 'Times New Roman', Times, serif;
	font-size: 14px;
	padding-left: 30px;
}

.auth__captcha{
	position: relative;
}

.button__login {
	background-image: url(../images/button__login.png);
	background-color: transparent;
	border: none;
	background-position: center top;
	width: 282px;
	height: 82px;
	margin-top: 12px;
	transition: .3s all;
}

.button__login:hover{
	filter: drop-shadow(10px 7px 3px #120c05);
}

.button__forget {
	background-image: url(../images/button__forget.png);
	background-color: transparent;
	border: none;
	background-position: center top;
	width: 282px;
	height: 82px;
	transition: .3s all;
}

.button__forget:hover {
	filter: drop-shadow(10px 7px 3px #120c05);
}

/*===================l2top===============*/

.button__send {
	margin-top: 12px;
	background: url(../images/button__send.png);
	border: none;
	background-position: center top;
	width: 278px;
	height: 76px;
	border-radius: 30px;
	transition: .7s all;
}

.button__send:hover {
	filter: drop-shadow(5px 10px 3px #120c05);
}

/*===================files===============*/

.files__wrapper {
	max-width: 450px;
	margin: 0 auto;
}

.files__top {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}

.files__title {
	color: #3a230a;
	font-weight: 400;
	line-height: 17px;
	font-family: 'Philosopher', sans-serif;
}

.files__text {
	color: #393734;
	font-family: "PT Sans";
	font-size: 14px;
	font-weight: 400;
	line-height: 17.32px;
	width: 160px;
	text-align: center;
}

.files__button_la2highfive {
	width: 278px;
	height: 76px;
	background-image: url(../images/files_button_big.png);

	text-align: center;
	line-height: 76px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Philosopher', sans-serif;
	color: #ffe6c9;
	text-shadow: 1px 1px 1px #442d0a, 0 0 13px #120c05;
	transition: .4s all;

}

.files__button_la2highfive:hover {
	filter: drop-shadow(10px 7px 3px #120c05);
}


.col__wrp {
	display: flex;
}

.files__left {
	display: flex;
	width: 50%;
	flex-direction: column;
}

.files__right {
	display: flex;
	width: 50%;
	flex-direction: column;
}

.files__button {
	background-image: url(../images/files_button.png);
	width: 209px;
	height: 60px;
	margin: 5px;

	text-align: center;
	line-height: 60px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Philosopher', sans-serif;
	color: #ffe6c9;
	text-shadow: 1px 1px 1px #442d0a, 0 0 13px #120c05;
	transition: .3s all;
}

.files__button:hover {
	filter: drop-shadow(10px 7px 3px #120c05);
}

.about__title {
	color: #3a230a;
	font-weight: 400;
	margin-left: 15px;
	padding-bottom: 8px;
	font-family: 'Philosopher', sans-serif;
}

.about__rate {
	color: #393734;
	font-family: "PT Sans";
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
	width: 180px;
	text-align: left;
}

.about__text {
	color: #393734;
	font-family: "PT Sans";
	font-size: 14px;
	font-weight: 400;
	margin-left: 15px;
	width: 100%;
	text-align: left;
}

/* scrollbar */

.scrollbar {
	height: 410px;
	overflow-x: hidden;
}

/*N E W S*/
.news {
	display: flex;
	width: 100%;
	min-height: 115px;
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 20px;
}

.news__img-wrapper {
	width: 115px;
	height: 115px;
	border: 1px solid #7e746c;
	background-image: url(../images/imgnews.png);
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}

.news__img {
	width: 115px;
	height: 115px;
	border: 1px solid #7e746c;
}

.news__title {
	display: inline-block;
	color: #533420;
	font-family: 'Philosopher', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 8px;
	padding-bottom: 3px;
}

.news__header {
	width: 100%;
	min-height: 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news__author {
	color: #4f4b47;
	font-family: "PT Sans";
	font-size: 12px;
	font-weight: 400;
}

.news__date {
	color: #4f4b47;
	font-family: "PT Sans";
	font-size: 12px;
	font-weight: 700;
}

.news__fullink a {
	color: #4d3b33;
	font-family: "PT Sans";
	font-size: 12px;
	font-weight: 700;
	text-decoration: underline;
}

.divider {
	background-image: url(../images/info_line.png);
	width: 100%;
	height: 1px;
}

.news__text {
	color: #2f2e2c;
	font-family: "PT Sans";
	font-size: 13px;
	font-weight: 400;
	max-width: 440px;
	margin-top: 3px
}

.news__content {
	padding-left: 15px;
}

.news::after {
	content: "";
	width: 150px;
	height: 8px;
	background-image: url(../images/moll.png);
	position: absolute;
	bottom: 0px;
	left: calc(50% - 75px);
}

/*========подвальчик=======*/
.footer {
	width: 500px;
	padding-top: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.footer__icon {
	background-image: url(../images/footer_img.png);
	width: 88px;
	height: 31px;
}

.footer__title {
	font-size: 14px;
	line-height: 8px;
}

.footer__text {
	color: #ede5a3;
	font-family: "PT Sans";
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	width: 250px;
	padding-right: 10px;
	padding-left: 10px;
}

.footer__link{
	text-decoration: none;
	color: #ede5a3;
	font-size: 15px;
	font-family: 'Philosopher', sans-serif;
	transition: 0.3s all;
}

.footer__link:hover{
	text-shadow: 1px 3px 2px #ede5a3;
}

/*====всплывающее окно=====*/

.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);


	padding: 10px;
	z-index: 20;
	background-image: url(../images/popup__bg.jpg);
	background-position: center;
	background-size: cover;
	display: none;

}

.modal.is-show,
.overlay.is-show {
	display: block;
}

.modal__cross {
	position: absolute;
	top: 20px;
	right: 20px;

	width: 20px;
	height: 20px;
	cursor: pointer;

}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	z-index: 10;
	display: none;
}

/*=======newsfull=======*/


/*====================адаптация==================*/

@media (max-width: 1200px) {
	.main__container {
		width: 100%;
	}
}

@media (max-width: 1080px) {
	.nav {
		width: calc(100% - 40px);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
}

@media (max-width: 1000px) {
	.nav {
		background-image: none;
		flex-wrap: wrap;
	}

	.nav__item {
		background-image: url(../images/button_min.png);
		background-position: center;
		background-repeat: no-repeat;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
		width: 209px;
		height: 60px;
	}

	.header {
		flex-direction: column;
		width: 100%;
	}

	.header__box {
		width: 160px;
	}

	.logo {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.enter__cabinet {
		margin-top: 15px;
	}

}

@media (max-width: 680px) {
	.middle__block {
		width: 100%;
		background-image: url(../images/bg__borderless.jpg);
		background-repeat: no-repeat;
		background-size: cover;
	}

	.nav{
		padding-top: 0;
	}

	.nav__item{
		margin: 5px;
		width: 190px;
		height: 54px;
	}

	.files__button {
		background-image: url(../images/files_button.png);
		width: 190px;
		height: 54px;
		margin: 3px;
		line-height: 54px;
		background-size: contain;
	}

}

@media (max-width: 490px){
	.register__form__row{
		text-align: center;
	}

	.register__input{
		width: 100%;
	}

	.auth__input{
		width: 100%;
	}

	.auth__form__row {
		width: 100%;
		padding-bottom: 5px;
		text-align: center;
	}

	.captcha {
		position: absolute;
		right: 5px;
		top: 14px;
	}
}

/*===========статистика и личный кабинет================*/

.cp__link{
	text-decoration: none;
	color: #3a230a;
	font-size: 15px;
	font-family: 'Philosopher', sans-serif;
	transition: 0.3s all;
}

.cp__link:hover{
	text-shadow: 1px 3px 2px #ede5a3;
}

.stats__link{
	text-decoration: none;
	color: #3a230a;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Philosopher', sans-serif;
	transition: 0.3s all;
}

.stats__link:hover{
	text-shadow: 1px 3px 2px #ede5a3;
}