html, body, div, span, applet, object, iframe, button, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
* {
	margin:0px;
	padding:0px;
	-webkit-touch-callout:none;                /* prevent callout to copy image, etc when tap to hold */
	-webkit-text-size-adjust:none;             /* prevent webkit from resizing text to fit */
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */
	outline:0 !important;
	outline-offset:0 !important;
}
::selection {
	background: rgb(55, 84, 102); /* Safari */
}
::-moz-selection {
	background: rgb(55, 84, 102); /* Firefox */
}
b, strong {
  font-weight: 700;
}

:active,:hover,:focus {
	outline:0 !important;
	outline-offset:0 !important;
}
::-moz-focus-inner {border: 0px !important;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgb(140, 154, 169);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgb(140, 154, 169);
   opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgb(140, 154, 169);
   opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: rgb(140, 154, 169);
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: rgb(140, 154, 169);
}

::placeholder { /* Most modern browsers support this now. */
   color: rgb(140, 154, 169);
}
/*---------------------------------------------------------------------------------*/

:root {
  scrollbar-color: #9ea1ab #1a2026;
  --a-link-color: rgb(169, 171, 181);
  --a-link-hover-color: rgb(255, 255, 255);
  --content-bg: rgb(26, 32, 38);
  --content-shadow: 0px 0px 50px rgba(0, 0, 0, 0.7);
  --left-colonn-a-color: rgb(169, 171, 181);
  --left-colonn-bg: rgb(22, 26, 30);
  --left-colonn-txt-color: rgb(255, 255, 255);
  --x-today-txt-bg: linear-gradient(to right, rgba(0, 0, 0, 0),rgb(53, 75, 38));
  --x-today-date-color: rgb(55, 229, 118);
  --x-tomorrow-txt-bg: linear-gradient(to right, rgba(0, 0, 0, 0),rgb(75, 54, 38));
  --x-tomorrow-date-color: rgb(255, 194, 78);
  --x-yesterday-txt-bg: linear-gradient(to right, rgba(0, 0, 0, 0),rgb(38, 54, 75));
  --x-yesterday-date-color: rgb(121, 165, 230);
  --breakline-bg-vips: none;
  --breakline-bg: none;
  --serverrow-name-a-color: rgb(133, 158, 185);
  --serverrow-goldvip-bg: linear-gradient(-10deg, rgba(0, 0, 0, 0), rgb(89, 0, 196), rgb(25, 0, 113), rgb(89, 0, 196), rgb(25, 0, 113), rgb(89, 0, 196), rgba(0, 0, 0, 0));
  --serverrow-supervip-bg: linear-gradient(-10deg, rgba(0, 0, 0, 0), rgb(110, 0, 0), rgb(70, 0, 0), rgb(110, 0, 0),rgba(0, 0, 0, 0));
  --serverrow-namevip-a-color: rgb(255, 194, 78);
  --serverrow-chronics-bg: rgba(23, 25, 26, 0.6);
  --serverrow-datetime-bg: rgba(23, 25, 26, 0.6);
  --serverrow-datetimetoday-color: rgb(55, 229, 118);
  --serverrow-datetimetoday-bg: rgba(0, 0, 0, 0);
  --serverrow-datetimetomorrow-color: rgb(255, 194, 78);
  --serverrow-datetimetomorrow-bg: rgba(0, 0, 0, 0);
  --serverrow-datetimeyesterday-color: rgb(121, 165, 230);
  --serverrow-datetimeyesterday-bg: rgba(0, 0, 0, 0);
  --serverrow-chronics-txt-color: rgb(140, 154, 169);
  --serverrow-noicon-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3ClinearGradient id='A' x1='7.98' x2='500.52' y1='7.98' y2='500.52' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%235e5e62'/%3E%3Cstop offset='1' stop-color='%233f3f42'/%3E%3C/linearGradient%3E%3Cg fill='url(%23A)'%3E%3Cpath d='M256 35a221.07 221.07 0 0 1 86 424.65 221.07 221.07 0 0 1-172-407.3A219.64 219.64 0 0 1 256 35m0-35C114.62 0 0 114.62 0 256s114.62 256 256 256 256-114.62 256-256S397.38 0 256 0z'/%3E%3Ccircle cx='256' cy='256' r='131'/%3E%3C/g%3E%3C/svg%3E");
  --nav-item-color: rgb(169, 171, 181);
  --nav-item-color-hover: rgb(217, 205, 170);
  --nav-item-color-hover-mainmenu: rgb(255, 255, 255);
  --button-bg: linear-gradient(0deg, rgb(49, 56, 68), rgb(24, 29, 36)) 0% 100% / 100% 180%;
  --button-bg-hover: background-position: 0% 50%;
  --textarea-button-border: 0px solid rgb(47, 50, 57);
  --textarea-button-color: rgb(140, 154, 169);
  --regform-2-input-border: 0px solid rgb(47, 50, 57);
  --regform-2-input-color: rgb(255, 255, 255);
  --regform-2-select-border: 0px solid rgb(47, 50, 57);
  --regform-2-select-color: rgb(255, 255, 255);
  --regform-2-select-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23CCC' fill-rule='evenodd' d='M8,0L4.141,6.993,0.012,0.156Z'/%3E%3C/svg%3E%0A");
  --regform-2-calendar-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='h-6 w-6 text-gray-400' fill='none' fill-rule='evenodd' viewBox='0 0 24 24' stroke='%23CCC'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z'%3E%3C/path%3E%3C/svg%3E");
  --regform-button-color: rgb(169, 171, 181);
  --regform-button-color-hover: rgb(255, 255, 255);
  --messenger-bg: rgb(85, 26, 26);
  --tabs-input-radio-bg: linear-gradient(130deg, rgb(61, 63, 75), rgb(49, 52, 61));
  --tabs-input-radio-hover-bg: linear-gradient(130deg, rgb(72, 75, 89), rgb(49, 52, 61));
  --tabs-label-color: rgb(169, 171, 181);
  --header-menu-mobile-bg: rgb(0, 0, 0);
  --menu-anchors-fixed-mobile-bg: rgb(0, 0, 0);
  --red-txt-color: rgb(217, 205, 170);
  --green-txt-color: rgb(55, 229, 118);

  --svg-bs: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 128 128' preserveAspectRatio='xMidYMid meet'%3E%3CradialGradient id='A' cx='68.884' cy='124.296' r='70.587' gradientTransform='matrix(-1 -.00434 -.00713 1.6408 131.986 -79.345)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.314' stop-color='%23ff9800'/%3E%3Cstop offset='.662' stop-color='%23ff6d00'/%3E%3Cstop offset='.972' stop-color='%23f44336'/%3E%3C/radialGradient%3E%3Cpath d='M35.56 40.73c-.57 6.08-.97 16.84 2.62 21.42 0 0-1.69-11.82 13.46-26.65 6.1-5.97 7.51-14.09 5.38-20.18-1.21-3.45-3.42-6.3-5.34-8.29-1.12-1.17-.26-3.1 1.37-3.03 9.86.44 25.84 3.18 32.63 20.22 2.98 7.48 3.2 15.21 1.78 23.07-.9 5.02-4.1 16.18 3.2 17.55 5.21.98 7.73-3.16 8.86-6.14a1.78 1.78 0 0 1 2.98-.56c8.8 10.01 9.55 21.8 7.73 31.95-3.52 19.62-23.39 33.9-43.13 33.9-24.66 0-44.29-14.11-49.38-39.65-2.05-10.31-1.01-30.71 14.89-45.11 1.18-1.08 3.11-.12 2.95 1.5z' fill='url(%23A)'/%3E%3CradialGradient id='B' cx='64.921' cy='54.062' r='73.86' gradientTransform='matrix(-.0101 .9999 .7525 .0076 26.154 -11.267)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.214' stop-color='%23fff176'/%3E%3Cstop offset='.328' stop-color='%23fff27d'/%3E%3Cstop offset='.487' stop-color='%23fff48f'/%3E%3Cstop offset='.672' stop-color='%23fff7ad'/%3E%3Cstop offset='.793' stop-color='%23fff9c4'/%3E%3Cstop offset='.822' stop-color='%23fff8bd' stop-opacity='.804'/%3E%3Cstop offset='.863' stop-color='%23fff6ab' stop-opacity='.529'/%3E%3Cstop offset='.91' stop-color='%23fff38d' stop-opacity='.209'/%3E%3Cstop offset='.941' stop-color='%23fff176' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cpath d='M76.11 77.42c-9.09-11.7-5.02-25.05-2.79-30.37.3-.7-.5-1.36-1.13-.93-3.91 2.66-11.92 8.92-15.65 17.73-5.05 11.91-4.69 17.74-1.7 24.86 1.8 4.29-.29 5.2-1.34 5.36-1.02.16-1.96-.52-2.71-1.23a16.09 16.09 0 0 1-4.44-7.6c-.16-.62-.97-.79-1.34-.28-2.8 3.87-4.25 10.08-4.32 14.47C40.47 113 51.68 124 65.24 124c17.09 0 29.54-18.9 19.72-34.7-2.85-4.6-5.53-7.61-8.85-11.88z' fill='url(%23B)'/%3E%3C/svg%3E");
  --svg-obt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 100 100' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3ClinearGradient id='a' x1='6.723' x2='93.567' y1='6.578' y2='93.422' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='1' stop-color='%23fff0b3' offset='0'%3E%3C/stop%3E%3Cstop stop-opacity='1' stop-color='%23c2853e' offset='0.542'%3E%3C/stop%3E%3Cstop stop-opacity='1' stop-color='%238e591b' offset='1'%3E%3C/stop%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M57.615 10.81c-3.382-5.643-11.56-5.643-14.941 0l-1.86 3.105a8.71 8.71 0 0 1-9.588 3.971l-3.51-.88c-6.382-1.599-12.164 4.184-10.565 10.565l.88 3.51a8.71 8.71 0 0 1-3.972 9.588l-3.104 1.86c-5.643 3.382-5.643 11.56 0 14.942l3.104 1.86a8.71 8.71 0 0 1 3.972 9.587l-.88 3.51c-1.6 6.382 4.183 12.165 10.565 10.566l3.51-.88a8.71 8.71 0 0 1 9.588 3.971l1.86 3.105c3.382 5.643 11.56 5.643 14.941 0l1.86-3.105a8.709 8.709 0 0 1 9.588-3.971l3.51.88c6.382 1.599 12.164-4.184 10.565-10.565l-.88-3.51a8.709 8.709 0 0 1 3.972-9.588l3.104-1.86c5.643-3.382 5.643-11.56 0-14.941l-3.104-1.86a8.71 8.71 0 0 1-3.972-9.588l.88-3.51c1.6-6.382-4.183-12.165-10.565-10.565l-3.51.88a8.71 8.71 0 0 1-9.588-3.972zm-7.47 55.856c9.204 0 16.666-7.462 16.666-16.666s-7.462-16.666-16.666-16.666S33.479 40.796 33.479 50s7.461 16.666 16.666 16.666z' clip-rule='evenodd' opacity='1' data-original='url(%23a)' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  --svg-diamond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M8.334 6.482l8 1.003 4.527-3.678L16.103 1.8l-8.412.206-4.347 2.315 4.99 2.161z' fill='%23b8c8ff'/%3E%3Cpath d='M8.334 6.482l-2.006 5.582 11.576.386-2.135-5.968H8.334z' fill='%239da3ff'/%3E%3Cpath d='M15.769 6.482l5.093-2.675L24 7.15l-6.379 4.99-1.852-5.659z' fill='%23cfdfff'/%3E%3Cpath d='M3.344 4.321L0 8.257l6.328 3.807 2.006-5.582-4.99-2.161z' fill='%23bacaff'/%3E%3Cpath d='M6.328 12.064l6.045 10.418 5.248-10.341-11.293-.077z' fill='%23634bff'/%3E%3Cpath d='M0 8.257l12.373 14.225-6.045-10.418L0 8.257z' fill='%237476f2'/%3E%3Cpath d='M24 7.15L12.373 22.482l5.248-10.341L24 7.15z' fill='%238f94ff'/%3E%3Cpath d='M3.344 4.321l17.518-.514L16.103 1.8l-8.412.206-4.347 2.315z' fill='%23c5d6fc'/%3E%3Cpath d='M6.328 12.064s.437-2.804 2.006-5.582c-.386 2.341-2.006 5.582-2.006 5.582zm9.441-5.582c-.231 1.466 1.569 5.35 1.852 5.659-.077-1.929-1.852-5.659-1.852-5.659z' fill='%23b8c8ff'/%3E%3C/svg%3E") no-repeat;
  --svg-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath d='M129.5 1.274l40.342 73.366 82.051 15.806-57.117 61.149 10.368 83.132-75.644-35.578-75.645 35.577 10.368-83.132L7.107 90.445l82.05-15.806L129.5 1.274' fill='%23fc0'/%3E%3C/svg%3E") no-repeat;
  --svg-crown: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 128 128' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath fill='%23ffca3a' d='M112 64c0 4.854-6.622 8.6-8.044 12.983-1.475 4.54 1.628 11.455-1.122 15.234-2.777 3.817-10.331 2.989-14.148 5.766-3.779 2.75-5.31 10.2-9.85 11.679C74.456 111.085 68.854 106 64 106s-10.456 5.085-14.836 3.662c-4.54-1.474-6.072-8.929-9.85-11.679-3.817-2.778-11.371-1.95-14.149-5.766-2.75-3.779.353-10.694-1.121-15.234C22.622 72.6 16 68.854 16 64s6.622-8.6 8.044-12.983c1.475-4.54-1.628-11.455 1.122-15.234 2.777-3.817 10.331-2.989 14.148-5.766 3.779-2.75 5.31-10.2 9.85-11.679C53.544 16.915 59.146 22 64 22s10.456-5.085 14.836-3.662c4.54 1.474 6.072 8.929 9.85 11.679 3.817 2.778 11.371 1.95 14.149 5.766 2.75 3.779-.353 10.694 1.121 15.234C105.378 55.4 112 59.146 112 64z' opacity='1' data-original='%23ffca3a' class=''%3E%3C/path%3E%3Ccircle cx='64' cy='64' r='31.611' fill='%23d97e08' opacity='1' data-original='%23f99410' class=''%3E%3C/circle%3E%3Cpath fill='%23fffae3' d='M61.252 74.7a3.5 3.5 0 0 1-2.476-1.025l-8.9-8.9a3.5 3.5 0 0 1 4.951-4.949l6.424 6.424 11.92-11.921a3.5 3.5 0 0 1 4.951 4.949l-14.4 14.4a3.5 3.5 0 0 1-2.47 1.022z' opacity='1' data-original='%23fffae3'%3E%3C/path%3E%3C/g%3E%3C/svg%3E") no-repeat;
  --svg-youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='800' width='800' viewBox='0 0 58 58'%3E%3Ccircle cx='29' cy='29' r='29' fill='%23822c15'/%3E%3Cpath d='M44 29L22 44V29.273 14z' fill='%23e34419'/%3E%3Cpath d='M22 45a.99.99 0 0 1-.467-.116A1 1 0 0 1 21 44V14a1 1 0 0 1 1.564-.826l22 15a1 1 0 0 1-.001 1.652l-22 15A1 1 0 0 1 22 45zm1-29.107v26.215L42.225 29 23 15.893z' fill='%23ff7a59'/%3E%3C/svg%3E") no-repeat;
}

