@import "reset.css";

		:root {
			--servtextcolor: currentColor; /* the default */
			--servbgcolor: transparent; /* the default */
		}

body {
    font-family: system-ui, "Open Sans", Arial, sans-serif;
        font-size: 14px;

    color: #222326;

    /* нормальный стабильный фон */
    background-color: rgb(16, 16, 17);

    /* анти-дергание текста */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.l2b-header-bnr {
    width: 100%;
    min-height: 600px;
    display: block;
    position: relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 1;
}
.l2b-header-bnr::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 450px;
background: linear-gradient(rgba(26, 26, 26, 0) 0%, rgb(16 16 17) 100%);

    pointer-events: none;
    z-index: 2;
}
.wrapper {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    min-height: 500px;
    position: relative;
    z-index: 3;
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.main_top {
    padding-top: 0;
    position: relative;
}

		a {
			color: rgb(156, 92, 10);
			text-decoration: none;
			transition-duration: 0.3s;
			transition-property: opacity, color, background-color, background;
		}

		a:hover {
			text-decoration: underline;
		}

		img {
			max-width: 100%;
		}

		.wrapper {
			max-width: 1170px;
			width: 100%;
			margin: 0 auto;
			min-height: 500px;
			position: relative;
			z-index: 4;
			background-color: #fff;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		   margin: -285px auto 0;
		}

		.bg_l2b {
			background-color: rgb(27, 27, 27);
		}

		.section-row {
			box-sizing: border-box;
			padding: 0 20px;
		}

		.section-row_w {
			width: 100%;
		}

		/* header */

		.header {
			height: auto;
			min-height: 65px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			padding: 2px 20px;
			box-sizing: border-box;
			position: relative;
		}

		.menu-wrp {
			display: flex;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
		}

		.menu-wrp.menu-wrp_active {
			display: flex;
		}

		.menu {
			display: flex;
			justify-content: center;
			flex-direction: row;
			box-sizing: border-box;
		}

		.menu-wrp_active .menu {
			animation: menu 1s ease 1;
			animation-fill-mode: forwards;
		}

		@keyframes menu {
			0% {
				opacity: 0;
				transform: scale(0) translateY(-400px);
			}

			100% {
				opacity: 1;
				transform: scale(1) translateY(0);
			}
		}

		.menu__link {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			margin: 10px;
			color: #fff;
			font-size: 12px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			box-sizing: border-box;
			transition: 0.3s all;
			height: 34px;
			padding: 0 10px;
			border-radius: 3px;
			background-color: rgb(39, 36, 33);
			font-weight: bold;
			border: 2px solid transparent;
		}

		.menu__link_add {
			box-shadow: 0 0 16px rgba(66, 209, 254, 0.19);
			background: rgba(255, 81, 0, 0.53);
			border: none;
			margin-right: 0;
			transition: 0.3s all;
			font-weight: bold;
			border: 2px solid rgba(83, 40, 21, 0.61);
		}

		.menu__link_decor:hover {
			background-color: #33383d;
			text-decoration: none;
		}

		.menu__link:hover {
			text-decoration: none;
			background: rgb(255, 81, 0);
			border: 2px solid rgba(83, 40, 21, 0.61);
		}

		.menu__i {
			background: none;
			height: 20px;
			display: inline-block;
			box-sizing: border-box;
			font-size: 16px;
			line-height: 20px !important;
			margin-right: 6px;
		}

		.menu__txt {
			margin: 0;
			box-sizing: border-box;
		}

		.burger-btn {
			position: fixed;
			right: 10px;
			top: 10px;
			z-index: 88;
			background-color: rgba(0, 0, 0, 0.5);
			height: 36px;
			width: 40px;
			border-radius: 3px;
			cursor: pointer;
			box-sizing: border-box;
		}

		.burger-btn__line {
			height: 4px;
			position: absolute;
			left: 5px;
			right: 5px;
			background-color: #fff;
			border-radius: 2px;
			transition: 0.3s all;
		}

		.burger-btn__line_top {
			top: 5px;
		}

		.burger-btn__line_middle {
			top: 50%;
			transform: translateY(-50%);
		}

		.burger-btn__line_bottom {
			bottom: 5px;
		}

		.burger-btn_active .burger-btn__line_top {
			transform: rotate(45deg) translateY(-50%);
			transform-origin: center top;
			top: 50%;
		}

		.burger-btn_active .burger-btn__line_middle {
			transform: rotate(180deg);
			opacity: 0;
		}

		.burger-btn_active .burger-btn__line_bottom {
			transform: rotate(-45deg) translateY(50%);
			transform-origin: center bottom;
			bottom: 50%;
		}

.logo {
    display: block;
    width: fit-content;

    font-size: 27px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .3px;

    text-decoration: none !important;

    background: linear-gradient(104deg,#ff4e20,#ff9300);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    transition: filter .2s ease;
}

.logo:hover {
    text-decoration: none !important;
    filter: drop-shadow(0 0 8px rgba(255,147,0,.7));
}

		.top_bnr_wrp {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			align-items: center;
			background: #20252a;
			border-top: 1px solid #373737;
		}

		.top_bnr_468 {
			min-height: 60px;
			width: 468px;
			margin: 10px;
			max-width: 100%;
		}

		.mid {
			min-height: 200px;
			display: flex;
			justify-content: space-around;
			align-items: stretch;
			position: relative;
		}

		.content-wrp {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: space-around;
			padding-bottom: 20px;
			flex-grow: 1;
			position: relative;
		}

		.side__container_ma {
			margin: 0 auto 0 20px;
		}

		.side__container {
			padding-bottom: 30px;
		}

		.ttl {
			min-height: 30px;
			display: flex;
			align-items: center;
			font-size: 15px;
			font-weight: 700;
			color: #686e73;
			text-transform: uppercase;
			cursor: default;
			background-color: #f4f1f1;
			border-radius: 5px;
		}
		.ttl-my {
			margin-top: -3px;
			margin-bottom: -3px;
			margin-right: 3px;
			margin-left: 3px;
		}
		.ttl_theme_def {
			min-height: 30px;
			margin: 10px 0;
		}
        .ttl_theme_def_line {
            min-height: 1px;
            border-bottom: 1px solid rgb(220, 223, 225);
            margin: 10px 0;
        }

            /* Скрываем на экранах до 1024px (мобильные + планшеты) */
            @media (max-width: 1024px) {
            .hide-on-mobile {
                display: none !important;
            }
        }
		.ttl_theme_coloring {
			min-height: 50px;
			margin-bottom: 10px;
			justify-content: center;
			background-image: linear-gradient(
				to right,
				rgba(255, 0, 0, 0) 0%,
				rgb(255, 170, 113) 20%,
				rgb(255, 62, 0) 50%,
				rgb(255, 154, 86) 80%,
				rgba(255, 147, 0, 0) 100%
			);
			color: rgb(255, 255, 255);
		}


		.ttl__accentuation {
			color: rgb(255, 149, 72);
			margin-right: 4px;
			font-weight: 700;
		}

		.ttl__day {
			background-color: rgb(255, 81, 0);
			color: #fff;
			font-size: 12px;
			border-radius: 3px;
			text-transform: none;
			font-weight: 400;
			margin: 0 10px;
			padding: 2px 5px;
		}

		.day-name {
			color: rgb(255, 81, 0);
		}

		/* ttl_theme_base */

		.ttl_theme_base {
			min-height: 30px;
			margin: 10px 0;
		}

		.side {
			width: 420px;
			flex-shrink: 0;
		}

		@keyframes side {
			0% {
				opacity: 0;
			}
			100% {
				opacity: 1;
			}
		}

		.servers__desc {
			color: #676d73;
			font-size: 12px;
			text-transform: none;
			background: rgb(245, 245, 245);
			padding: 0 5px;
			height: 20px;
			display: flex;
			align-items: center;
			border: 1px solid #e1e1e1;
			box-sizing: border-box;
			margin-bottom: 10px;
		}

		/* server */

		.server {
		    max-width: 415px;
			box-sizing: border-box;
			height: 30px;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			text-align: center;
			position: relative;
			z-index: 0;
			color: #55585b;
			font-size: 12px;
			cursor: pointer;
			border-bottom: 0.2px solid rgb(220 223 225 / 50%);
		}

		.server:hover {
			text-decoration: none;
		}

		.server__vip {
			text-overflow: ellipsis;
			min-height: 15px;
			line-height: 18px;
			position: relative;
			width: 34px;
			height: 18px;
			box-sizing: border-box;
			text-align: center;
			font-size: 14px;
			text-transform: uppercase;
			color: #eaedef;
			border-radius: 3px;
			background: rgba(243, 243, 243, 0.24);
			flex-shrink: 0;
		}

		.server__vip:after {
			content: "";
			position: absolute;
			left: 15px;
			top: 5px;
			z-index: 3;
			width: 6px;
			height: 6px;
			border-radius: 4px;
			background-color: #848484;;
		}

		.server__title {
			color:#848484;
			font-weight: 700;
            font-style: inherit;
            font-size: 100%;
            font-family: inherit;
            vertical-align: baseline;
			text-overflow: ellipsis;
			min-height: 15px;
			line-height: 15px;
			position: relative;
			text-transform: uppercase;
			width: 220px;
			box-sizing: border-box;
			padding: 0 0 0 6px;
			text-align: left;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			letter-spacing: 0.3px;
			font-size: 14.3px;
		}

		.server__grp {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}

		.server__chron {
			text-overflow: ellipsis;
			min-height: 15px;
			line-height: 15px;
			position: relative;
			width: 66px;
			text-align: left;
			color: #55585b;
			font-size: 12px;
			display: flex;
			align-items: center;
			white-space: nowrap;
		}

		.server__rate {
			text-overflow: ellipsis;
			min-height: 15px;
			line-height: 15px;
			position: relative;
			width: 65px;
			text-align: left;
			color: #55585b;
			font-size: 12px;
			font-weight: 700;
			overflow: hidden;
		}

		.server__date {
			text-overflow: ellipsis;
			min-height: 15px;
			line-height: 15px;
			position: relative;
			width: 58px;
			color: #55585b;
			font-size: 12px;
			text-align: right;
		}

		.server__link {
			display: block;
			text-decoration: none;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 1;
		}

		.server__link_uf {
			display: flex;
			justify-content: center;
			align-items: center;
			opacity: 0;
			background-color: rgb(7, 176, 255);
			color: #fff;
			font-size: 16px;
			transition: none;
			z-index: 100;
		}

		.server__link_uf:hover {
			opacity: 1;
			text-decoration: none;
		}

		.server__edit {
			position: absolute;
			right: -18px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 10;
			color: rgb(90, 90, 90);
			opacity: 0;
			transition: 0.3s all;
		}

		.server:hover .server__edit {
			opacity: 1;
		}

		.server__more {
			position: absolute;
			left: -8px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 10;
			width: 8px;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			color: rgb(90, 90, 90);
			opacity: 0;
			transition: 0.3s all;
		}

		.server:hover .server__more {
			opacity: 1;
		}

		.server__adittion {
			display: inline-block;
			position: relative;
			z-index: 20;
			margin-left: 3px;
		}

		.server__plus {
			font-size: 12px;
			color: rgb(255, 116, 0);
		}

		.server__country {
			display: block;
			max-width: 20px;
			position: relative;
			z-index: 10;
			margin-left: 3px;
		}

		.marking {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			min-height: 20px;
			margin-left: 3px;
			box-sizing: border-box;
			padding-bottom: 2px;
			position: relative;
			z-index: 20;
		}

		.marking__item {
			color: rgb(255, 62, 0);
			font-size: 16px;
			line-height: 10px;
			text-transform: lowercase;
			font-weight: 700;
			position: relative;
			letter-spacing: -1px;
		}

		.marking__item:hover {
			color: #000;
		}
		

		
.marking__item_type_new{background:linear-gradient(180deg,#ff9300 0%,#ff3400 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.45))}.today__date,.tomorrow__date,.yesterday__date{background-color:#e1f2e4;color:#000;font-size:12px;text-transform:lowercase;padding:0 6px 0 4px;top:-2.5px!important;border-radius:3px;position:relative;font-weight:400}.tomorrow__date{background-color:#fdd}.yesterday__date{background-color:#e7e9ed}.when__txt{font-weight:700}.informer{right:7px;top:50%;display:flex;align-items:center;z-index:20}.tip{position:relative;display:inline-block;width:16px;height:16px;line-height:16px;background:transparent url(../images/coin.svg) no-repeat center;margin:0 0 0 4px;box-sizing:border-box}.tip_style_foreign{background:transparent url(../images/en.png) no-repeat center center;background-size:contain}.tip_style_newbie{background:transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmY5MzAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmYzNDAwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNncmFkKSIgZD0ibTEgNyAxLjY5LTcgMS43OTIgMS45ODhDNy43Ni0uMzA0IDEyLjE0NS4xMzMgMTUgMy4zMDJsLTEuMzMzIDEuNDhDMTEuNTUzIDIuNDM1IDguMzYgMi4wMTMgNS44NiAzLjUxNWwxLjQ1IDEuNjA4ek0xNSA5bC0xLjY5ID7MS43OTItMS45ODhDOC4yNCAxNi4zMDQgMy44NTUgMTUuODY2IDEgMTIuNjk5bDEuMzMzLTEuNDhjMi4xMTQgMi4zNDYgNS4zMDYgMi43NjggNy44MDcgMS4yNjZsLTEuNDUtMS42MDh6Ij48L3BhdGg+PC9zdmc+') no-repeat center center;background-size:contain}.tip_style_money{background:transparent url(../images/ico/coins.svg) no-repeat center;background-size:contain}.tip_style_bonus{background:transparent url(../images/ico/gift.svg) no-repeat center;background-size:contain}.tip_style_obt{font-size:12px;text-align:center;color:rgb(120,120,120);text-transform:lowercase;font-weight:400;line-height:7px;cursor:default;padding-bottom:1px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:20px}.tip_style_legendary{width:10px;height:10px;font-size:12px;text-transform:uppercase;color:#fff;background-color:#000}.tip_none{display:none}.tip_active{display:inline-block}.tip__ttl{text-transform:uppercase;font-size:12px}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;width:160px;height:auto;box-sizing:border-box;padding:9px 5px;display:block;text-align:center;background-color:rgba(36,36,36,.76);color:rgb(255,255,255);pointer-events:none;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.34);transition:.2s all;opacity:0;font-weight:700;font-size:12px;font-family:"Open Sans",Arial,Helvetica,sans-serif;transform:translateX(-50%)}.tooltip_ta_l{text-align:left}.tooltip_size_big{width:250px}.tooltip_style_min{text-transform:uppercase}.tooltip:after{content:"";position:absolute;display:block;left:50%;margin-left:-5px;bottom:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(36,36,36,.76);transition:.2s all}.tip:hover .tooltip,.open-tooltip:hover .tooltip{opacity:1}

		.tooltip__title {
			color: #fcef40;
			display: block;
			padding-left: 10px;
			padding-right: 10px;
			box-sizing: border-box;
		}

		.tooltip__content {
			text-align: left;
			padding-left: 10px;
			padding-right: 10px;
			text-transform: none;
			box-sizing: border-box;
		}

		.tip_style_bonus ul,
		.tip_style_money ul {
			list-style: square inside;
			text-align: left;
		}

		.tip_style_bonus ol,
		.tip_style_money ol {
			list-style: decimal inside;
			text-align: left;
		}


		.server_status_vip .server__vip {
			color: rgb(156, 156, 156);
			border-radius: 2px;
			text-transform: uppercase;
			font-weight: 700;
			box-sizing: border-box;
			padding-left: 1px;
		}

		.server_status_vip .server__vip:after {
			display: none;
		}

		.server_status_vip .server__vip:before {
			content: "vip";
		}


		.server_type_vip-1 .server__title {
			color: rgb(132, 132, 132);
			font-size: 14px;
			font-weight: 700;
		}

		.server_type_vip-1 .server__vip {
			color: rgb(196, 196, 196);
			font-size: 12px;
			font-weight: 700;
			background-color: rgba(255, 255, 255, 0.1);
		}

		/* server_type_vip-2 */

		.server_type_vip-2 .server__title {
			color: rgb(255 147 0);
			font-size: 15px;
			font-weight: 700;
		}

		.server_type_vip-2 .server__vip {
			color: #fff;
			font-size: 14px;
			font-weight: 700;
			background: #ff9300;
		}

		.server_type_vip-3 .server__title {
			color: #ff3400;
			font-weight: 700;
			font-size: 15px;
		}

		.server_type_vip-3 .server__vip {
			color: #fff;
			font-size: 14px;
			font-weight: 700;
			background: #ff3400;
		}

		.server_type_vip-3 .server__bg-vip {
			color: rgb(255 147 0);
			font-size: 15px;
			font-weight: 700;
		}

		.server_type_vip-3:not(.server_bg_custom):hover .server__bg-vip {
			background-image: linear-gradient(
				to right,
				rgb(255, 0, 0) 0%,
				rgb(255, 115, 0) 100%
			);
		}

		.server_type_vip-3 .server__rate {
			color: #55585b;
			font-weight: 700;
		}

		.server_type_vip-3 .server__chron {
			color: #55585b;
		}

		.server_type_vip-3 .server__plus {
			color: rgb(255, 116, 0);
		}

		.server_type_vip-3 .server__date {
			color: #55585b;
		}

		.server_type_vip-3 .tip_style_obt {
			background: transparent url(../images/newbie.png) no-repeat center center;
			background-size: contain;		}

		.server_type_vip-3 .marking__item_type_new {
			color: rgb(255, 223, 88);
		}


		.server_type_vip-3 .marking__item_type_new:hover {
			color: rgb(0, 0, 0);
		}

		.server:not(.server_bg_custom):not(.server_type_vip-3):hover .server__bg {
			background-color: rgb(247, 247, 247);
		}

		.news__not {
			min-height: 20px;
		}

		.sidebar {
			width: 270px;
			flex-shrink: 0;
			color: #6a7077;
			font-size: 14px;
			box-sizing: border-box;
			padding: 0 20px;
			background-color: rgb(244, 244, 244);
			position: relative;
		}

		.mid_dirrection_left .sidebar {
			order: -1;
		}

		.sidebar_menu_wrapper ul {
			display: inline-block;
			box-sizing: border-box;
			text-align: center;
			padding: 0 10px;
			width: 100%;
		}

		.sidebar_menu_wrapper ul li > a {
			color: #6a7077;
			font-size: 14px;
			text-transform: uppercase;
			display: inline-block;
			line-height: 20px;
		}

		.sidebar_menu_title {
			color: #747474;
			font-family: "Arial";
			font-size: 20px;
			text-shadow: 0 3px 5px rgba(0, 0, 0, 0.35);
			text-transform: uppercase;
			text-align: center;
			padding: 10px 0;
		}

		.sidebar_menu_contet {
			border-top: 2px solid #393333;
			border-bottom: 2px solid #393333;
			padding: 6px 0;
			box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4) inset;
		}

		.scl {
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.scl_mb {
			margin-bottom: 15px;
		}

		.scl__link {
			font-size: 20px;
			margin: 10px;
			color: #fff;
			background-color: rgb(108, 108, 108);
			opacity: 0.5;
			transition: 0.3s all;
			width: 36px;
			height: 36px;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			text-decoration: none;
			border-radius: 2px;
		}

		.scl__link:hover {
			opacity: 1;
			text-decoration: none;
		}
.bnr-240 {
    text-align: center;
    max-height: 400px;
    overflow: hidden;
    max-width: 250px;
}

.bnr-240_m {
    margin: 15px auto;
}

/* ================== Скрытие на планшетах и мобилках ================== */
@media (max-width: 1024px) {
    body .bnr-240,
    body .bnr-240_m {
        display: none !important;
    }
}

		.bnr-sld {
			position: relative;
		}

		.bnr-sld__edit {
			position: absolute;
			right: 5px;
			top: 5px;
			opacity: 0;
			transition: 0.3s all;
		}

		.bnr-sld:hover .bnr-sld__edit {
			opacity: 1;
		}


.about-page{position:relative;border:2px dashed rgba(0,0,0,0.1);box-sizing:border-box;width:calc(100% - 30px);margin:auto auto 0;border-radius:3px}.about-page ul{list-style:square inside;padding-left:10px}.about-page li{margin:5px 0}.about-page__content{padding:12px 16px;box-sizing:border-box;line-height:18px;position:relative;background-color:rgb(244,244,244)}.about-page__content p{margin-bottom:6px}.about-page__edit{position:absolute;right:2px;top:1px;opacity:0.5;transition:0.3s all}.about-page__edit:hover{opacity:1}


.l2-footer {
  background-color: #1b1b1b !important;
  color: #9aa0a6 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  padding: 35px 20px !important;
  border-top: 1px solid #2d2d2d !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.l2-footer__container {
  width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 30px !important;
}

.l2-footer__legal {
  flex: 1 1 400px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
}

.l2-footer__advertisement {
  color: #7b818c !important;
}

.l2-footer__copyright {
  font-size: 12px !important;
  color: #5c626c !important;
}

.l2-footer__sys-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 8px !important;
  color: #7b818c !important;
}

.l2-footer__sys-links a,
.l2-footer__sys-links span a {
  color: #7b818c !important;
  text-decoration: none !important;
}

.l2-footer__sys-links a:hover,
.l2-footer__sys-links span a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* СТИЛЬ РАЗДЕЛИТЕЛЕЙ "|" НА ДЕСКТОПЕ */
.l2-footer__sys-links-sep {
  color: #3d424c !important;
}

.l2-footer__sys-links-sep::before {
  content: "|" !important;
}

.l2-footer__meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 16px !important;
  min-width: 200px !important;
}

.l2-footer__links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0px !important; 
  margin: 0 !important;
  padding: 0 !important;
}

.l2-footer__links .f-nav__link {
  color: #7b818c !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.2 !important; 
  margin: 0 !important;       
  padding: 6px 0 !important;
  display: block !important;
  transition: color 0.15s ease !important;
}

.l2-footer__links .f-nav__link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* ======================================================== */
/* ОДНОРОДНЫЙ И ПЛОТНЫЙ МОБИЛЬНЫЙ ДИЗАЙН (До 768px)          */
/* ======================================================== */
@media (max-width: 768px) {
  .l2-footer {
    padding: 24px 14px 20px 14px !important;
    background-color: #141414 !important;
  }
  
  /* Превращаем главный контейнер в единую CSS-сетку */
  .l2-footer__container {
    display: grid !important;
    grid-template-columns: 100% !important;
    gap: 6px !important; /* Минимальный отступ между ВСЕМИ кнопками */
  }

  /* Игнорируем промежуточные контейнеры, чтобы выстроить детей в общую сетку */
  .l2-footer__legal,
  .l2-footer__meta,
  .l2-footer__links,
  .l2-footer__sys-links {
    display: contents !important; 
  }

  /* ТЕКТЫ: жестко закрепляем наверху страницы */
  .l2-footer__advertisement {
    order: 1 !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important; 
  }

  .l2-footer__copyright {
    order: 2 !important;
    text-align: center !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    margin-bottom: 14px !important; /* Отступ перед первой кнопкой */
  }

  /* ГЛАВНЫЕ КНОПКИ: встают сразу после текстов */
  .l2-footer__links .f-nav__link {
    order: 3 !important;
  }

  /* СИСТЕМНЫЕ КНОПКИ: встают в самый конец единого списка */
  .l2-footer__sys-links a,
  .l2-footer__sys-links span a {
    order: 4 !important;
  }

  /* СКРЫВАЕМ РАЗДЕЛИТЕЛЬНЫЕ ПАЛОЧКИ И ИХ СОДЕРЖИМОЕ */
  .l2-footer__sys-links-sep,
  .l2-footer__sys-links-sep::before {
    display: none !important;
    content: none !important;
  }

  /* Нивелируем влияние тега span на "Файлы Cookie" */
  .l2-footer__sys-links span {
    display: contents !important;
  }

  /* ГЛОБАЛЬНЫЙ СТИЛЬ ДЛЯ ВСЕХ КНОПОК БЕЗ ИСКЛЮЧЕНИЯ */
  .l2-footer__links .f-nav__link,
  .l2-footer__sys-links a,
  .l2-footer__sys-links span a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-color: #222222 !important;
    color: #e0e0e0 !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 6px !important;
    padding: 11px 14px !important; 
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    margin: 0 !important;
    transition: background-color 0.15s ease !important;
  }

  /* Эффект при клике / нажатии */
  .l2-footer__links .f-nav__link:active,
  .l2-footer__sys-links a:active,
  .l2-footer__sys-links span a:active {
    background-color: #2e2e2e !important;
  }
}

		.hidden {
			opacity: 0;
		}

		.visible {
			opacity: 1;
		}

		.old_ie {
			background-color: #000;
			font-size: 30px;
			padding: 120px 0 20px;
			text-align: center;
			z-index: 999999;
			width: 100%;
		}

		.full_server_go_site_wrp {
			text-align: center;
			margin: 20px 0;
		}

		.full_server_go_site {
			box-shadow: inset 0 1px 0 0 #fff;
			background: linear-gradient(to bottom, #fff 5%, #f6f6f6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
			background-color: #fff;
			border-radius: 6px;
			border: 1px solid #dcdcdc;
			display: inline-block;
			cursor: pointer;
			color: #666;
			font-family: Arial;
			font-size: 15px;
			font-weight: 700;
			padding: 6px 24px;
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			box-shadow: 0 4px 10px #949495;
		}

		.full_server_go_site:hover {
			background: linear-gradient(to bottom, #f6f6f6 5%, #fff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
			background-color: #f6f6f6;
			text-decoration: none;
			box-shadow: 0 4px 5px #d2d2d2;
		}

		.full_server_go_site:active {
			position: relative;
			top: 1px;
		}

		#share42 > .share42-item {
			transition: 0.3s all;
			filter: grayscale(100%);
		}

		#share42 > .share42-item:hover {
			filter: brightness(130%);
		}

		.full_server_status_vip {
			margin-bottom: 30px;
			text-align: center;
			text-transform: uppercase;
			font-weight: 700;
			font-size: 25px;
		}

		.full_server_title {
			font-size: 25px !important;
		}

		.full_server_type_vip-1 {
			color: #ff4621;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.41);
		}

		.full_server_type_vip-2 {
			color: #ffb521;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
		}

		.feedback_contacts_title {
			font-size: 26px;
			font-weight: 700;
			text-align: center;
			padding: 20px 0;
		}

		.feedback_contacts_flex {
			box-sizing: border-box;
			padding: 0 7%;
			display: flex;
			align-items: center;
		}

		.feedback_contacts_flex > div {
			width: 50%;
			text-align: center;
		}

		.feedback_contacts__item {
			display: flex;
			text-align: center;
			align-items: center;
			justify-content: flex-start;
			margin-bottom: 10px;
		}

		.feedback_ico {
			width: 20px;
			height: 20px;
			margin-right: 10px;
		}

		.feedback_link {
			font-weight: 700;
			font-size: 18px;
			text-decoration: underline;
		}

		.feedback_link:hover {
			text-decoration: none;
		}

		.feedback_span {
			font-weight: 700;
			font-size: 18px;
		}

		.sp_wrp img {
			width: 50%;
		}

		.add_news_wrapper {
			padding-bottom: 30px;
		}

		.add_news_title {
			text-align: center;
			padding: 20px 0;
			text-transform: uppercase;
			margin-bottom: 40px;
		}

		.info_wrapper {
			border: 2px solid #00a9c5;
			margin: 36px auto 0;
			position: relative;
			padding: 30px 20px 20px;
			text-align: center;
		}

		.input_wrapper {
			border: 2px solid rgba(34, 35, 38, 0.18);
			max-width: 300px;
			width: 100%;
			min-height: 45px;
			margin: 0 auto;
			position: relative;
			text-align: center;
			margin-bottom: 20px;
			padding-bottom: 5px;
		}

		.input_wrapper_select {
			width: 300px;
			margin: 0 auto;
			position: relative;
			text-align: center;
			margin-bottom: 20px;
		}

		.input_wrapper input,
		.input_wrapper textarea,
		.input_wrapper select {
			border: 1px solid rgba(0, 0, 0, 0.09) !important;
			width: 200px;
			height: 25px;
			padding: 0;
			line-height: 25px;
			background-color: #f3f3f3;
			text-align: center;
			transition: 0.3s all;
		}

		.input_wrapper textarea {
			height: auto;
			min-height: 25px;
			box-sizing: border-box;
			padding: 5px;
		}

		.input_wrapper input:focus,
		.input_wrapper textarea:focus .input_wrapper select:focus {
			border: 1px solid rgba(105, 105, 105, 0.36) !important;
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
		}

		.fieldsubmit {
			text-align: center;
		}

		.chosen-container-single .chosen-default {
			color: #222326;
			position: relative;
		}

		#category_chosen {
			position: relative;
		}

		#category_chosen:after {
			content: "";
			display: block;
			position: absolute;
			top: 18px;
			right: 12px;
			width: 0;
			height: 0;
			border-top: 5px solid #999;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
		}

		.chosen-container-single .chosen-single {
			border: 2px solid rgba(34, 35, 38, 0.18);
		}

		.chosen-container-single .chosen-single-with-deselect span,
		.chosen-container-single .chosen-single span {
			margin-right: 0 !important;
		}

		.l2b_tip {
			display: block;
			max-height: 0;
			transition: 0.3s all;
			line-height: 16px;
			font-size: 12px;
			color: #a49898;
			transition: 0.3s all;
			opacity: 0;
			padding: 2px 10px 5px;
			visibility: hidden;
			max-width: 200px;
		}

		:hover:not(.on-focus) > .l2b_tip,
		.on-focus input:focus + .l2b_tip,
		.on-focus textarea:focus + .l2b_tip {
			max-height: 50px;
			opacity: 1;
			visibility: visible;
		}

		.inp_pad {
			padding-right: 15px;
			padding-left: 15px;
			box-sizing: border-box;
		}

		.l2b_btn_submit {
			width: 100%;
			box-shadow: inset 0 1px 0 0 #fff;
			background: linear-gradient(to bottom, #fff 5%, #f6f6f6 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
			background-color: #fff;
			border-radius: 6px;
			border: 1px solid #dcdcdc;
			display: inline-block;
			cursor: pointer;
			color: #666;
			font-family: Arial;
			font-size: 15px;
			font-weight: 700;
			padding: 3px 24px;
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
		}

		.l2b_btn_submit:hover {
			background: linear-gradient(to bottom, #f6f6f6 5%, #fff 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
			background-color: #f6f6f6;
			text-decoration: none;
		}

		.l2b_btn_submit:active {
			position: relative;
			top: 1px;
		}

		.select_btn_wrp {
			text-align: center;
			background-color: #fff;
			box-sizing: border-box;
			padding: 20px 0;
		}

		.select_btn_span {
			font-style: italic;
		}

		.best_btn_wrp {
			text-align: center;
		}

		.best_btn_wrp > div {
			display: inline-block;
			margin: 4px;
			font-size: 0;
			position: relative;
			z-index: 10;
			cursor: pointer;
		}

		.best_btn_wrp > div .fly_prev {
			content: "";
			display: block;
			position: absolute;
			top: 2px;
			right: 2px;
			bottom: 2px;
			left: 2px;
			z-index: 1;
			background-color: rgba(255, 0, 0, 0.6);
			transition: 0.3s all;
		}

		#best_btn_left_top.best_btn_active #fly_prev_left_top {
			background-color: transparent;
			transform: translate(-150px, -150px);
			bottom: 100%;
			right: 100%;
		}

		#best_btn_right_top.best_btn_active #fly_prev_right_top {
			background-color: transparent;
			transform: translate(300px, -150px);
			bottom: 100%;
			right: 100%;
		}

		#best_btn_left_bottom.best_btn_active #fly_prev_left_bottom {
			background-color: transparent;
			transform: translate(-150px, 150px);
			bottom: 100%;
			right: 100%;
		}

		#best_btn_right_bottom.best_btn_active #fly_prev_right_bottom {
			background-color: transparent;
			transform: translate(300px, 150px);
			bottom: 100%;
			right: 100%;
		}

		.best_btn_left_top,
		.best_btn_right_top,
		.best_btn_left_bottom,
		.best_btn_right_bottom {
			display: block;
			width: 150px;
			height: 50px;
			border: 2px solid red;
			background-color: rgba(255, 255, 255, 0.55);
			position: fixed;
			z-index: 9999;
			transition: 0.3s all;
			pointer-events: none;
			opacity: 0;
		}

		.best_btn_left_top {
			left: 0;
			top: 0;
		}

		.best_btn_right_top {
			right: 0;
			top: 0;
		}

		.best_btn_left_bottom {
			left: 0;
			bottom: 0;
		}

		.best_btn_right_bottom {
			right: 0;
			bottom: 0;
		}

		.best_btn_left_top.btn_fix_active,
		.best_btn_right_top.btn_fix_active,
		.best_btn_left_bottom.btn_fix_active,
		.best_btn_right_bottom.btn_fix_active {
			opacity: 1;
			animation: btn_fix_active 2s infinite;
			transition-delay: 0.2s;
		}

		@keyframes btn_fix_active {
			0% {
				border: 4px solid red;
			}

			50% {
				border: 4px solid rgba(255, 0, 0, 0.2);
			}

			100% {
				border: 4px solid red;
			}
		}

		.best_btn_wrp > div > img {
			box-sizing: border-box;
			border: 2px solid transparent;
			position: relative;
			z-index: 2;
		}

		.best_btn_active img {
			border: 2px solid red !important;
		}

		#btn_for_public_wrp {
			min-height: 140px;
			border: 1px solid #ccc;
			max-width: 80%;
			margin: 20px auto;
			box-sizing: border-box;
			padding: 20px;
		}

		#btn_for_public_wrp > div {
			display: none;
			transition: 0.3s all;
			opacity: 0;
			transform: rotateY(90deg);
		}

		.btn_for_public textarea {
			width: 100%;
			min-height: 100px;
			box-sizing: border-box;
			padding: 5px 10px;
		}

		#block_bnr {
			position: fixed;
			top: 0;
			z-index: 5;
			width: 1920px;
			left: 50%;
			margin-left: -960px;
		}

		#block_bnr img {
			width: 100%;
			height: 100vh;
			min-height: 600px;
			box-shadow: 0 0 10px #000;
		}

		#block_bnr_left {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1000;
			width: 390px;
			height: 1100px;
			transition: 0.3s all;
		}

		#block_bnr_right {
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1000;
			width: 390px;
			height: 1100px;
			transition: 0.3s all;
		}

		.l2b_top_bnr img {
			object-fit: cover;
			object-position: 50% 50%;
		}

		#progress {
			position: fixed;
			z-index: 99999;
			top: 0;
			left: -6px;
			width: 1%;
			height: 3px;
			background: #ecb712;
			border-radius: 1px;
			transition: width 500ms ease-out, opacity 400ms linear;
		}

		.border_top_title {
			border-top: 2px solid #393333;
			box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.4) inset;
		}

		.servers_cat_sort_wrp {
			box-sizing: border-box;
			padding: 10px;
		}

		.servers_cat_sort_wrp a {
			color: #da8324;
			line-height: 30px;
		}

		.block_bnr {
			width: 100%;
			height: auto;
			box-sizing: border-box;
			padding: 10px;
			height: 160px;
			margin-bottom: 30px;
			text-align: center;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			border: 1px dashed #d8d8d8;
			box-sizing: border-box;
			line-height: 18px;
			border-radius: 3px;
			color: #6f767e;
			background-color: #f7fffd;
		}

		.bnr_code {
			display: none;
			visibility: hidden;
			opacity: 0;
			transition: 0.3s all;
		}

		.bnr_code textarea {
			color: #818c8a;
			font-size: 12px;
			height: 130px;
			resize: none;
			width: 100%;
		}

		.bnr_code_active {
			display: block;
			visibility: visible;
			opacity: 1;
		}

		.block_bnr textarea {
			width: 100%;
			max-width: 100%;
			height: auto;
			min-height: 100px;
			box-sizing: border-box;
			padding: 10px;
		}

		.block_bnr_btn {
			position: absolute;
			text-transform: uppercase;
			width: 120px;
		}

		.block_bnr_btn:hover {
			cursor: pointer;
		}

		.block_bnr_btn:before {
			font: normal normal normal 10px/1 FontAwesome;
			content: "";
			width: 10px;
			height: 10px;
			border-radius: 50%;
			overflow: hidden;
			border: 2px solid #000;
			position: absolute;
		}

		.l2b_active_b:before {
			content: "\f00c";
		}

		#block_bnr_btn_left_top {
			left: 10px;
			top: 10px;
			text-align: left;
			padding-left: 20px;
		}

		#block_bnr_btn_left_top:before {
			left: 0;
			top: 1px;
		}

		#block_bnr_btn_right_top {
			right: 10px;
			top: 10px;
			text-align: right;
			padding-right: 20px;
		}

		#block_bnr_btn_right_top:before {
			right: 0;
			top: 1px;
		}

		#block_bnr_btn_left_bottom {
			left: 10px;
			bottom: 10px;
			text-align: left;
			padding-left: 20px;
		}

		#block_bnr_btn_left_bottom:before {
			left: 0;
			top: 1px;
		}

		#block_bnr_btn_right_bottom {
			right: 10px;
			bottom: 10px;
			text-align: right;
			padding-right: 20px;
		}

		#block_bnr_btn_right_bottom:before {
			right: 0;
			top: 1px;
		}

		.bnr_900_wrp {
			flex-basis: 100%;
			padding: 0 0 10px;
			margin: 20px 25px;
		}

		.calendar {
			z-index: 20;
		}

		.page_form_style #dle-content {
			padding: 5%;
			box-sizing: border-box;
		}

		.highslide-controls a {
			transition: 0 all;
		}

		/* crumbs */

		.crumbs {
			color: #fff;
			margin-right: auto;
		}

		.crumbs__title {
			color: rgb(243, 108, 46);
			font-size: 14px;
			cursor: default;
		}

		.crumbs__desc,
		#dle-speedbar a {
			color: rgb(255, 186, 118);
			font-size: 12px;
			text-decoration: none;
			transition: 0.3s all;
			max-width: 220px;
		}

		#dle-speedbar a:hover {
			color: rgb(243, 108, 46);
		}

		.g-btn {
			color: rgb(99, 53, 53);
			text-transform: uppercase;
			text-decoration: none;
			font-size: 14px;
			font-weight: 700;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			height: 40px;
			border-radius: 3px;
			cursor: pointer;
			transition: 0.3s all;
			background-color: rgba(255, 119, 56, 0.9);
			border: 2px solid rgba(83, 40, 21, 0.61);
			box-sizing: border-box;
		}

		.g-btn_w_full {
			width: 100%;
		}

		.g-btn:hover {
			color: #fff;
			background-color: rgb(255, 98, 25);
		}

		.g-btn_mb {
			margin-bottom: 15px;
		}

		.g-btn_sub {
			padding: 0 40px;
		}

		.g-btn_style_grey {
			color: rgb(105, 105, 105);
			background-color: rgba(192, 192, 192, 0.9);
			border: 2px solid rgba(152, 152, 152, 0.6);
		}

		.g-btn_style_grey:hover {
			color: rgb(255, 255, 255);
			background-color: rgb(255, 98, 25);
			border: 2px solid rgba(177, 177, 177, 0.6);
		}

		.g-btn_style_min {
			color: rgb(105, 105, 105);
			background-color: rgb(234, 234, 234);
			border: 1px solid rgba(152, 152, 152, 0.6);
			height: 30px;
		}

		.g-btn_style_min:hover {
			color: rgb(255, 255, 255);
			background-color: rgb(255, 98, 25);
			border: 1px solid rgba(177, 177, 177, 0.6);
		}

		.g-btn_luck {
			color: rgb(255, 255, 255);
			background: rgb(255 147 0);
			border: 0;
			height: 30px;
			border-radius: 0;
		}

		.g-btn_luck:hover {
			color: rgb(255, 255, 255);
			background-color: rgb(255, 133, 77);
			border: 0;
			text-decoration: none;
		}



		.section-wrp {
			display: flex;
			align-items: flex-start;
			justify-content: space-around;
			padding: 0 20px 20px;
			flex-grow: 1;
		}

		.section-wrp_acb {
			align-items: center;
			justify-content: space-between;
			margin-top: 30px;
		}

		.section-wrp_submit-wrp {
			margin-top: 30px;
			justify-content: flex-end;
		}

		.section-right {
			width: 308px;
			flex-shrink: 0;
		}

		.section-left {
			flex-grow: 1;
			margin-right: 20px;
		}

		.section-fdc {
			display: flex;
			flex-direction: column;
			align-self: stretch;
			align-items: stretch;
			justify-content: stretch;
		}

		.block-worn {
			border: 2px dashed #d8d8d8;
			padding: 15px 20px;
			box-sizing: border-box;
			line-height: 18px;
			color: #6f767e;
			background-color: rgb(244, 244, 244);
		}

		.block-worn__fg {
			flex-grow: 1;
		}

		.list-info {
			list-style: disc inside;
		}

		.list-info__li {
			margin-bottom: 17px;
			line-height: 20px;
		}

		.list-info_link {
			font-weight: 700;
			color: #1677bd;
		}

		.add-info {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 20px;
		}

		.add-info_vert {
			flex-direction: column;
			align-items: flex-start;
			gap: 5px;
		}

		.add-info_share {
			flex-direction: column;
			text-align: left;
		}

		.add-info_style_bb {
			border-bottom: 1px solid #dcdfe1;
			padding-bottom: 15px;
		}

		.add-info_alert {
			border: 1px dashed #d8d8d8;
			padding: 15px 20px;
			box-sizing: border-box;
			line-height: 18px;
			border-radius: 3px;
			color: #6f767e;
			background-color: #ffebeb;
		}

		.add-info_style_bb:nth-last-child(1) {
			border-bottom: none;
			padding-bottom: 0;
		}

		.add-info_pos_last {
			margin-bottom: 0;
		}

		.add-info input,
		.add-info select,
		.add-info .chosen-container,
		.add-info textarea {
			height: 40px;
			background-color: #f4f4f4;
			box-sizing: border-box;
			border: 1px solid #dee0e2;
			border-radius: 5px;
			max-width: 420px !important;
			width: 350px !important;
			flex-shrink: 0;
		}

		.add-info .inpt {
			height: 40px;
			background-color: #f4f4f4;
			box-sizing: border-box;
			border: 1px solid #dee0e2;
			border-radius: 5px;
			max-width: 420px !important;
			width: 100% !important;
			flex-shrink: 0;
			min-width: 0;
		}

		.add-info__input_size_min {
			width: 200px !important;
		}

		.add-info_share input {
			width: 100% !important;
			margin-top: 8px;
			max-width: 100%;
		}

		.add-info textarea {
			height: 100px;
		}

		.add-info__name {
			box-sizing: border-box;
			padding-right: 20px;
		}

		.add-info_share .add-info__name {
			padding: 0;
			margin-right: auto;
		}

		.add-info__title {
			color: #535659;
			font-size: 12px;
			margin-bottom: 8px;
			display: flex;
			align-items: center;
		}

		.add-info__desc {
			font-size: 12px;
			color: #a3a8ab;
			line-height: 16px;
		}

		.ico-money {
			display: inline-block;
			background: url(../images/coin_m.png) no-repeat;
			width: 17px;
			height: 17px;
		}

		.ico-money_m_r {
			margin-right: 6px;
		}

		.ico-gift {
			display: inline-block;
			background: url(../images/gift.png) no-repeat;
			width: 14px;
			height: 14px;
		}

		.ico-gift_m_r {
			margin-right: 6px;
		}

		.ico-country {
			display: inline-block;
			background: url(../images/ico-country.png) no-repeat;
			width: 16px;
			height: 16px;
		}

		.ico-country_m_r {
			margin-right: 6px;
		}

		.more-about {
			border: 1px solid #dcdfe1;
			box-sizing: border-box;
			border-radius: 5px;
			margin-bottom: 30px;
		}

		.txt-pink {
			color: #e34a7f;
		}

		.txt-blue {
			color: #5791c7;
		}

		.txt-white {
			color: #fff;
		}


		.change-lang {
			display: inline-flex;
			height: 22px;
			width: 33px;
			border-radius: 5px;
			background-color: #20252a;
			box-sizing: border-box;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			flex-shrink: 0;
			margin: 10px 5px;
			cursor: pointer;
			transition: 0.3s all;
			opacity: 0.6;
		}

		.change-lang:hover {
			opacity: 1;
		}


		.inform {
		}

		.inform__panel {
			display: flex;
			align-items: center;
		}

		.header__inform {
			margin-left: auto;
		}

		.inform__balance {
			color: rgb(153, 140, 129);
			font-size: 12px;
		}

		.inform__balance-link {
			color: rgb(255 147 0);
			text-decoration: none;
		}

		.inform__currency {
			color: rgb(153, 140, 129);
			font-weight: normal;
		}

		/* heading */

		.heading {
			color: rgb(108, 108, 108);
			font-size: 15px;
			font-weight: 700;
			text-transform: uppercase;
			height: 30px;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			border-bottom: 1px solid rgb(225, 222, 220);
			cursor: default;
			background: rgb(245, 245, 245);
			box-shadow: 0 4px 5px rgba(0, 0, 0, 0.56);
		}

		.heading_type_1 {
			margin: 15px 0;
		}

		/* Оформление gw-checkbox */

		.gw-checkbox {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			margin: 10px 30px 10px 0;
		}

		.gw-checkbox__label {
			height: 14px;
			display: inline-flex;
			align-items: center;
			cursor: pointer;
			color: #26282c;
			font-size: 13px;
			box-sizing: border-box;
		}

		.gw-checkbox__block {
			display: inline-block;
			width: 14px;
			height: 14px;
			box-sizing: border-box;
			border-radius: 0;
			border: 1px solid #242524;
			position: relative;
			cursor: pointer;
			margin-right: 8px;
			flex-shrink: 0;
		}

		.gw-checkbox__block:after {
			content: "";
			background-color: rgb(75, 75, 75);
			border-radius: 50%;
			position: absolute;
			left: 1px;
			top: 1px;
			opacity: 0;
			pointer-events: none;
			border-radius: 0;
			width: 10px;
			height: 10px;
			transform: scale(0);
			transition: 0.2s all;
		}

		.gw-checkbox__input {
			display: none;
		}

		.gw-checkbox__input:checked ~ .gw-checkbox__block:after {
			opacity: 1;
			transform: scale(1);
		}

		.gw-checkbox__link {
			color: rgb(219, 99, 0);
		}

		/* server type */

		.server-type-wrp {
			display: flex;
			flex-wrap: wrap;
		}

		.gw-checkbox_server-type {
			width: 50%;
			box-sizing: border-box;
			padding-right: 5px;
			margin: 10px 0;
		}

		.gw-checkbox_server-type:hover .gw-checkbox__block {
			border: 1px solid rgb(156, 156, 156);
		}


		.e-list {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.e-list__link {
			display: flex;
			justify-content: center;
			align-items: center;
			width: calc(50% - 1px);
			font-size: 13px;
			color: rgb(255, 255, 255);
			background-color: rgb(108, 108, 108);
			transition: none;
			text-align: center;
			text-decoration: none;
			padding: 9px 0;
			border-radius: 0;
			margin-bottom: 2px;
			text-transform: uppercase;
			font-weight: 700;
			cursor: pointer;
			position: relative;
		}

		.e-list__link_w_100 {
			width: 100%;
		}

		.e-list__link:hover {
			text-decoration: none;
			background: rgb(255 147 0);
		}

		.e-list__link_color_orange {
			background: rgb(255 147 0);
		}

		.e-list__link_color_orange:hover {
			background: rgb(255, 135, 30);
		}

		.e-list__link_size_min {
			font-size: 12px;
			color: rgb(255, 255, 255);
			padding: 6px 0;
			text-transform: none;
		}


		.site-share__btns {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
		}

		.site-share__btn {
			width: calc(50% - 1px);
			margin-bottom: 2px;
			height: 50px;
			border: 2px solid rgb(244, 244, 244);
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			text-transform: uppercase;
			text-align: center;
			padding: 0 10px;
			line-height: 20px;
			font-weight: 700;
			color: rgb(117, 117, 117);
			cursor: pointer;
			background-color: #fff;
		}

		.site-share__btn:hover {
			border: 2px solid rgb(204, 204, 204);
			color: rgb(90, 90, 90);
			background-color: rgb(239, 239, 239);
		}

		.site-share__btn_active,
		.site-share__btn_active:hover {
			color: rgb(255, 255, 255);
			background-color: rgb(255, 98, 25);
			border: 2px solid rgba(177, 177, 177, 0.6);
		}

		.site-share__img-wrp {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			box-sizing: border-box;
			margin: 10px 0;
		}

		.site-share__copy {
			position: relative;
		}

		.site-share__result {
			position: absolute;
			top: calc(50% + 5px);
			left: 50%;
			transform: translateX(-50%);
			width: 200px;
			padding: 5px 10px;
			background-color: rgba(2, 2, 2, 0.76);
			color: rgb(140, 254, 81);
			border-radius: 3px;
			pointer-events: none;
			opacity: 0;
			visibility: hidden;
			transition: 0.3s all;
			font-size: 12px;
			text-align: center;
		}

		.site-share__result_active {
			visibility: visible;
			opacity: 1;
			top: calc(100% + 5px);
		}

		/* bar-side */

		.bar-side {
			position: absolute;
			left: 2px;
			top: 18px;
			font-size: 16px;
			z-index: 2;
			cursor: pointer;
			color: rgb(106, 112, 119);
		}

		.bar-side:hover {
			color: #000;
		}

		.mid_dirrection_left .bar-side {
			left: auto;
			right: 2px;
		}

		.bar-side__ico {
			transform: rotateY(180deg);
		}

		.mid_dirrection_left .bar-side__ico {
			transform: rotateY(0deg);
		}

		.bar-side__dirrection {
			display: none;
		}

		.bar-side__dirrection_left {
			display: inline;
		}

		.mid_dirrection_left .bar-side__dirrection_right {
			display: inline;
		}

		.mid_dirrection_left .bar-side__dirrection_left {
			display: none;
		}


		.filter {
			position: absolute;
			right: 2px;
			top: 18px;
			z-index: 2;
			cursor: pointer;
			color: rgb(106, 112, 119);
			font-size: 14px;
		}

		.filter:hover {
			color: #000;
		}

		.mid_dirrection_left .filter {
			right: auto;
			left: 2px;
		}

		.filter__dirrection {
			display: none;
		}

		.filter__dirrection_left {
			display: inline;
		}

		.mid_dirrection_left .filter__dirrection_right {
			display: none;
		}

		.mid_dirrection_left .filter__dirrection_left {
			display: inline;
		}


		/* fast-contacts */
.fast-contacts {
  display: flex;
  gap: 10px;
  width: 100%;
  justify-content: center;
}

.fast-contacts__box {
  flex: 1;
  display: flex;
  flex-direction: column; /* текст под иконкой */
  align-items: center;
  justify-content: center;
  padding: 15px;
  text-decoration: none;
  background: #f4f1f1;
  border-radius: 8px;
  transition: background 0.3s ease;
}

.fast-contacts__box:hover {
  background: #cfcfcf; /* чуть темнее при наведении */
  text-decoration: none; /* убираем подчёркивание */
}

.fast-contacts__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px; /* отступ текста от иконки */
}

