/*dev. std. www.rubic-on.com*/
@font-face {
	font-family: "Gilroy-Regular"; 
	src: url("../fonts/Gilroy-Regular.ttf") format("truetype"); 
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-Bold"; 
	src: url("../fonts/Gilroy-Bold.ttf") format("truetype"); 
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-ExtraBold"; 
	src: url("../fonts/Gilroy-ExtraBold.ttf") format("truetype"); 
	font-display: swap;
}
@font-face {
	font-family: "Gilroy-SemiBold";
	src: url("../fonts/Gilroy-SemiBold.ttf") format("truetype");
	font-display: swap;
}
html{
	scroll-behavior: smooth;
}
body{
	padding: 0;
	margin: 0;
	background: #110b11;
	font-family: "Gilroy-Regular", "Tahoma", "Arial";
	color: #fff5e0;
}
a{
	text-decoration: none;
	color: #fff5e0;
	transition: 0.2s;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Gilroy-SemiBold';
	margin: 6px 0px;
}
h1 {
	font-size: 21px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 11px;
}
.site {
	background: url(../img/bg3.jpg);
	background-size: cover;
}
.wrap{
	max-width: 1400px;
	margin: 0 auto;
}
/*FlexBox*/
.f-a{
	display: flex;
	justify-content: space-around;
}
.f-b{
	display: flex;
	justify-content: space-between;
}
.f-c{
	display: flex;
	justify-content: center;
}
.f-e{
	display: flex;
	justify-content: flex-end;
}
.f-s{
	display: flex;
	justify-content: flex-start;
}
/*header navigation*/
#header{
	padding-top: 35px;
}
#toggle{
	display: none;
}
.navi ul{
	padding: 0;
}
.navi_item{
	list-style: none;
	font-family: "Gilroy-SemiBold";
	margin-left: 50px;
	font-size: 16px;
}
.navi_item:last-child{
	margin-left: 20px;
}
.navi_item:first-child{
	margin-left:  0px;
}
.navi_item_lc {
	padding: 12px 20px;
	border: 2px solid #ffb72b;
	border-radius: 5px;
}
.navi_item_files{
	padding: 12px 20px;
	border: 2px solid #ffc7b8;
	border-radius: 5px;
}
.navi_item a:hover{
	color: #ffb72b;
}
.navi_item_lc:hover {
	background: #ffb72b;
	color: #120b12 !important;
}
.navi_item_files:hover {
	background: #ffc7b8;
	color: #120b12 !important;
}
/*lang*/
.lang-menu {
	position: relative;
	top: 0px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.lang_menu_over {
	background: #130c1340;
	padding: 5px 5px 1px;
	border-radius: 5px;
}
.lang_active{
	opacity: 0.6 !important;
}
.lang_active img {
	border: 2px solid #491615 !important;
}
.lang-menu a {
	margin: 0 3px;
}
.lang-menu a:hover {
	opacity: 1;
	filter: brightness(1.2);
}
.lang-menu img {
	border-radius: 5px;
	border: 2px solid transparent;
}
/*server status*/
.status {
	height: 500px;
}
.server{
	width: 33.3%;
	flex-direction: column;
}
.server_status {
	position: relative;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
	margin-left: 10px;
	transition: 0.3s;
}
.server_status:first-child {
	margin-left: 0px;
}
.server_status svg {
	position: relative;
	display: block;
	width: 158px;
	height: 157px;
	background: url(../img/srv_out.png) no-repeat center;
}
.server_status svg image {
	transform: rotate(90deg);
	transform-origin: center;
}
.server_status svg circle {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(-90deg);
	transform-origin: center;
}
.server_status:hover {
	filter: drop-shadow(0px 2px 5px black);
}
.server_desc{
	position: absolute;
	top: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	display: flex;
	border-radius: 50%;
	justify-content: center;
	flex-direction: column;
}
.server_name {
	font-size: 24px;
	margin-top: 0px;
	color: #ffea65;
	font-family: "Gilroy-Bold";
}
.server_chrone {
	font-size: 12px;
	color: #b3afa9;
	font-family: "Gilroy-SemiBold";
	text-transform: uppercase;
}
.server_online {
	background: rgb(0 0 0 / 20%);
	width: 75px;
	text-align: center;
	margin: 3px auto;
	padding: 2px;
	border-radius: 5px;
	font-size: 14px;
	font-family: 'Gilroy-SemiBold';
	letter-spacing: 1px;
}
.server_offline {
	background: rgb(255 0 0 / 21%);
	width: 75px;
	text-align: center;
	margin: 3px auto;
	padding: 2px;
	border-radius: 5px;
	font-size: 14px;
	font-family: 'Gilroy-SemiBold';
	letter-spacing: 1px;
}
.server_descript {
	position: absolute;
	top: -26px;
	transform: rotate(68deg);
	right: 60px;
}
.badge {
	position: relative;
	border-radius: 50%;
	transform: rotate(-50deg);
}
.badge b span {
	height: 108px;
	position: absolute;
	width: 20px;
	left: 0;
	top: 0;
	font-size: 16px;
	transform-origin: bottom center;
	font-family: system-ui;
}
.char1 {
	transform: rotate(4deg);
}
.char2 {
	transform: rotate(11deg);
}
.char3 {
	transform: rotate(18deg);
}
.char4 {
	transform: rotate(25deg);
}
.char5 {
	transform: rotate(32deg);
}
.char6 {
	transform: rotate(39deg);
}
.char7 {
	transform: rotate(44deg);
}
.char8 {
	transform: rotate(49deg);
}
.char9 {
	transform: rotate(54deg);
}
.char10 {
	transform: rotate(60deg);
}
.char11 {
	transform: rotate(67deg);
}
.char12 {
	transform: rotate(73deg);
}
.char13 {
	transform: rotate(79deg);
}
.char14 {
	transform: rotate(85deg);
}
.char15 {
	transform: rotate(91deg);
}
.char16 {
	transform: rotate(97deg);
}
.char17 {
	transform: rotate(103deg);
}
.char18 {
	transform: rotate(109deg);
}
.char19 {
	transform: rotate(113deg);
}
.char20 {
	transform: rotate(120deg);
}
.char21 {
	transform: rotate(126deg);
}
.char22 {
	transform: rotate(133deg);
}
.char23 {
	transform: rotate(139deg);
}
.char24 {
	transform: rotate(146deg);
}
/*middle in head*/
.middle{
	flex-direction: column;
	position: relative;
}
.logotype img {
	width: 160px;
}
.startplay{
	background: url(../img/startplay.png);
	width: 280px;
	margin: 0 auto;
	height: 81px;
	text-align: center;
	margin-top: 20px;
}
.startplay span {
	font-family: "Gilroy-SemiBold";
	text-transform: uppercase;
	position: relative;
	top: 30px;
	text-shadow: 0px -2px 2px rgb(0 0 0 / 20%);
}
.startplay:hover{
	filter: brightness(1.2);
}
.registration {
	background: url(../img/startplay.png);
	width: 280px;
	margin: 0 auto;
	height: 81px;
	text-align: center;
	margin-top: 20px;
	filter: hue-rotate(-35deg);
	transition: 0.3s;
}
.registration span {
	font-family: "Gilroy-SemiBold";
	text-transform: uppercase;
	position: relative;
	top: 30px;
	text-shadow: 0px -2px 2px rgb(0 0 0 / 20%);
}
.registration:hover{
	filter: brightness(1.2) hue-rotate(-35deg);
}
.middle_btns {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -30px;
}
/*stream slider*/
#stream {
	margin-top: 50px;
}
.stream_container {
	padding: 40px;
}
.slick-slide {
	margin: 0px 10px;
}
.slick-slide img {
	width: 100%;
}
.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}
.slick-slide{
	display: none;
	float: left;
	height: 170px;
	border-radius: 5px;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
	border-radius: 5px;
	height: 170px;
	position: relative;
}
.slick-slide iframe{
	display: block;
	border-radius: 5px;
	height: 170px;
	position: relative;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-prev{
	background: url(../img/slider-left.png);
	width: 20px;
	height: 34px;
	font-size: 0;
	border: none;
	position: absolute;
	left: -30px;
	top: 68px;
	cursor: pointer;
	opacity: 0.6;
	transition: 0.2s;
}
.slick-next{
	background: url(../img/slider-right.png);
	width: 20px;
	height: 34px;
	font-size: 0;
	border: none;
	position: absolute;
	right: -30px;
	top: 68px;
	cursor: pointer;
	opacity: 0.5;
	transition: 0.2s;
}
.slick-next:hover, .slick-prev:hover{
	opacity: 1;
}
.slide {
	position: relative;
}
.slide span{
	position: absolute;
	bottom: 20px;
	font-size: 12px;
	text-align: center;
	width: 100%;
}
/*leftside*/
.main_links{
	width: 300px;
	margin-right: 20px;
}
/*left nav*/
.nav_btn ul{
	padding: 0;
}
.nav_btn li{
	list-style: none;
	margin: 20px 0;
}
.nav_btn_item{
	display: flex;
	align-items: center;
}
.nav_btn_item img{
	margin-right: 20px;
}
.nav_btn a {
	font-family: "Gilroy-SemiBold";
	padding: 5px 0px;
}
.nav_btn a:hover > img{
	transform: rotate(360deg);
	transition: 0.4s;
}
.nav_btn a > span{
	transition: 0.3s;
} 
.nav_btn a:hover > span{
	margin-left: 10px;
	color: #ffb72b;
} 
/*forumpost*/
.lastpost{
	margin: 60px 0;
}
.lastpost h3{
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Gilroy-SemiBold";
}
.lastpost_blocks{
	margin: 20px 0px;
}
.lastpost_item{
	width: 280px;
	align-items: center;
	margin: 5px 0px;
	padding: 8px 8px 8px 0px;
	transition: 0.3s;
}
.lastpost_item img{
	width: 25px;
	height: 18px;
	margin-right: 20px;
}
.lastpost_item a{
	font-family: "Gilroy-SemiBold";
	font-size: 11px;
	line-height: 15px;
	transition: 0.3s;
}
.lastpost_date{
	color: #5c545b;
}
.lastpost_item:hover {
	border-radius: 5px;
}
.lastpost_item:hover > a{
	color: #ffb72b;
	margin-left: 10px;
}
.lastpost_item:hover > img{
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}
/*middle*/
.main_content{
	max-width: 780px;
}
/*rateinfo*/
.rateinfo{
	margin-top: 10px;
}
.rateinfo_news_txt {
	font-family: "Gilroy-Bold";
	font-size: 14px;
	color: #ded5c3;
	display: flex;
	align-items: center;
}
.rateinfo_news_txt span{
	color: #ffb72b;
	margin-left: 5px;
}
.rateinfo_news_btn{
	font-family: "Gilroy-SemiBold";
	font-size: 12px;
	color: #ded5c3;
	border: 2px solid #ffb72b;
	padding: 10px 10px;
	border-radius: 5px;
	transition: 0.3s;
}
.rateinfo_news_btn:hover {
	background: #ffb72b;
	color: #170d13;
}
.rateinfo_blocks{
	margin-top: 30px;
}
.rateinfo_item{
	align-items: center;
	transition: 0.3s;
}
.rateinfo_item:hover {
	transform: scale(1.1);
}
.rateinfo_item_txt{
	font-size: 18px;
	color: #fff5e0;
	font-family: "Gilroy-SemiBold";
	text-transform: uppercase;
	margin-left: 10px;
}
.rateinfo_item_txt span{
	font-size: 14px;
	color: #352e37;
	display: block;
}
/*news*/
.news{
	margin-top: 30px;
	flex-wrap: wrap;
}
.news_item{
	position: relative;
	height: 272px;
	margin: 8px 0;
}
.news_item img {
	height: 100%;
	width: 100%;
	background-size: 100% 100%;
	border-radius: 10px;
}
.news_item_over {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: linear-gradient(0deg, rgb(0 0 0 / 80%), transparent);
	border-radius: 10px;
	flex-direction: column;
	padding: 0px 30px;
	transition: 0.5s;
}
.news_item_title{
	color: #ffb72b;
	font-size: 24px;
	font-family: "Gilroy-Bold";
	transition: 0.5s;
}
.news_item_desc{
	color: #dedbd4;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 18px;
}
.news_item:nth-child(2) > img, .news_item:nth-child(3) > img{
	width: 380px;
}
.news_item:hover > .news_item_over {
	background: linear-gradient(0deg, rgb(37 22 30), transparent);
	box-shadow: 0px 3px #ffb72b;
}
.news_item:hover > .news_item_over .news_item_title {
	color: #fff;
}
.news_item_date {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #ffb72b;
	border-radius: 10px;
	padding: 6px 10px;
	color: #130c13;
	font-family: 'Gilroy-SemiBold';
}
/*rightside*/
.main_stat{
	width: 300px;
	margin-left: 20px;
}
/*clan rate*/
.clanstat{
	margin: 10px 0px;
}
.clanstat h3{
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Gilroy-SemiBold";
}
.clanstat_item {
	align-items: center;
	background: rgb(38 25 33 / 50%);
	font-family: "Gilroy-SemiBold";
	color: #fff5e0;
	font-size: 12px;
	padding: 10px;
	border-radius: 5px;
	margin: 2px 0px;
	transition: 0.3s;
}
.clanstat_item:hover {
	background: rgb(38 25 33 / 90%);
}
.clanstat_user_point{
	color: #ffb72b;
}
.clanstat_user_number{
	color: #5c545b;
}
.clanstat_user_clan{
	width: 28px;
	margin: 0px 5px 0px 10px;
}
/*pvp/pk rate*/
.topstat{
	margin: 40px 0px 10px 0px;
}
.topstat h3{
	font-size: 16px;
	text-transform: uppercase;
	font-family: "Gilroy-SemiBold";
	display: flex;
	align-items: center;
}
.topstat_item {
	align-items: center;
	background: rgb(38 25 33 / 50%);
	font-family: "Gilroy-SemiBold";
	color: #fff5e0;
	font-size: 12px;
	padding: 10px;
	border-radius: 5px;
	margin: 2px 0px;
	transition: 0.3s;
}
.topstat_item:hover {
	background: rgb(38 25 33 / 90%);
}
.topstat_user_point{
	color: #ffb72b;
}
.topstat_user_number{
	color: #5c545b;
}
.topstat_user_clan{
	width: 28px;
	margin: 0px 5px 0px 10px;
}
.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tabs li {
	cursor: pointer;
	padding: 0px 5px;
	background: rgb(255 255 255 / 5%);
	height: 22px;
	width: 40px;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	overflow: hidden;
	position: relative;
	color: #544457;
	font-family: "Gilroy-SemiBold";
	margin: 14px 1px;
	border-radius: 3px;
	transition: 0.3s;
}
.tabs li:hover {
	background: rgb(255 255 255 / 10%);
	color: #88768c;
}
.tabs li.active {
	background: rgb(255 255 255 / 10%);
	color: #ffb72b;
	display: block;
}
/*top banners*/
.partners{
	margin-top: 20px;
}
.partners_block{
	flex-wrap: wrap;
}
.partners_block img{
	width: 140px;
	height: 90px;
}
.partners_block a{
	transition: 0.3s;
}
.partners_block a:hover{
	filter: brightness(1.2);
	transform: rotate(-6deg);
}
/*action*/
#action{
	margin-top: 30px;
}
.action_desc {
	position: relative;
	top: -15px;
	font-size: 16px;
}
.action_desc a {
	color: #110b11;
	background: #ffb72b;
	padding: 2px 6px;
	margin-left: 4px;
	border-radius: 5px;
	font-family: 'Gilroy-SemiBold';
}
.action_desc a:hover {
	color: #ffb72b;
	background: #110b11;
}
.action_item{
	max-width: 420px;
	align-items: center;
	padding: 5px;
	transition: 0.3s;
	border-radius: 5px;
}
.action_item img{
	border-radius: 5px;
	width: 118px;
	height: 90px;
}
.action_item_content{
	margin-left: 20px;
}
.action_item_content h3{
	color: #ffb72b;
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	font-family: "Gilroy-Bold"
}
.action_item_content p {
	color: #dedbd4;
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0px;
}
.action_item_content a{
	font-size: 12px;
	color: #dbffa7;
	transition: 0.3s;
}
.action_item:hover{
	background: rgb(38 25 33 / 50%);
	box-shadow: -2px 0px #ffb72b;
}
.action_item_content a:hover{
	color: #130c13;
	background: #ffb72b;
	padding: 3px 8px;
	border-radius: 5px;
}
/*totop*/
#totop{
	margin-top: 70px;
}
.totop_line{
	height: 1px;
	background: #261921;
	position: relative;
}
.totop_btn{
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #18130f;
	border: 1px solid #412634;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	padding: 5px;
	display: flex;
	align-items: center;
	transition: 0.3s;
}
.totop_btn img{
	margin: 0 auto;
}
.totop_btn:hover{
	background: #402533;
}
/*footer*/
#footer{
	margin-top: 20px;
}
.footer_logo img{
	height: 158px;
	transition: 0.3s;
}
.footer_logo img:hover{
	filter: brightness(1.2);
}
.footer_link_block{
	margin-left: 60px;
}
.footer_link_block:first-child{
	margin-left: 0px;
}
.footer_link_block h3{
	margin: 25px 0px;
	padding: 0;
	font-size: 16px;
	text-transform: uppercase;
	color: #ffb72b;
}
.footer_link_block ul{
	margin: 0;
	padding: 0;
}
.footer_link_block li{
	list-style: none;
	font-family: "Gilroy-SemiBold";
	font-size: 14px;
	margin: 10px 0px;
}
.footer_link_block a:hover{
	color: #ffb72b;
}
.footer_copy{
	max-width: 420px;
}
.footer_copy_desc{
	color: rgb(255 255 255 / 30%);
	font-size: 11px;
	text-align: right;
	margin-top: 30px;
}
.footer_copy_payment {
	display: flex;
	justify-content: flex-end;
}
/*studios*/
.footer_copy_std{
	text-align: right;
	margin-top: 5px;
}
.footer_copy_std img{
	margin: 5px 0px;
	transition: 0.3s;
	opacity: 0.6
}
.footer_copy_std img:hover{
	opacity: 1;
}