/*---------------------------------------------------------------------------------*/
body {
	background-color: rgb(49, 8, 8);
	width: 100%;
	margin: 0px;
	padding: 0px;
	color: rgb(255, 255, 255);
	font-family: "Commissioner", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	line-height: normal;
}
a:link, a:visited {color: var(--a-link-color); text-decoration:none; transition: 0.08s linear !important;}
a:hover {color: var(--a-link-hover-color); text-decoration:none;}

h1{font-size:16px;}
h2{font-size:22px;}
h3{font-size:16px;}
h4{font-size:16px;}


.advwall {
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 600px;
}

.advwall img {
	position: absolute;
	width: 100%;
	min-height: 100%;
	object-position: top;
	object-fit: cover;
}

#snowCanvas {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none; /* Чтобы не блокировать клики */
}

.header{width: 1140px;height:270px;margin:0px auto;position:relative;}

.logo {
	z-index: 5;
	position: relative;
	width: 190px;
	height: 80px;
	text-align: center;
	top: -2px;
	left: 20px;
}
.logo h1 {
	position: relative;
	display: block;
	top: 0px;
	font-size: 11px;
	font-weight: 500;
	color: rgb(129, 154, 181);
}
.logohref {
	display: block;
	position: absolute;
	width: 190px;
	height: 80px;
	border: none !important;
	z-index: 10;
}
.logo_letters {
	font-size: 50px;
	font-weight: 1000;
	position: relative;
	top: 0px;
	background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(255, 255, 255), rgb(39, 51, 68));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.logo_def {
	font-size: 20px;
	position: relative;
	top: -4px;
	left: 2px;
	font-weight: 1000;
	background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(129, 154, 181));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.logo_desc {
	position: relative;
	display: block;
	top: 0px;
	font-size: 11px;
	font-weight: 500;
	color: rgb(129, 154, 181);
}