.fast-contacts__ico svg {
  color: #888; /* светло-серый цвет иконок */
  opacity: 0.85;
  transition: color 0.3s ease, opacity 0.3s ease;
}

.fast-contacts__box:hover .fast-contacts__ico svg {
  color: #555; /* при наведении иконка становится чуть темнее */
  opacity: 1;
}

.fast-contacts__content {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  text-align: center; /* текст по центру */
  text-decoration: none; /* убираем подчёркивание */
}

/* на всякий случай фиксируем все состояния */
.fast-contacts__box,
.fast-contacts__box:hover,
.fast-contacts__box:focus {
  text-decoration: none;
}

		/* demonstration */

		.demonstration {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		}

		/* try-on */

		.try-on {
			display: flex;
			justify-content: space-between;
		}

		.try-on__g-btn {
			width: calc(25% - 6px);
			font-size: 12px;
			color: rgb(255, 255, 255);
			background: rgb(255 147 0);
			border: 0;
			border-radius: 0;
			height: 26px;
			transition: none;
		}

		.try-on__g-btn_type_gray {
			background-color: rgb(108, 108, 108);
		}

		.try-on__g-btn_active {
			box-shadow: 0 0 0 2px rgb(255, 197, 174), 0 0 0 3px rgba(0, 0, 0, 0.48);
		}

		/* adw */

		.adw-wrp {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			width: 100%;
			padding: 0 20px 30px;
			box-sizing: border-box;
		}

		.adw-wrp__side {
			padding: 0 20px;
			box-sizing: border-box;
			border: 1px solid #dcdfe1;
			/* border-radius: 5px; */
			background-color: rgb(251, 251, 251);
			color: #687079;
			font-size: 14px;
			width: 100%;
		}

		.adw-wrp__side_no_bg {
			background-color: transparent;
		}

		.adw-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			width: 100%;
			height: 45px;
			border-bottom: 1px dashed #dcdfe1;
		}

		.adw-about {
			line-height: 20px;
		}

		.adw-item__title {
			color: rgb(255, 81, 0);
			text-transform: uppercase;
			font-size: 14px;
			font-weight: 700;
		}

		.adw-item:nth-last-child(1) {
			border-bottom: none;
		}

		/* rel-box */

		.rel-box {
			box-sizing: border-box;
			padding: 0 30px;
		}

		/* upanel */

		.upanel {
			display: flex;
			align-items: center;
			box-sizing: border-box;
			padding-top: 20px;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}

		.upanel__avatar {
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			border-radius: 50%;
			flex-shrink: 0;
			width: 50px;
			height: 50px;
			margin-right: 20px;
		}

		/* blng */

		.blng {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			margin-bottom: 40px;
		}

		/*  colorp */

		.colorp {
			position: relative;
			z-index: 0;
			width: 100%;
		}

		.colorp__box {
			opacity: 0;
			visibility: hidden;
			display: none;
			position: absolute;
			left: 50%;
			bottom: 100%;
			transform: translateX(-50%);
		}

		.colorp:hover .colorp__box {
			opacity: 1;
			visibility: visible;
			display: block;
		}

		/* tbl */

		.tbl {
			border: 1px solid rgba(221, 221, 221, 0.2);
			border-collapse: collapse;
			width: 100%;
			background: #3d4e5e36;
		}

		.tbl__row:not(.tbl__row_heading):hover {
			background: #3d4e5e36;
		}

		.tbl__item {
			padding: 15px 10px;
			border: 1px solid rgba(221, 221, 221, 0.2);
			text-align: center;
			height: 45px;
			box-sizing: border-box;
			vertical-align: middle;
		}

		.tbl__heading {
			font-weight: bold;
		}

		.tbl__item_title {
			font-weight: bold;
		}