/*PAGEs*/
/*about page*/
.pagetabs {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #261921;
	width: 100%;
}
.pagetabs li {
	cursor: pointer;
	padding: 0px 10px;
	background: rgb(255 255 255 / 5%);
	height: 32px;
	min-width: 50px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	overflow: hidden;
	position: relative;
	color: #544457;
	font-family: "Gilroy-SemiBold";
	margin: 2px 1px;
	transition: 0.3s;
}
.pagetabs li:hover {
	background: rgb(255 255 255 / 10%);
	color: #88768c;
}
.pagetabs li.pageactive {
	background: rgb(255 255 255 / 10%);
	color: #ffb72b;
	display: block;
}
.page_about_block h4 {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Gilroy-SemiBold';
	color: #ffb72b;
}
.page_about_block ul {
	padding: 0;
	margin: 20px;
}
.page_about_block li {
	padding: 0;
	margin: 5px 0px;
	font-size: 14px;
}
.page_over{
	width: 50%;
	max-width: initial;
}
.page_about_block{
	overflow: auto;
	height: 600px;
	margin-top: 10px;
}
.page_about_block::-webkit-scrollbar {
	width: 0.2em;
	height: 0.2em;
}
.page_about_block::-webkit-scrollbar-thumb {
	background: #c05e0f;
}
.page_about_block::-webkit-scrollbar-track {
	background: rgba(254, 205, 121, 0.1);
}
.page_about_block {
	scrollbar-face-color: #c05e0f;
	scrollbar-track-color: rgba(254, 205, 121, 0.1);
}
/*files page*/
.file_block {
	font-size: 14px;
	background: rgb(38 25 33 / 50%);
	padding: 10px;
	margin: 5px 0px;
}
.file_number {
	border: 1px solid #ffb72b;
	padding: 9px;
	min-width: 8px;
	text-align: center;
}
.file_name {
	color: #fff;
	font-size: 16px;
	font-family: 'Gilroy-Bold';
	margin-left: 15px;
}
.file_name span {
	display: block;
	font-family: 'Gilroy-Regular';
	font-size: 12px;
	color: #5c545b;
}
.file_btn_link {
	border: 2px solid #ffb72b;
	padding: 4px 10px;
	display: flex;
	align-items: center;
	font-family: 'Gilroy-SemiBold';
	margin: 2px;
	border-radius: 5px;
}
.file_btn_link:hover {
	background: #ffb72b;
	color: #120b12;
}
.files_rule{
	margin-top: 50px;
}
.files_rule h3{
	text-transform: inherit;
	font-size: 18px;
}
.files_rule ul{
	margin: 0;
	padding: 0;
}
.files_rule li{
	list-style: none;
	margin-right: 40px;
	font-size: 14px;
	font-family: "Gilroy-Bold";
	color: #ffb83c;
	width: 50%;
}
.files_title{
	margin-bottom: 40px;
}
.files_rule a{
	color: #ffb83c;
}
.files_rule a:hover{
	color: #fff;
}
.files_namedesc{
	color: #5c545b;
	font-size: 12px;
}
#header .middle {
	width: 100%;
}

#header .middle .logotype {
	display: flex;
	justify-content: center;
}

#header .middle .logotype img {
	width: 350px !important;
	max-width: none !important;
}