.content {
	z-index: 1;
	/*background: linear-gradient(to bottom, rgb(65, 83, 102), rgba(0, 0, 0, 0)) no-repeat top / 100% 120px, rgb(26, 32, 38);*/
	background: linear-gradient(to bottom, rgba(65, 83, 102, 0.30), rgb(47, 58, 70) 50px, rgb(26, 32, 38) 150px) no-repeat top / 100%;
	width: 1160px;
	position: relative;
	margin: 0 auto;
	border-radius: 20px;
	/*box-shadow: var(--content-shadow);*/
	margin-top: max(250px, 12%);
}

.menu_anchors_space {
	display: none;
}
.open_anchor {
	display: none;
}
#menu_anchors {
	display:none;
}
#menu_anchors a {
	line-height: 40px;
	margin: 0px 6px 0px 6px;
	font-size: 16px;
	padding: 5px 15px 5px 15px;
	border-radius: 7px;
	background: rgb(45, 58, 70);
	font-weight: 600;
}
#menu_anchors a:hover{
	background-color: rgb(45, 58, 70);
	color: #fff !important;
}

.anchor_new {
	color: rgb(102, 234, 141) !important;
}
.anchor_open {
	color: rgb(102, 172, 234) !important;
}


/** mobile menu begin **/
	.container_menu {
		position: relative;
		height: 100px;
		width: 100%;
		display: flex;
		align-items: center;
	}
	.header__menu {
		position: relative;
		width: max-content;
		height: max-content;
		top: 0px;
		margin-left: 40px;
	}
	.header__list {
		display: flex;
	}
	a.nav__item:hover {
		color: var(--nav-item-color-hover-mainmenu);
		background-position: var(--button-bg-hover);
	}
	.nav__item {
		display: inline;
		padding: 15px 20px 15px 20px;
		border-radius: 7px;
		margin-right: 5px;
		font-weight: 700;
		background: var(--button-bg); 
		box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
	}
	.header__burger {
		display: none;
	}
/** mobile menu end **/


ul.slides_rotator {
	position: relative;
    list-style: none;
}


.advtopdiv {position:relative;top:17px;right:17px;float:right;}

.social-add {float: right;position: relative;margin-right: 25px;}
.social-add a{margin:0 5px auto;padding: 0px;}

.social-links {width:240px;height:200px;margin:0 auto;text-align:right; font-weight:500; margin-top: 30px;line-height: 25px;}
.social-seo {color: rgb(59, 84, 109) !important;}
.volet {
	display: block;
	background: linear-gradient(30deg, rgb(34, 54, 55), rgb(33, 44, 51), rgb(31, 52, 53), rgb(59, 108, 74));
	box-sizing: border-box;
	padding: 10px;
	position: relative;
	width: 190px;
	height: 58px;
	font-size: 12px;
	line-height: 17px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: 0;
	border-radius: 7px;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}

.left-colonn{
	position: relative;
	float:left;
	width:872px;
	text-align:center;
	border-radius: 20px;
	margin: 0px 0px 100px 17px;
	background: var(--left-colonn-bg);
	padding-bottom: 30px;
	color: var(--left-colonn-txt-color);
	box-shadow: 0px 0px 20px rgb(35, 41, 47);
}
.left-colonn a{color: var(--left-colonn-a-color);}
.left-colonn a:hover{}
.right-colonn{position: relative;float:left;width:240px;margin-left: 15px;}



.inner {
	width: 650px;
	margin: 20px auto 20px auto;
	border-radius: 20px;
	padding-bottom: 20px;
	line-height: 20px;
}
.inner h1, h2, h3 {
	font-size: 18px;
	font-weight: 600;
}
.newsadd1 {
	position:relative;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	font-weight: 400;
}
.newscontacts1 {
	position:relative;
	text-align:center;
	margin:0 auto;
	padding-top:20px;
	font-weight: 400;
}
.newscontacts2 {
	position:relative;
	text-align:left;
	margin:0 auto;
	display: table;
	padding-top: 20px;
	line-height: 30px;
}

.chroniclesdiv{
	position:relative;
	width:240px;
	margin: 0px 18px 0px 0px;
	text-align:center;
	margin:0 auto;
}

.CHRON_head, .RATES_head {
	font-size: 16px;
	padding: 25px 0px 10px 0px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
}

.chronrow{
	float: left;
	width: 120px;
}
.chroncell{
	display: flex;
	font-size: 13px;
	border-radius: 7px;
	font-weight: 600;
	background: var(--button-bg);
	height: 31px;
	align-items: center;
	justify-content: center;
	margin: 5px 2px 5px 2px;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}

.arthref {
	display: flex;
	width: 600px;
	font-size: 14px;
	border: none !important;
	border-radius: 7px;
	font-weight: 600 !important;
	background: linear-gradient(0deg, rgb(53, 38, 25), rgb(115, 98, 65)) 0% 100% / 100% 180%;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin: 10px 10px 10px 10px;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}

.breakerright{clear: both;}

.ratesdiv{
position:relative;
width:240px;
margin: 0px 18px 0px 0px;
text-align:center;
margin:0 auto;
}
.ratesrow {
	float: left;
	width: 80px;
}
.ratesrow_ggg {
	float: left;
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ratescell {
	display: flex;
	font-size: 13px;
	border-radius: 7px;
	font-weight: 600;
	background: var(--button-bg);
	height: 31px;
	align-items: center;
	justify-content: center;
	margin: 5px 2px 5px 2px;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}
.ratescell_rvr, .ratescell_gve {
	display: flex;
	font-size: 13px;
	border-radius: 7px;
	font-weight: 600;
	background: var(--button-bg);
	height: 31px;
	align-items: center;
	justify-content: center;
	margin: 5px 2px 5px 2px;
	width: 100px;
	float: left;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}
.ratescell:hover, .ratescell_rvr:hover, .ratescell_gve:hover, .chroncell:hover {
	background-position: var(--button-bg-hover);
}

.ratesx {font-size: 10px;font-weight: 500;margin-right: 1px;}

.adv468x60 {
	width: 468px;
	height: 60px;
	position: relative;
	top: 0px;
	right: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
}
.adv468x60 img {border-radius: 7px; width: 468px; height: 60px;}

.adv240x400 {width:240px;height:400px;margin:0 auto;border: none; display:flex; align-items:center; justify-content:center;}
.adv240x400 img {border-radius: 7px;}


#cookie-banner {
	z-index: 100;
	position: fixed;
	bottom: 0;
	right: 0;
	width: fit-content;
	background: rgba(0, 0, 0, 0.6);
	color: rgb(255, 255, 255);
	padding: 10px 20px;
	border-radius: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	align-items: center;
	margin: 0px 10px 10px 10px;
	font-family: "Commissioner", sans-serif;
}

#accept-cookies {
	margin-left: 10px;
	background: var(--button-bg);
	color: var(--a-link-color);
	border: none;
	border-radius: 9px;
	padding: 8px 16px;
	cursor: pointer;
	font-family: "Commissioner", sans-serif;
	font-size: 14px;
	font-weight: 600;
}