.switcher{grid-template-columns:1fr 1fr;gap:10px;height:40px;width:calc(100% - 10px * 2);margin:20px 10px;display:none}.switcher__btn{box-sizing:border-box;border:2px solid #6c6c6c;display:flex;justify-content:center;align-items:center;padding:5px;font-size:13px;text-transform:uppercase;cursor:pointer;text-align:center;color:#3c3b3b;font-weight:bold;border-radius:6px}.switcher__btn:hover{color:#aa400b}.switcher__btn_active,.switcher__btn_active:hover{border:2px solid #f06b2a;color:#aa400b;background:rgba(240,107,42,0.21);pointer-events:none}


		.color-warning {
			color: #d00a0a;
		}

		.color-info {
			color: #d09b0a;
		}

		.color-success {
			color: #0ad02b;
		}

		.color-success {
			color: #0ad02b;
		}
@media (max-width: 768px) {
    .wrapper {
        margin: -600px auto 0;
    }
}

/* ======================================================== */
/* ЗАЩИТА ШАПКИ И ПРИОРИТЕТ СЛОЕВ                           */
/* ======================================================== */
.header {
  position: relative !important;
  z-index: 100 !important;
}

/* Общий контейнер управления в шапке */
.header-nav-container {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  .header-nav-container {
    justify-content: space-between;
  }
}

/* Блок переключателя языков */
.lang-switcher {
  display: inline-flex;
  flex-direction: row;
  font-family: "Onest", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* Общие стили для всех кнопок переключателя */
.lang-btn {
  min-width: 45px; 
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #374151;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 700;
  margin-left: 10px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: #e5e7eb;
  background-color: transparent;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.lang-btn:hover, .lang-btn:focus, .lang-btn:active, .lang-btn.active {
  text-decoration: none !important;
}

.lang-btn:hover {
  background-color: #1f2937;
}

/* Скругления для блока языков */
.lang-en { border-radius: 8px 0 0 8px; }
.lang-ru { border-radius: 0 8px 8px 0; margin-left: -1px; }

/* Mobile-кнопка меню */
.lang-mob-menu {
  display: none; 
  border-radius: 8px; 
  cursor: pointer;
}

@media (max-width: 767px) {
  .lang-mob-menu { display: inline-block; }
}

/* Подсветка активных элементов переключателя */
.lang-btn.active {
  border: 1px solid #fb923c !important; 
  background-color: rgba(251, 146, 60, 0.08) !important; 
  position: relative; 
  z-index: 1;
}

/* ======================================================== */
/* СТИЛИ НОВЫХ КНОПОК ИЗ ФУТЕРА                             */
/* ======================================================== */
.mob-menu-wrapper {
  padding: 20px 10px 15px 10px !important;
  box-sizing: border-box;
  width: 100%;
}

.f-menu-btn {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background-color: #222222 !important; 
  color: #e0e0e0 !important;
  border: 1px solid #2d2d2d !important; 
  border-radius: 6px !important;
  padding: 11px 14px !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  margin: 0 !important;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
  font-family: "Onest", sans-serif;
}

.f-menu-btn:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Кнопки с оранжевым текстом */
.f-menu-btn.btn-orange {
  color: #fb923c !important; 
  font-weight: 700 !important;
  margin-bottom: 12px !important;
}
.f-menu-btn.btn-orange:hover {
  color: #ffaa66 !important;
}

.f-menu-btn.btn-random {
  margin-top: 15px !important; 
  margin-bottom: 0 !important;
}

/* Кнопка «Топ сервера» */
.f-menu-btn.btn-text-orange {
  color: #fb923c !important;
}
.f-menu-btn.btn-text-orange:hover {
  color: #ffaa66 !important;
}

/* Кнопка «Сегодня» */
.f-menu-btn.btn-green-bold {
  color: #4ade80 !important; 
  font-weight: 700 !important;  
}
.f-menu-btn.btn-green-bold:hover {
  color: #22c55e !important;
}

/* Сетка для блоков кнопок */
.f-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Тонкая разделительная черта */
.f-menu-line {
  height: 1px;
  background-color: #2d2d2d; 
  width: 100%;
  margin: 15px 0 !important; 
}

/* ======================================================== */
/* ИЗОЛИРОВАННОЕ МОБИЛЬНОЕ МЕНЮ                             */
/* ======================================================== */
.mob-space-hidden {
  display: block;
  position: absolute;
  left: 0;
  top: 0px; 
  width: 100%;
  height: auto; 
  box-sizing: border-box;
  background-color: #161616; 
  border-bottom: 1px solid #222222;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 10 !important;
  transition: opacity 0.25s ease-in-out, visibility 0.25s;
}

/* ======================================================== */
/* ИСПРАВЛЕННЫЙ ФИЗИЧЕСКИЙ СДВИГ БЛОКА .MID ДЛЯ ФУТЕРА      */
/* ======================================================== */
.mid {
  /* Включаем плавную анимацию для margin-top вместо transform */
  transition: margin-top 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}