#accept-cookies:hover {
	background-position: var(--button-bg-hover);
	color: var(--regform-button-color-hover);
}


.footer {margin:0 auto;text-align:center;top:0px;position:relative;width:1000px; padding-bottom: 20px;}
.footertxt {margin: 0 auto; width: 1000px; padding-bottom: 10px; color: rgb(140, 154, 169); font-size: 13px; text-align: left;}
.footertxt h2 {
	padding: 0px 0px 10px 0px;
}
.footertxt h3 {
	padding: 5px 0px 2px 0px;
	font-size: 14px;
}
.footertxt p {
	padding: 0px 0px 5px 0px;
}
.footertxt ul {
	list-style-type: none;
}
.footertxt li {
	margin-left: 13px;
	line-height: 19px;
}
.footertxt li:before {
	content: '•';
	color: inherit;
	display: inline-block;
	width: 10px;
	font-size: 20px;
	line-height: 0;
	top: 2px;
	position: relative;
}

.N_head, .O_head {
	font-size: 18px;
	padding: 10px 0px 10px 0px;
	font-weight: 600;
}

.head_break {
	padding: 30px 0px 0px 0px;
}

.N {
position:relative;
float:left;
width:425px;
margin: 0px 0px 0px 7px;
}
.O {
position:relative;
float:left;
width:425px;
margin: 0px 0px 0px 7px;
}




.x_today_div, .x_tomorrow_div, .x_yesterday_div {
	border-radius: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.x_today_div {

}
.x_today_txt {
	display: block;
}
.x_today_date {
	display: block;
	font-size: 13px;
	color: var(--x-today-date-color);
}

.x_tomorrow_div {

}
.x_tomorrow_txt {
	display: block;
}
.x_tomorrow_date {
	display: block;
	font-size: 13px;
	color: var(--x-tomorrow-date-color);
}

.x_yesterday_div {

}
.x_yesterday_txt {
	display: block;
}
.x_yesterday_date {
	display: block;
	font-size: 13px;
	color: var(--x-yesterday-date-color);
}

.stream{width:390px;height:225px;border: 1px solid rgb(0, 0, 0);margin:0 auto;margin-top: 3px;}

.breakline_vips {height:3px; margin: auto; width:320px; background: none;}
.breakline {height:3px; margin: auto; width:320px; background: var(--breakline-bg);}
.breakerrow {height:0px;}




.modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
}

.modal.show {
  opacity: 1;
  pointer-events: auto;
}

.modal_content {
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  width: 80%;
  max-width: 800px;
  transform: translateY(-20px);
  transition: transform 0.3s ease;
}

.modal.show .modal_content {
  transform: translateY(0);
}

.modal_iframe {
  width: 100%;
  height: 450px;
}

.close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  color: white;
  cursor: pointer;
}



.video_btn {
	width: 18px;
	height: 18px;
	display: block;
	margin-left: 3px;
	margin-top: 11px !important;
	position: relative;
	cursor: pointer;
	z-index: 10;
	background: var(--svg-youtube);
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

.obt {
	background: var(--svg-obt);
	margin-top: 12px !important;
}
.bs {
	background: var(--svg-bs);
	margin-top: 11px !important;
}
.obt, .bs {
	width: 18px;
	height: 18px;
	display: block;
	margin-left: 3px;
	position: relative;
	cursor: help;
	z-index: 10;
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: center;
	float: left;
}

.serverrow_supervip .obt, .serverrow_supervip .bs {}
.serverrow_goldvip .obt, .serverrow_goldvip .bs {}

.tooltip_obt, .tooltip_bs {
    visibility: hidden;
    opacity: 0;
    width: max-content;
    background: rgb(142, 103, 28);
    color: #fff;
    transition: 0.1s linear;
    text-align: center;
    border-radius: 7px;
	padding: 5px 12px 5px 12px;
    position: absolute;
    z-index: 10;
    margin-top: -33px;
	margin-left: 9px;
	cursor: default;
	font-size: 13px !important;
	font-weight: 600;
	transform: translateX(-50%);
	box-shadow: 0 1px 5px 1px rgb(0, 0, 0);
	text-shadow: 0px 1px 1px rgb(0, 0, 0), 0px 1px 1px rgb(0, 0, 0);
}
.tooltip_obt::after, .tooltip_bs::after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(142, 103, 28) transparent transparent transparent;
}
.obt:hover .tooltip_obt, .bs:hover .tooltip_bs {
    visibility: visible;
    opacity: 1;
}









/* ======================== ROWS ======================== */

.serverrow_goldvip, .serverrow_supervip, .serverrow {
	margin: 2px 0px 2px 0px;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}

.serverrow_goldvip  {display: flex; flex-wrap: nowrap; gap: 0; height:40px; background: var(--serverrow-goldvip-bg); border-radius: 7px; position: relative; animation: gradient_s_vip 5s ease-in-out infinite; background-size: 150%;}
.serverrow_supervip {display: flex; flex-wrap: nowrap; gap: 0; height:40px; background: var(--serverrow-supervip-bg); border-radius: 7px; position: relative; animation: gradient_s_vip 5s ease-in-out infinite; background-size: 150%;}
.serverrow          {display: flex; flex-wrap: nowrap; gap: 0; height:40px; background: var(--button-bg); position: relative; border-radius: 7px; transition: 0.08s linear;}
.serverrow:hover {background-position: var(--button-bg-hover);}
.serverrow_goldvip .iconvip  {margin: 4px 3px 0px 6px; top:5px; position: relative;}
.serverrow_supervip .iconvip {margin: 4px 3px 0px 6px; top:4px; position: relative;}
.serverrow .iconvip          {margin: 0px 3px 0px 6px; top:5px; position: relative;}
.serverrow .noicon {position: relative; width: 32px; height: 32px; background: var(--serverrow-noicon-svg); background-size: 13px 13px; background-position-x: 11px; background-position-y: 14px; background-repeat: no-repeat;}
.serverrow_goldvip .crown  {width:23px; height:23px; margin:0 auto; background: var(--svg-diamond); background-size: 23px 23px; position: relative;}
.serverrow_supervip .crown {width:23px; height:23px; margin:0 auto; background: var(--svg-star); background-size: 23px 23px; position: relative;}
.serverrow .crown          {width:23px; height:23px; background: var(--svg-crown); background-size: 25px 25px; background-position: center; top: 3px; position: relative;}
.serverrow_goldvip .namevip  {text-align: left; font-size:17px; font-weight: 800; position: absolute; white-space: nowrap; overflow: visible; left: 34px;}
.serverrow_supervip .namevip {text-align: left; font-size:17px; font-weight: 700; position: absolute; white-space: nowrap; overflow: visible; left: 34px;}
.serverrow .namevip          {text-align: left; font-size:15px; font-weight: 700; position: absolute; white-space: nowrap; overflow: visible; left: 34px;}
.serverrow .name             {text-align: left; font-size:15px; font-weight: 500; position: absolute; white-space: nowrap; overflow: visible; left: 34px;}
.serverrow_goldvip .namevip a  {color: #fff; text-transform: uppercase; transition: none; position: relative; z-index:8; text-shadow: 0px 0px 5px rgb(163, 0, 255), 0px 0px 5px rgb(178, 126, 255), 0px 1px 1px rgb(0, 0, 0); top: 9px; float: left;}
.serverrow_supervip .namevip a {color: #fff; text-transform: uppercase; transition: none; position: relative; z-index:8; text-shadow: 0px 0px 5px rgb(255, 0, 0), 0px 1px 1px rgb(0, 0, 0); top: 9px; float: left;}
.serverrow .namevip a          {color: var(--serverrow-namevip-a-color); text-transform:uppercase; top: 11px; position: relative; z-index:8; float: left;}
.serverrow .name a             {text-transform: uppercase; top: 11px; position: relative; z-index:8; float: left;}
.serverrow_goldvip .namevip a:hover {}
.serverrow_supervip .namevip a:hover {}
.serverrow_goldvip .rates  {text-align: right; width: 55px; color: #fff; top: 11px; position: relative; font-weight: 500; margin-left: auto; height: 19px;}
.serverrow_supervip .rates {text-align: right; width: 55px; color: #fff; top: 11px; position: relative; font-weight: 500; margin-left: auto; height: 19px;}
.serverrow .rates          {text-align: right; width: 55px; color: #fff; top: 11px; position: relative; font-weight: 500; margin-left: auto; height: 19px;}
.serverrow_goldvip .chronics  {text-align: center; width: 75px; color:#fff; top: 13px; position: relative; font-size: 12px; font-weight: 500; height: 19px;}
.serverrow_supervip .chronics {text-align: center; width: 75px; color:#fff; top: 13px; position: relative; font-size: 12px; font-weight: 500; height: 19px;}
.serverrow .chronics          {text-align: center; width: 75px; color: var(--serverrow-chronics-txt-color); top: 13px; position: relative; font-size: 12px; font-weight: 500; height: 19px;}

.serverrow_goldvip .datetime, .serverrow_goldvip .datetimesoon, .serverrow_goldvip .datetimetoday, .serverrow_goldvip .datetimetomorrow, .serverrow_goldvip .datetimeyesterday {
	text-align:center;width:65px;top: 8px;position: relative;font-weight: 500;background-color: var(--serverrow-datetime-bg); padding: 3px 0px 3px 0px; border-radius: 7px; color: rgb(255, 255, 255); height: 19px; margin-right: 5px;}
.serverrow_goldvip .datetime, .serverrow_goldvip .datetimesoon, .serverrow_goldvip .datetimetoday, .serverrow_goldvip .datetimetomorrow, .serverrow_goldvip .datetimeyesterday {
	text-align:center;width:65px;top: 8px;position: relative;font-weight: 500;background-color: var(--serverrow-datetime-bg); padding: 3px 0px 3px 0px; border-radius: 7px; color: rgb(255, 255, 255); height: 19px; margin-right: 5px;}
.serverrow_supervip .datetime, .serverrow_supervip .datetimesoon, .serverrow_supervip .datetimetoday, .serverrow_supervip .datetimetomorrow, .serverrow_supervip .datetimeyesterday {
	text-align:center;width:65px;top: 8px;position: relative;font-weight: 500;background-color: var(--serverrow-datetime-bg); padding: 3px 0px 3px 0px; border-radius: 7px; color: rgb(255, 255, 255); height: 19px; margin-right: 5px;}
.serverrow .datetime {
	text-align:center;width:65px;top: 8px;position: relative;font-weight: 500;background-color: var(--serverrow-datetime-bg); padding: 3px 0px 3px 0px; border-radius: 7px; color: rgb(255, 255, 255); height: 19px; margin-right: 5px;}

.serverrow .datetimetoday {
	text-align:center;width:65px;color: var(--serverrow-datetimetoday-color);background-color: var(--serverrow-datetime-bg);border-radius: 7px;top: 8px;position: relative;font-weight: 500; padding: 3px 0px 3px 0px; height: 19px; margin-right: 5px;}
.serverrow .datetimetomorrow {
	text-align:center;width:65px;color: var(--serverrow-datetimetomorrow-color);background-color:  var(--serverrow-datetime-bg);border-radius: 7px;top: 8px;position: relative;font-weight: 500; padding: 3px 0px 3px 0px; height: 19px; margin-right: 5px;}
.serverrow .datetimeyesterday {
	text-align:center;width:65px;color: var(--serverrow-datetimeyesterday-color);background-color:  var(--serverrow-datetime-bg);border-radius: 7px;top: 8px;position: relative;font-weight: 500; padding: 3px 0px 3px 0px; height: 19px; margin-right: 5px;}

.serverrow_goldvip .datetimesoon {color: rgb(195, 225, 85);}
.serverrow_goldvip .datetimetoday {color: var(--serverrow-datetimetoday-color);}
.serverrow_goldvip .datetimetomorrow {color: var(--serverrow-datetimetomorrow-color);}
.serverrow_goldvip .datetimeyesterday {color: var(--serverrow-datetimeyesterday-color);}
.serverrow_supervip .datetimetoday {color: var(--serverrow-datetimetoday-color);}
.serverrow_supervip .datetimetomorrow {color: var(--serverrow-datetimetomorrow-color);}
.serverrow_supervip .datetimeyesterday {color: var(--serverrow-datetimeyesterday-color);}

/* ======================== ROWS ======================== */






.serverrow .out_stats {float:left; width:2px; height:16px; top:12px; position:relative;}
.serverrow_goldvip .out_stats{float:left; width:2px; height:16px; top: 12px; position:relative;}
.serverrow_goldvip:hover a, .serverrow:hover a {
    text-decoration:underline;
}.serverrow_supervip .out_stats{float:left; width:2px; height:16px; top:12px; position:relative;}
.serverrow_supervip:hover a, .serverrow:hover a {
    text-decoration:underline;
}




.clr {clear:both;}
.break {display:none;}


@-webkit-keyframes gradient_s_vip {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@-moz-keyframes gradient_s_vip {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@-o-keyframes gradient_s_vip {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}
@keyframes gradient_s_vip {
	0% {background-position:0% 50%}
	50% {background-position:100% 50%}
	100% {background-position:0% 50%}
}


.serverrow_goldvip .crown {
    -webkit-animation-name: blinkzakrep;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    -o-animation-name: blinkzakrep;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 1s;
    animation-name: blinkzakrep;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

@keyframes blinkzakrep {
	50% {
		filter: hue-rotate(-10deg) contrast(120%);
	}
}

.serverrow_supervip .crown {
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotation;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -o-animation-name: rotation;
    -o-animation-duration: 2s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-moz-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@-o-keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}
@keyframes rotation {
    0% {-webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg);}
    100% {-webkit-transform:rotate(360deg);
        -moz-transform:rotate(720deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);}
}




#container {
	margin: auto auto 30px auto;
	text-align: center;
	padding-top: 5px;
	font-weight: 500;
}

.red_txt {
	color: var(--red-txt-color);
}
.green_txt {
	color: var(--green-txt-color);
}

.tabs {
	margin: 5px 0px 0px 0px;
	display: inline-block;
	width: 460px;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 0px 0px 20px rgb(35, 41, 47);
}

.tabs > input[type="radio"] {
    display: none;
}

.tabs > div {
    /* скрыть контент по умолчанию */
    display: none;
    padding: 20px 0px 0px 0px;
}

  /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
  #tab-btn-1:checked~#content-1,
  #tab-btn-2:checked~#content-2,
  #tab-btn-3:checked~#content-3,
  #tab-btn-4:checked~#content-4,
  #tab-btn-5:checked~#content-5,
  #tab-btn-6:checked~#content-6,
  #tab-btn-7:checked~#content-7 {
    display: block;
}

.tabs > label {
    user-select: none;
    cursor: pointer;
	float:  unset;
	margin: 5px 0px 0px 0px;
	overflow: hidden;
	background: var(--button-bg);
	border-radius: 7px;
	font-size: 15px;
	font-weight: 700;
	display: block;
	text-decoration: none;
	padding: 10px 20px;
	transition: 0.1s linear;
	color: var(--tabs-label-color);
}

.tabs > label:not(:first-of-type) {}

.tabs > input[type="radio"]:checked+label {
	color: var(--nav-item-color-hover);
	background-position: var(--button-bg-hover);
}
.tabs > label:hover {
	color: var(--nav-item-color-hover);
	background-position: var(--button-bg-hover);
}


table.sort {
	margin: auto;
	padding-top: 0px;
	border-spacing: 2px;
	width: inherit;
	padding-top: 10px;
}

table.sort td {
	padding: 10px 15px 10px 15px;
	border-radius: 7px;
	font-weight: 400;
}
table.sort thead td {
	text-align:center;
	vertical-align:middle;
	padding: 10px;
	font-weight: 600;
	border-radius: 7px;
	background: var(--button-bg);
}
.col_1 {
	background: var(--button-bg);
	text-align: left;
	vertical-align:middle;
	width: 470px;
}

.col_1_p {
	float: left;
	font-size: 16px;
	font-weight: 600;
	max-width: max-content;
	height: 27px;
}
.adv_desc {
	clear: both;
}
.crown_vip {
	width: 23px;
	height: 23px;
	background: var(--svg-crown);
	background-size: 25px 25px;
	background-position: center;
	top: -1px;
	left: 5px;
	position: relative;
	float: left;
	display: none;
}
.crown_supervip {
	width: 23px;
	height: 23px;
	background: var(--svg-star);
	background-size: 25px 25px;
	background-position: center;
	top: -1px;
	left: 5px;
	position: relative;
	float: left;
	display: none;
	animation-name: rotation;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.crown_elitevip {
	width: 23px;
	height: 23px;
	background: var(--svg-diamond);
	background-size: 25px 25px;
	background-position: center;
	top: -1px;
	left: 5px;
	position: relative;
	float: left;
	display: none;
	animation-name: blinkzakrep;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}
.col_1_p img {
	position: absolute;
	margin: -1px 0px 0px 5px;
}

.col_2 {
	text-align: center;
	background: var(--button-bg);
	vertical-align:middle;
}
.col_3 {
	padding: 2px 0px 2px 0px !important;
}
.img-example {
	position: relative;
	border-radius: 7px;
	margin: 3px 0px 0px 0px;
}
.div-example {
	position: relative;
	width: 300px;
	padding: 4px;
	background: rgb(22, 26, 30);
	border-radius: 7px;
	margin-top: 7px;
}
.div-example .serverrow, .div-example .serverrow_supervip, .div-example .serverrow_goldvip {
	line-height: normal;
}
.div-example .serverrow .namevip, .div-example .serverrow_supervip .namevip, .div-example .serverrow_goldvip .namevip {
	width: 60px;
}
a.disabled {
	pointer-events: none;
	cursor: default;
}


.adv_head {
	font-size: 16px;
	text-align: center;
	padding: 10px 0px 5px 0px;
}
.adv_body {
	text-align: center;
	padding: 0px 0px 20px 0px;
}




.test_div {
	background: url(../img/test_image.webp) center no-repeat;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 20px;
	margin-top: 15px;
	width: 600px;
	height: 250px;
	position: relative;
	border-radius: 7px;
	font-size: 0;
	display: table;	/* проверить в сафари */
	text-align: left;
}
.alcrest_1 {
	position: absolute;
	top: 24px;
	left: 63px;
}
.alcrest_2 {
	position: absolute;
	top: 23px;
	left: 245px;
}
.alcrest_3 {
	position: absolute;
	top: 100px;
	left: 441px;
}
.clcrest_1 {
	position: absolute;
	top: 24px;
	left: 71px;
}
.clcrest_2 {
	position: absolute;
	top: 23px;
	left: 253px;
}
.clcrest_3 {
	position: absolute;
	top: 100px;
	left: 449px;
}

.single_crest_div, .double_crest_div {
	background: var(--left-colonn-bg);
	width: 575px;
	margin: auto;
	font-size: 0;
	display: table;	/* проверить в сафари */
	text-align: center;
	padding: 10px 10px 10px 10px;
	border-radius: 7px;
	margin-top: 10px;
	margin-bottom: 7px;
}

.s16x12 {
	margin: 0px 3px 5px 2px;
	width: 16px;
	height: 12px;
}
.a8x12 {
    margin: 0px 1px 5px 2px;
	width: 8px;
	height: 12px;
}
.a16x12 {
    margin: 0px 3px 5px 0px;
	width: 16px;
	height: 12px;
}

.single_crest_button, .double_crest_button {
	cursor: pointer;
	margin: 10px auto;
	background: var(--button-bg);
	border: none;
	border-radius: 7px;
	color: var(--regform-button-color);
	padding: 5px 5px 5px 5px;
	transition: 0.1s linear;
	font-size: 13px;
	font-family: "Commissioner", sans-serif;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	width: 40px;
}
.single_crest_button:hover, .double_crest_button:hover {
	background-position: var(--button-bg-hover);
	color: var(--regform-button-color-hover);
}



.notice {
	display: inline-block;
	position: relative;
	margin-top: 20px;
}


.add_form{width:460px; margin: 30px auto 0px auto;}
.pay_form{width:460px; margin: 30px auto 0px auto;}


.addcodebuttons {
	margin: auto;
}
.addcodebuttons_left {
	width: 270px;
	margin: auto;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: left;
	line-height: 0px;
}
.addcodebuttons_right {
	clear: both;
	margin: auto;
}
.addradio {
	float: left;
	margin: 8px 5px 0px 15px;
}
.addbutton {
	float: left;
}

.textarea_button {
	overflow: hidden;
	font-family: inherit;
	font-size: 12px;
	resize: none;
	padding: 5px;
	height: 45px;
	width: 430px;
	margin: 0;
	border: var(--textarea-button-border);
	background: var(--button-bg);
	color: var(--textarea-button-color);
	border-radius: 7px;
}

.REGFORM_body{padding-bottom:10px;}
.REGFORM_2 input {
	padding: 6px 5px 6px 5px;
	height: 19px;
	margin: 9px 0;
	border: var(--regform-2-input-border);
	font: 400 14px "Commissioner", sans-serif;
	line-height: 19px;
	border-radius: 7px;
	box-sizing: content-box;
	background: var(--button-bg);
	color: var(--regform-2-input-color);
}
.REGFORM_2 select {
	width: 110px;
	border: var(--regform-2-select-border);
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-color: rgb(33, 41, 51) !important;
	background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 5px center / 20px no-repeat, var(--button-bg);
	font: 400 14px "Commissioner", sans-serif;
	padding: 6px 5px;
	height: 19px;
	margin: 9px 0;
	line-height: 19px;
	border-radius: 7px;
	box-sizing: content-box;
	color: var(--regform-2-select-color);
	color-scheme: dark; /* чтобы выпадающий список был тёмный */
}


/* Убираем стандартный стиль */
.REGFORM_2 select::-webkit-scrollbar {
    display: none;
}
.REGFORM_2 select:focus {
    outline: none;
}
/* Это может помочь в Firefox */
.REGFORM_2 select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 white;
}
option {
	font-family: "Commissioner", sans-serif;
	font-size: inherit;
	font-weight: inherit;
}

.REGFORM_head {display: inline-block; margin: 0px 0px 10px auto;font-size:18px;text-align:center;font-weight: 600;}
.REGFORM_row {height:50px;}
.REGFORM_row a:{border: none !important;}
.REGFORM_row_captcha {
	margin: 20px 0px 0px 0px;
	display: flex;
	justify-content: center;
}.REGFORM_row_captcha .g-recaptcha {
	filter: brightness(90%) sepia(70%) saturate(50%) invert(85%) hue-rotate(335deg);
}

.REGFORM_rowadv{}
.REGFORM_1{padding:15px 10px 5px 0px;text-align:right;width:220px;float:left;font-weight: 400;}
.REGFORM_2{text-align:left;width:220px;float:left;}
.REGFORM_buttondiv{margin: 20px 0px 0px auto; position: relative; z-index: 100;}
.REGFORM_button {
	cursor: pointer;
	background: var(--button-bg);
	border: none;
	border-radius: 7px;
	color: var(--a-link-color);
	transition: 0.08s linear;
	font-size: 15px;
	font-family: "Commissioner", sans-serif;
	font-weight: 700;
	padding: 0px 20px 0px 20px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	box-shadow: 0 1px 0px 0px rgb(0, 0, 0);
}
.REGFORM_button:hover {
	background-position: var(--button-bg-hover);
	color: var(--regform-button-color-hover);
}

#messenger,#messenger1,#messenger2,#messenger3,#messenger4,#messenger5,#messenger6,#messenger7 {text-align:center;padding:7px;background: var(--messenger-bg);display:none;border-radius: 7px;}


.tcal {
	width: 120px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right 8px top 7px;
	background-image: var(--regform-2-calendar-image);
}
.flatpickr-calendar {
    background-color: rgb(33, 42, 51) !important;
}
.flatpickr-months .flatpickr-month {
    background-color: inherit !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: inherit !important;
}
.flatpickr-weekdays {
    background-color: rgb(49, 63, 77) !important;
}
.flatpickr-weekday {
    background-color: rgb(49, 63, 77) !important;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
	background: rgb(49, 63, 77) !important;
	border-color: rgb(49, 63, 77) !important;
}
.flatpickr-day.today {
	background-color: rgb(49, 63, 77) !important;
	border: unset !important;
}
.flatpickr-day.selected {
	background-color: rgb(69, 87, 56) !important;
	border: unset !important;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
	color: #fff !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
	background-color: rgb(49, 63, 77) !important;
}
.flatpickr-day {
    border-radius: 7px !important;
}


.unitpaydonate {margin: 0 auto;width: 520px;padding: 15px 20px 20px 20px;background-color: rgba(0, 0, 0, 0.3);border-radius: 10px;}
.titledonateway {
	color: rgb(70, 70, 70);
	cursor: pointer;
	display: inline-block;
}
.titledonateway:hover {
	color: RGB(35, 140, 71); 
}
.edit_form{
	margin:0 auto;
	position: relative;
	width:460px;
}
.delimiter {
	border-bottom: 1px solid #ddd;
	margin: 0 auto;
	padding: 16px 0px 0px 0px;
	position: relative;
	width: 460px;
}


.articles_content {
	text-align:left;
	margin:0 auto;
	width:700px;
	padding-top:10px;
	line-height: 20px;
	font-weight: 400;
	font-size: 14px;
	color: rgb(192, 202, 213);
}
.articles_content a {
	font-weight: 500;
	border-bottom: 1px dotted rgb(217, 205, 170);
	color: rgb(217, 205, 170);
}
.articles_content h1 {
	padding: 5px 0px 5px 0px;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
}
.articles_content h2 {
	padding: 5px 0px 10px 0px;
	font-size: 18px;
	font-weight: 700;
}
.articles_content h3 {
	padding: 5px 0px 10px 0px;
	font-size: 16px;
	font-weight: 700;
}
.articles_content p {
	padding: 5px 0px 10px 0px;
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
}
.articles_content ul {
	padding: 5px 0px 15px 0px;
	font-size: 14px;
	font-weight: 400;
	margin-left: 10px;
	list-style: inside;
}
.articles_content ul li {
	padding: 2px 0px 2px 0px;
}
.articles_content .tube_player {
	border: none;
	position: relative;
	width: 100%;
	height: 400px;
	margin: 10px 0px 10px 0px;
	border-radius: 7px;
	box-shadow: 0px 0px 20px rgb(35, 41, 47);
}

.comment_hf {
	color: rgb(126, 158, 255);
}
.articles_partstxt {
	font-size: 14px;
	color: rgb(206, 64, 64);
}
.articles_latex_img {
	max-width: 100%;
	height: auto;
	border-radius: 7px;
	margin-bottom: 20px;
	margin-top: 8px;
}









@media (max-width: 481px) {

	body {
		background-image: none;
	}

	h1{font-size:16px;}

	.open_anchor {
		display: inherit;
		height:55px;
	}
	.menu_anchors_space {
		display: inherit;
		height:65px;
	}
	#menu_anchors {
		min-width: 320px;
		width:100%;
		z-index: 15;
		display: inherit;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		text-align: center;
		position: relative;
		padding: 10px 0px 10px 0px;
	}
	#menu_anchors.fixed {
		position: fixed;
		top: 0;
		background: var(--menu-anchors-fixed-mobile-bg);
	}

	.content{padding:0px 0px 0px 0px;width:100%;min-width: 320px; top: 85px; margin: 0;}

	.logo{
		width: 200px;
		height: 70px;
		margin:0 auto;
		position: relative;
		top: 10px;
		left: 25px;
		float: left;
	}
	.logo_desc {
		font-size: 12px;
		top: -14px;
	}
	.logo h1 {
		font-size: 12px;
		top: -14px;
	}
	.logo_letters {
		font-size: 50px;
		top: -10px;
	}
	.logo_def {
		font-size: 25px;
		top: -16px;
	}
	.logohref{width: 200px; height: 70px;}
	.lowchars{font-size: 45px;}

	.social-add {display:none;}
	.social-add a{display:none;}
	.social-links {line-height: 25px; text-align: center;margin-top: 50px;}

	.volet {
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}

	.mainpage{margin-right:10px;}
	.stream{width:320px;height:190px;border: 1px solid rgb(0, 0, 0);margin: auto;margin-top: 3px;}
	.inner{padding:0px 0px 0px 0px;width:100%;min-width: 320px; margin: 0px auto 20px auto;}
	.inner h1, h2, h3 {
		font-size: 16px;
	}
	.newsadd1{width:100%;font-size: 13px;min-width: 320px;margin: auto;}
	.newsadv1{width:300px;font-size: 13px;margin: auto;}
	.newscontacts1{width:100%;min-width: 320px;margin: auto;padding: 20px 0 20px 0;}
	.REGFORM_1 {width: unset;float: unset;text-align: center;}
	.REGFORM_2 {width: unset;float: unset;text-align: center;}
	.REGFORM_2 input {margin: 0px;}
	.REGFORM_2 select {margin: 0px;}
	.REGFORM_head {margin: 10px 0px 15px auto;}
	.REGFORM_row {height: 82px;}
	.pay_form {width:300px;}
	.add_form {width:320px;}

	.edit_form{
		width:100%;
	}
	.delimiter {
		width: 320px;
	}


	.textarea_button{width: 280px; height: 70px;}
	.addcodebuttons {
		width: 100%;
		min-width:320px;
		margin: auto;
	}
	.addcodebuttons_left {
		width: 270px;
		float: unset;
		margin: auto;
	}
	.addcodebuttons_right {
		width: 100%;
		min-width:320px;
	}
	.addserver{margin-right:10px;}
	.header{height:100px;width:100%;min-width: 320px;}
	.txttopdiv{width:320px;margin:0;text-align:center;top:10px;position:relative;left:30px;}
	.left-colonn{width:auto;min-width:320px;margin: 0px 0px 0px 0px;float: none; padding: 0px 10px 30px 10px;}
	.right-colonn{margin:30px 0px 0px 0px;width:100%;min-width:320px;}
	.N{float:unset;margin:0px;width:100%;min-width: 320px;}
	.O{float:unset;margin:10px 0px 0px 0px;width:100%;min-width: 320px;}
	.N_head{font-size: 20px;}
	.O_head{font-size: 20px;}
	.breakline_vips{width:260px; margin: 1px auto 1px auto; background: var(--breakline-bg-vips);}
	.breakline{width:260px; margin: 1px auto 1px auto;}


	.test_div {
		display: none;
	}
	.single_crest_div, .double_crest_div {
		width: 320px;
	}

	.out_stats {
		display: none;
	}


	.serverrow_goldvip .obt, .serverrow_goldvip .bs {margin-top: 2px !important;}
	.serverrow_goldvip .tooltip_obt, .serverrow_goldvip .tooltip_bs {margin-top: -34px !important; font-size: 12px;}

	.serverrow_supervip .obt, .serverrow_supervip .bs {margin-top: 2px !important;}
	.serverrow_supervip .tooltip_obt, .serverrow_supervip .tooltip_bs {margin-top: -34px !important; font-size: 12px;}

	.serverrow .obt, .serverrow .bs {margin-top: 2px !important;}
	.serverrow .tooltip_obt, .serverrow .tooltip_bs {margin-top: -34px !important; font-size: 12px;}

	.serverrow_goldvip .video_btn {margin-top: 2px !important;}
	.serverrow_supervip .video_btn {margin-top: 2px !important;}
	.serverrow .video_btn {margin-top: 2px !important;}





	/* ======================== ROWS ======================== */

	.serverrow_goldvip  {height: 50px; text-align: right; padding-top: 7px;background: var(--serverrow-goldvip-bg); border-radius: 7px; animation: gradient_s_vip 7s ease-in-out infinite; background-size: 300%;}
	.serverrow_supervip {height: 50px; text-align: right; padding-top: 7px;background: var(--serverrow-supervip-bg); border-radius: 7px; animation: gradient_s_vip 7s ease-in-out infinite; background-size: 300%;}
	.serverrow          {height: 50px; text-align: right; padding-top: 7px;}
	.serverrow_goldvip .iconvip  {top: 11px; margin: 0px; left: 7px;}
	.serverrow_supervip .iconvip {top: 9px; margin: 0px; left: 7px;}
	.serverrow .iconvip          {top: 10px; margin: 0px; left: 7px;}
	.serverrow .noicon {top: 11px; margin: 0px; background-position-x: 5px; background-position-y: 4px; left: 7px;}
	.serverrow .crown  {top: 0px;}
	.serverrow_goldvip .namevip  {font-size: 19px; top: 18px; font-weight: 800;}
	.serverrow_supervip .namevip {font-size: 17px; top: 18px; font-weight: 700;}
	.serverrow .namevip          {font-size: 17px; top: 18px; font-weight: 700;}
	.serverrow .name             {font-size: 16px; top: 18px;}
	.serverrow_goldvip .namevip a  {top: 0px;}
	.serverrow_supervip .namevip a {top: 0px;}
	.serverrow .namevip a          {top: 0px;}
	.serverrow .name a             {top: 0px;}
	.serverrow_goldvip .rates  {margin-right: 23px; font-size: 14px; color: rgb(143, 251, 113); position: absolute; right: 0px;}
	.serverrow_supervip .rates {margin-right: 23px; font-size: 14px; color: rgb(143, 251, 113); position: absolute; right: 0px;}
	.serverrow .rates          {margin-right: 23px; font-size: 14px; color: rgb(143, 251, 113); position: absolute; right: 0px;}
	.serverrow_goldvip .chronics  {padding: 4px 13px 0px 13px; margin-right: 5px; display: block; width: auto; font-size: 12px; border-radius: 7px; background-color: var(--serverrow-chronics-bg); margin-left: auto;}
	.serverrow_supervip .chronics {padding: 4px 13px 0px 13px; margin-right: 5px; display: block; width: auto; font-size: 12px; border-radius: 7px; background-color: var(--serverrow-chronics-bg); margin-left: auto;}
	.serverrow .chronics          {padding: 4px 13px 0px 13px; margin-right: 5px; display: block; width: auto; font-size: 12px; border-radius: 7px; background-color: var(--serverrow-chronics-bg); margin-left: auto;}
	.serverrow_goldvip .datetime  {padding: 2px 13px 2px 13px; margin-right: 10px; display: block; width: auto; font-size: 14px; border-radius: 7px;}
	.serverrow_supervip .datetime {padding: 2px 13px 2px 13px; margin-right: 10px; display: block; width: auto; font-size: 14px; border-radius: 7px;}
	.serverrow .datetime          {padding: 2px 13px 2px 13px; margin-right: 10px; display: block; width: auto; font-size: 14px; border-radius: 7px;}
	.serverrow_goldvip .datetimesoon, 
	.serverrow_goldvip .datetimetoday, 
	.serverrow_goldvip .datetimetomorrow, 
	.serverrow_goldvip .datetimeyesterday  {padding: 2px 13px 2px 13px; margin-right: 10px; display: block; width: auto; font-size: 14px; border-radius: 7px;}
	.serverrow_supervip .datetimesoon, 
	.serverrow_supervip .datetimetoday, 
	.serverrow_supervip .datetimetomorrow, 
	.serverrow_supervip .datetimeyesterday {padding: 2px 13px 2px 13px; margin-right: 10px; display: block; width: auto; font-size: 14px; border-radius: 7px;}
	.serverrow .datetimetoday, 
	.serverrow .datetimetomorrow, 
	.serverrow .datetimeyesterday          {padding: 2px 13px 2px 13px; margin-right: 10px; display: block; width: auto; font-size: 14px; border-radius: 7px;}

	.serverrow_goldvip .rates, .serverrow_supervip .rates, .serverrow .rates {display: block; clear: both; top: 5px;}

	.serverrow_goldvip .chronics, .serverrow_supervip .chronics, .serverrow .chronics, 
	.serverrow_goldvip .datetime, .serverrow_goldvip .datetimesoon, .serverrow_goldvip .datetimetoday, .serverrow_goldvip .datetimetomorrow, .serverrow_goldvip .datetimeyesterday, 
	.serverrow_supervip .datetime, .serverrow_supervip .datetimesoon, .serverrow_supervip .datetimetoday, .serverrow_supervip .datetimetomorrow, .serverrow_supervip .datetimeyesterday, 
	.serverrow .datetime, .serverrow .datetimetoday, .serverrow .datetimetomorrow, .serverrow .datetimeyesterday {top: 20px;}

	/* ======================== ROWS ======================== */




	.x_today_date {
		padding-bottom: 3px;
	}
	.x_tomorrow_date {
		padding-bottom: 3px;
	}
	.x_yesterday_date {
		padding-bottom: 3px;
	}

	.footer {margin: 0 auto; width: 100%; min-width: 320px;}
	.footertxt {margin: 0 auto; width: auto; padding: 10px 10px 10px 10px;}
	.adv468x60{display: none;}
	.share42init{display:none;}
	.advwall {display:none;}
	.break{clear:both;display: inherit;}
	.head_break {
		padding: 40px 0px 0px 0px;
	}

	.tabs  {
		width: 320px;
		padding: 0px;
	}
	.tabs > label {
		float: unset;
		margin: 10px auto;
		padding: 10px 0px;
		width: 300px;
	}
	.tabs > div {
		width: 320px;
		padding: 10px 0px 20px 0px;
	}

	/** mobile menu **/
	.container_menu {
		display: block;
		position: absolute;
		top: -85px;
		right: 0px;
		padding: 0;
		width: 100%;
		background: rgb(35, 41, 49);
	}
	.header__burger {
		display: block;
		width: 60px;
		height: 40px;
		cursor: pointer;
		color: transparent;
		font-size: 0;
		position: absolute;
		top: 19px;
		right: 30px;
		z-index: 21;
	}
	.header__menu {
		z-index: 20;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: var(--header-menu-mobile-bg);
		transition: 0.2s linear;
		visibility: hidden;
		opacity: 0;
		margin: 0;
	}
	.header__menu.active {
		visibility: visible;
		opacity: 1;
	}
	.header__list {
		display: block;
		margin: 90px 10px 0px 10px;
	}
	.nav__item {
		display: block;
		height: 56px;
		line-height: 56px;
		font-size: 16px;
		text-align: center;
		margin: 10px;
		padding: 0;
		float: unset;
	}
	body.lock {
	   overflow: hidden;
	}
	/** mobile menu **/



	.img-example {
		display: none;
	}
	.div-example {
		display: none;
	}

	.one_crest {
		padding: 0px;
		width: 320px;
	}
	.two_crest {
		padding: 0px;
		width: 320px;
	}
	.articles_content {
		text-align:left;margin:0 auto;width:auto;font-size:13px;line-height: 20px;font-weight: 400;min-width: 320px;padding: 20px 5px 30px 5px;
	}
	.articles_content .tube_player {
		position: relative;
		width: auto;
		height: 190px;
		margin: 10px 0px 10px 0px;
	}

	table.sort {
		min-width: 320px;
		width: 100%;
		padding-top: 10px;
	}
	table.sort td {
		padding: 10px 5px 10px 5px;
		border-radius: 7px;
		font-weight: 400;
	}

	.crown_vip, .crown_supervip, .crown_elitevip {
		display: unset;
	}

	.CHRON_head, .RATES_head {
		margin-top: 50px;
	}
	.chroniclesdiv {
		width:320px;
	}
	.chronrow {
		float: unset;
		width: unset;
	}
	.chroncell {
		min-width: 320px;
		padding: 10px 0;
		font-size: 17px;
	}
	.ratesdiv {
		width:320px;
	}
	.ratesrow, .ratesrow_ggg {
		float: unset;
		min-width: 320px;
	}
	.ratescell {
		min-width: 320px;
		padding: 10px 0;
		font-size: 17px;
	}
	.ratescell_rvr, .ratescell_gve {
		padding: 10px 0;
		font-size: 17px;
		margin: 5px 5px 5px 5px;
	}
	.arthref {
		width: 300px;
	}

	.breakerright{clear: both;height: 60px;display: none;}
}