html,body,div,span,applet,object,iframe,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;font-size:100%;vertical-align:top;color:white;
	}
html {}
body {
	background: url(../img/ai2.jpg) no-repeat;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center;}
a{font-size:15px;color:black;text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}

.d30days{position: absolute;
    z-index: 33;
    right: 0;}
#detach-button-host {display:none!important}
.translate {display: inline-block;margin:0 10px!important;box-sizing: border-box;border-top:3px solid transparent; border-bottom:3px solid transparent;
    line-height: 13px;padding: 0px 5px; transition:0s; font-weight:bold}
.active_lang {font-weight: bold;  border-bottom:3px solid #76d9ef;position:relative}

.rating_block {width:400px; min-width:400px;}
.rating_block:last-child {width:calc(100% - 425px); min-width:650px}
.opened {padding-top: 20px;
    box-sizing: border-box;}
.burger {
	cursor:pointer;
	padding: 5px 4px;
    margin-top: 8px;
    position: relative;
    margin-right: 30px;
    display: inline-block;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    }
.burger span {transition:0.3s;

	  margin-top: 10px;
    border-radius: 5px;
    width: 49px;
    height: 5px;
    background: #ececec;
    display: block;
    position: absolute;}
.burger span:first-child {

    margin-top: 3px;}
.burger span:last-child {

    margin-top: 17px;}
.inf_vid {
	  display:block;
  	width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: -4;
    top: 0;
    left: 0;
}
.inf_vid_dark {
	  display:block;
  	width: 100%;
    height: 100%;
    position: absolute;
    background-color: #00000099;
    z-index: -3;
    top: 0;
    left: 0;
}
.header_link {float:right; padding:15px;color: white!important; font-size:14px;cursor:pointer}
.home_container {
	box-sizing: border-box;
	position:absolute;
	top:40px;
	/* right:85px; */
  	height: calc(100vh - 130px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: center;
}
#home_home .link_block {width:172px; height:47px; position: relative; margin: 0 25px;}
#home_home .link_block:hover .lb1 {left:0px; top:0px; border-left: 1px solid #d6ca9f; border-top: 1px solid #d6ca9f;width:40px; height:25px;}
#home_home .link_block:hover .lb2 {right:0px; top:0px; border-right: 1px solid #d6ca9f; border-top: 1px solid #d6ca9f;width:40px; height:25px;}
#home_home .link_block:hover .lb3 {left:0px; bottom:0px; border-left: 1px solid #d6ca9f; border-bottom: 1px solid #d6ca9f;width:40px; height:25px;}
#home_home .link_block:hover .lb4 {right:0px; bottom:0px; border-right: 1px solid #d6ca9f; border-bottom: 1px solid #d6ca9f;width:40px; height:25px;}
#home_home .link_block:hover .lb5 { top:0px; border-top: 1px solid #d6ca9f;width:92px;left:calc(50% - 46px)}
#home_home .link_block:hover .lb6 { bottom:0px; border-bottom: 1px solid #d6ca9f;width:92px;left:calc(50% - 46px)}
#home_home .link_block div {width:10px; height:10px; position:absolute; transition:0.3s}
#home_home .link_block .lb1 {border-left: 1px solid white; border-top: 1px solid white; left:3px; top:3px;}
#home_home .link_block .lb2 {border-right: 1px solid white; border-top: 1px solid white; right:3px; top:3px;}
#home_home .link_block .lb3 {border-left: 1px solid white; border-bottom: 1px solid white; left:3px; bottom:3px;}
#home_home .link_block .lb4 {border-right: 1px solid white; border-bottom: 1px solid white; right:3px; bottom:3px;}
#home_home .link_block .lb5 {border-top: 1px solid white; left:calc(50% - 25px); top:3px; width:50px; height:1px}
#home_home .link_block .lb6 {border-bottom: 1px solid white; left:calc(50% - 25px); bottom:3px; width:50px; height:1px}
#home_home a {
		display:block;
		position:relative;
		width: 160px;
		height:35px;
		box-sizing:border-box;
    padding: 7px 15px;
    border: 1px solid white;
    text-align: center;
    margin: 6px;}

.event_party {float: left;  margin: 0 5px;}
.comp-right {display:inline-block; width: calc(100% - 70px);padding-left: 5px;}
.p_group {display: flex; flex-direction: row; justify-content: flex-end;}
.news {display:none!important}
	main {
		margin:20px 0;
		overflow-y:scroll;
		padding:0 20px;
		height: calc(100vh - 145px);}
	.bp-menu {position:relative}
	.bp-menu svg {fill:white!important}
	.bp-menu:before  {
		mix-blend-mode: lighten;
    left: 24px;
    z-index: 0;
    content: '';
    position: absolute;
    width: 30px;
    height: 50px;
    background: url(../img/bp.gif) no-repeat;
    background-size: 35px 45px;
    /* display: block; */
    top: -18px;
	}
	#first-season-active {display: none}
	#second-season-active {display: none}
	#third-season-active {display: none}
	#fourth-season-active {display: none}
	#no-season-active {display: block}
	#no-season-active .left{margin-right: 70px}
	#no-season-active .right{margin-left: 70px}
	#no-season-active .center{margin: 0 65px 0 65px}
	.jam-img {top: 20px; width: 900px; left: calc(50% - 450px); position: absolute;}
	.season-content .subtitle {font-size: 10px}
	.season-content span {display: block}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
	body{font-family: 'Bellota', cursive;font-size:16px; font-weight:300; margin:0 auto; display:flex; flex-direction: row;
    flex-wrap: wrap;
    background-size: cover;}
	ol,ul{list-style:none}
	blockquote,q{quotes:none}
	blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
	table{border-spacing:0 10px}
	.sidebar {top: 50px;
		bottom:66px;
		    background: #000000;
		z-index:999999;
    position: absolute;
    display: none;
    flex-direction: column;
    justify-content: center;
  height: calc(100vh - 105px);
    width: 225px; }
	.sidebar .site-logo {margin: 0 30px; border-bottom: 1px solid #353a43; outline:none; padding: 15px 31px; display: block;}
	.sidebar .site-logo img {width:100%}
	.wrapper {height: calc(100vh - 50px); width: 100%;}
	header{width:100%; height: 50px; position:relative;padding: 0 35px; box-sizing:border-box;}
	.header-button, .header-button:visited {
text-align: center;
    min-width: 80px;
    transition: .2s;
    display: inline-block;
    /* font-weight: 600; */
    background: #000000 url(../img/windows.png) no-repeat 15px 9px;
    background-size: 17px;
    padding: 6px 20px 5px 45px;
    color: #ffffff;
    border-radius: 12px;
    /* font-weight: bold; */
    /* font-family: 'Moncor'; */
    font-size: 18px;
    margin-top: 6px;
    font-family: ui-monospace;
	border: 1px solid #fff700
	}
	.sidebar-profile {margin-top:5px;}
	.user {display: inline-block; float: right;color: white; position:relative}
	.user .profile-name {margin-left: 12px; line-height:23px; display: inline-block; font-weight: 400; font-size: 15px;}
	.user .link {text-align:center; display:inline-block; width:100%}
	.user .hspan {line-height: 25px; padding: 0 20px ; color:white; background:black; margin-left:10px;display: inline-block; font-size: 13px; font-weight: bold; border-radius: 12px; cursor:pointer}
	.user .hspan:hover {color: white}
	.loginpopup {
		box-sizing:border-box;
		box-shadow: 0 0 0 45vw #0000009e;
    width: 320px;
    z-index: 9999999999;
    height: 320px;
    padding: 35px 20px 20px 20px;
    font-size: 12px;
    color: #000000!important;
    background: url(../img/lbg.png);
    display: none;
    position: fixed;
    top: calc(50% - 150px);
    /* right: 0; */
    left: calc(50% - 150px);
	}
	.main_logo {text-align:center; width:100%; transform: scaleY(.85);text-shadow: 0 0 20px white;}
	.main_logo span {display: block;}
	.main_logo .small {font-size: 60px;}
	.main_logo .big {font-size: 130px; line-height: 100px;}
	.main_logo .smallest {font-size: 20px; text-align: right; margin: 0 auto; width: 540px;}
.loginpopup div, .loginpopup form, .loginpopup td, .loginpopup label {color:black!important;}

.loginpopup input[type="text"], .loginpopup input[type="password"], .loginpopup input[type="email"]{
	background: unset;
	width:200px;
    color: #000000;
    border-radius: 4px;
    border: 2px solid black;
    padding: 9px 12px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;}
	.loginpopup .button {
		margin-left:16px;
		cursor: pointer;
    transition: .2s;
    display: inline-block;
    font-weight: 500;
    background: black;
    padding: 7px 23px;
    border: none;
    border-radius: 4px;
    color: white;
		font-family: inherit;
	}
	.loginpopup .button:hover {background: #393939;}
	.profi-priviledges .contenting{height:auto; border-top:none; padding:0}
	#containplace {padding:0 50px;}
	.section-heading{
		font-size:16px;
		display:inline-block;
       padding:0 10px;
       margin: 10px 0 10px 5px;
       border-radius: 10px;
       background: #000000;
       color: #ffffff;
	margin-top: 5px;}
	.section {padding-top:20px}
	.welcome {position:relative; padding:25px; overflow:hidden; box-sizing:border-box;height:350px; background: url(../img/wbg1.jpg); background-repeat: no-repeat;
    background-position-x: center;
    background-size: contain; text-align:center; color:white}
	.welcome div {}
	.welcome div span, .welcome div img {display: block; font-size: 26px;}
	.welcome div img {mix-blend-mode:lighten; margin: 0 auto; margin-top:-10px;height: auto;}

	.file-block {padding: 0 15px; background: #0d0f16; display: inline-block; margin: 10px; line-height: 50px;border: 1px solid #33007c; color: yellow}
	.file-block img {margin-top:12px; margin-right:5px}
	.file-block a {padding-left: 20px; border-left: 1px solid #353a46; margin-left: 20px;}
	.file-block a img {margin: 19px 5px 0 0; margin-top:19px;}
	.news-block {width: calc(100% - 600px); color: white; text-align: center; box-sizing: border-box; padding-right: 50px; display:inline-block}
	.news-block .post:nth-of-type(odd) {margin-left:0}
	.news-block .post {border-top: 2px solid #6b07f8; display:inline-block; width:47%; margin-bottom:30px;min-width:250px; margin-left:5%; text-align:left; background: #0d0f16; padding:20px; padding-bottom:5px;box-sizing: border-box;}
	.news-block .post .date {display:inline-block; font-weight: 300; font-size: 16pt; box-sizing:border-box; text-align:center}
	.news-block .post .date span {display:inline-block; line-height:45px}
	.news-block .post .date span:first-child {font-size:10pt}
	.news-block .post .content {height:260px}
	.news-block .post .content h5 {font-size: 17px; padding-bottom: 5px;}
	.news-block .post .content p {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-weight: 400; font-size: 12px; margin-bottom: 15px;color:#c3c5ce}
	.news-block .post .content .im {justify-content: center; align-items: center; display: flex;width:100%; max-height:55%; overflow:hidden; border-radius: 4px;margin-bottom: 15px;}
	.news-block .post .content img {width:100%; height:100%}
	.news-block .post .content a {transition: 0.3s; padding: 10px 25px; display:block; background:#272c40; color:white; float:right; font-size: 12px; border-radius:4px; text-align:center;}
	.news-block .post .content a:hover {background: #6b07f8; }
	.streams {width:500px;  display:inline-block}
	.stream {}
	.streams iframe {width:100%; min-height: 225px;}
	.no-stream {box-sizing:border-box; height:287px; border-left:2px solid #6b07f8; background: #0d0f16; padding:20px; padding-bottom:5px; background:url(../img/stream-bg.jpg)}
	.stream-inner {box-sizing:border-box; border-left:2px solid #6b07f8; background: #0d0f16; padding:20px; padding-bottom:5px;}
	.m-1 {position:relative;box-sizing: border-box;display:inline-block;border: 1px solid transparent;}
	.m-1:first-child {margin-right:50px}
	.member-type, .member-type-vip {position:relative; box-sizing: border-box; height: 331px; border: 1px solid #6b07f8;  padding: 0 35px 20px;}
	.member-type {background:url(../img/vip.jpg);background-size: cover;}
	.member-type-vip {border: none; }
	.member-type-vip, .member-type-buy {display:inline-block}
	.member-type-buy { box-sizing: border-box; height: 265px; position:relative;  display: inline-block;  padding: 25px 20px 20px 20px}
	.member-type-buy:before {left: 0; box-sizing: border-box; position: absolute; display: block; content: ''; background: #c6a50373; width: 1px; height: calc(100% - 50px);}
	.member-type h2, .member-type-vip h2 {font-weight:900;padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #6b07f8; text-align: center; font-size: 20px;}
	.member-type-vip h2 {border-bottom: 2px solid #c6a503; }
	.buy-inner {margin:30px auto}
	.buy-inner select {color: white; padding: 6px; border: 2px solid #6b07f8; background: transparent;border-radius: 4px;}
	.buy-inner option {background:black}
	#bal {display:flex}
	.balance-block {width: calc(50% - 40px); font-size: 14px;margin: 20px;}
	.contenting {border: 1px solid #ffffff17;height:250px; box-sizing: border-box; padding: 30px; background: #000000c7}
	.contenting form {display:flex; justify-content:center}
	.pay-inner {display:inline-block;}
	.pay-inner:first-child { text-align:right}
	.pay-inner:last-child { text-align: center;}
	.pay-bar {position:relative; display: inline-block; background: #ffffff14; height: 300px; position: relative; width: 50px;margin:50px 0}
	.note-title {text-align: center; margin-bottom: 15px; font-size: 30px;}
	.howtostart {background: url(../img/start-bg.png) no-repeat; transition: 0.3s; margin: 0 auto; height: 41px; width: 267px;}
	.howtostart:hover {background: url(../img/start-hover-bg.png);}
	#modal5 ol {text-align: left; line-height: 30px; list-style: initial;}
	#modal5 ol img{margin-left: 150px}
	#modal5 ol li {margin-bottom: 20px}
	.hts-link {width: 320px; background: url(https://test.xardis.pro/themes/ryze_webdev/assets/img/timer-bg.png); height: 48px; display: inline-block; margin-left: 50px; font-size: 22px; font-weight: bold; color: #000; text-align: center; padding-top: 10px;}
	.top-players {font-size:0; white-space: nowrap;border: 1px solid #ffffff17;background: #0000007d padding:20px}
	.p-rating-player {font-size: 12px; color: white; position:relative; margin-bottom: 10px;padding:7px 5px;border: 1px solid #ffbc0047;background: #000000d6;}
	.p-rating-player:first-child {margin-left:0}
	.p-rating-player:last-child {margin-right:0}
	.p-rating-name {font-weight: 400; font-size: 16px;line-height: 14px;}
	.p-rating-name2 {font-weight: 400; font-size: 12px;color:#868686; line-height: 12px;}
	.p-rating-name3 {line-height: 12px; color: #ffffff; text-shadow: 0 0 5px #ffe000, 0 0 3px #fff189; font-weight: 400; font-size: 12px;}
	.p-rating-kills span {font-weight: 400; color: #858898;}
	.p-rating-race {top: -1px; width: 3px; height: 52px; position: absolute; left: -1px;}
	.p-rating-class {margin-top: 3px; background-size: 32px; box-sizing: border-box; width: 32px; height: 32px; display: inline-block;}
	.p-rating-class2 {box-sizing:border-box; display:inline-block; padding: 10px 7px 0 7px;}
	.p-rating-class3 {font-size: 14px; line-height:16px;float: right; border-left: 1px solid #d6ca9f59; padding: 5px; width:80px; text-align:center;display: inline-block;}
	.top-legions {color:white; background: #0d0f16; padding:20px}
	.top-legions .legion-container {text-align:center; position:relative; box-sizing:border-box;margin: 10px; background: #ffffff0d; padding: 10px 20px;  display: inline-block;font-size:12px;width: calc(24.6555% - 20px);}
	.top-legions .legion-container:first-child{background: #ffc80042; border: 1px solid #ffb10094;width: calc(33% - 20px);}
	.top-legions .legion-container:nth-child(2){background: #afaad32b; border: 1px solid #c5cbf894;width: calc(33% - 20px);}
	.top-legions .legion-container:nth-child(3){background: #d1853636; border: 1px solid #b47f6094;width: calc(33% - 20px);}
	.top-legions .legion-container .star{background: url(../img/icons/star.png); background-size:contain; width:25px; height:24px; position:absolute; line-height: 26px; font-weight: 400; font-size: 10px;top:-12px; left:-13px; color:white}
	.top-legions .legion-container:first-child .star{background: url(../img/icons/star-g.png); background-size: contain; background-position-y: 5px; background-repeat: no-repeat;width:30px; height:28px; position:absolute; font-size: 16px; line-height: 31px; font-weight: 700;top:-15px; left:-15px; color:transparent}
	.top-legions .legion-container:nth-child(2) .star{background: url(../img/icons/star-s.png); background-size: contain; background-position-y: 5px; background-repeat: no-repeat;width:30px; height:28px; position:absolute; font-size: 16px; line-height: 31px; font-weight: 700;top:-15px; left:-15px; color:transparent}
	.top-legions .legion-container:nth-child(3) .star{background: url(../img/icons/star-b.png); background-size: contain; background-position-y: 5px; background-repeat: no-repeat; width:30px; height:28px; position:absolute; font-size: 16px; line-height: 31px; font-weight: 700;top:-15px; left:-15px; color:transparent}
	.top-legions .legion-container .race {position:absolute; top:-1px; right:-1px; width:15px; height:15px; clip-path:polygon(0 0, 100% 0, 100% 100%)}
	.top-legions .legion-container .span {font-size: 18px; display: inline-block; text-align:center}
	.top-legions .legion-container .details {color:#bcbcbc; text-align:left}
	.top-legions .legion-container .details img {padding: 4px 7px 0 0;}
	.top-legions .legion-container .details div {line-height: 18px;}
	.top-legions .legion-container .details span {float: right; color: white;}
	.top-legions .legion-container .kills {display:inline-block; color:#9b9eac; font-size:16px; }
	.members-line, .kills-line {height:2px; background:#ffffff17; position:relative; margin-bottom:5px}
	.members-line span, .kills-line span{height:2px; display:block; width:50%; float:none!important}
	.members-line span {background: #6b07f8;}
	.kills-line span {background:red}
	.top-events-widget {display:inline-block; width:60%}
	.container-chart {display:inline-block; width:40%}
	.sidebar a, .sidebar a:visited {box-sizing: border-box; color: white; font-size: 12px;display:block;margin: 0; padding:15px 0 15px 35px; letter-spacing:0.4px; }
	.sidebar a:hover, .m1 {text-shadow: 0 0 0px #f8b907, 0 0 0px #f87607, 0 0 0px #f8ae07, 0 0 0px #f8ae07;
    color: #ffffff!important;}
 /*.sidebar a:before, .m1:before {
	 transition:.2s;
	  margin-right: 15px;
    width: 5px;
    height: 5px;
    vertical-align: middle;
    content: "";
    color: #ffffff6e;
    display: inline-block;
    transform: rotate(45deg);
		border: 1px solid #d6ca9f;}*/
	./*sidebar a:hover:before, .m1:before {background:#d6ca9f}*/
	.m2 { text-shadow: 0 0 10px #ffdb00; color: #ffffff!important; border-right: 3px solid #ffdb00!important;}
	.sidebar a:hover svg, .m1 svg {fill:white!important}
	.sidebar svg {transition:0.2s; fill: #d2dcff61; margin-right: 10px; vertical-align: middle; width: 14px; height: 14px; display: inline-block;}
	.sidebar span {vertical-align: middle; display: inline-block;}
	.intPage { color: #fff; }
	.membership-heading {margin-bottom: 10px; padding: 20px 0; text-align: center; font-size: 36px;}
	.fleft a img {height:15px}
	main .container{}
	
	main .container:after{content:'';z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;}
	main .content section .section-heading{padding:0 20px;margin-bottom:12px;font-size:30px;font-weight:bold;text-transform:uppercase}
	main .content section .section-content{padding:20px}
	main .content {font-size:0}
	main .sidebar{position:relative;min-width:320px;width:320px;padding-top:calc(300px - 38px + 226px - 146px + 32px);padding-right:40px;-webkit-box-sizing:border-box;box-sizing:border-box}
	main .sidebar .sidebar-status{overflow:visible !important;position:absolute;top:-38px;right:-42px;height:300px;width:364px}
	main .sidebar .sidebar-status svg{overflow:visible !important}
	main .sidebar .sidebar-status .sidebar-status-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers{margin-bottom:25px}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-servers-heading{font-size:16px;margin-bottom:20px}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-servers-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-servers-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#e54e4f}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-servers-item span{font-size:10px}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-servers-item__left{text-align:right;margin-right:32px}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-servers-item__right{text-align:left;margin-left:32px}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-servers .sidebar-status-server-item__online{color:#8ac621}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-online{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:60px}
	main .sidebar .sidebar-status .sidebar-status-content .sidebar-status-online span{font-size:14px}
	main .sidebar .sidebar-lang{position:absolute;top:-38px;right:-42px;width:162px;height:122px}
	main .sidebar .sidebar-lang .sidebar-lang-item{text-decoration:none;color:#000;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	main .sidebar .sidebar-lang .sidebar-lang-item:hover{color:#78b5ca}
	main .sidebar .sidebar-lang .sidebar-lang-item__active{color:#78b5ca}
	main .sidebar .sidebar-lang .sidebar-lang__ru{position:absolute;left:0;top:0}
	main .sidebar .sidebar-lang .sidebar-lang__ru .sidebar-lang__ru-triangle{position:relative;width:0;height:0;border-left:78px solid transparent;border-right:78px solid transparent;border-top:64px solid #fff}
	main .sidebar .sidebar-lang .sidebar-lang__ru .sidebar-lang__ru-text{position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-8px;width:100%;height:100%;font-size:24px;font-weight:700}
	main .sidebar .sidebar-lang .sidebar-lang__en{position:absolute;right:0;top:6px}
	main .sidebar .sidebar-lang .sidebar-lang__en .sidebar-lang__en-triangle{position:relative;width:0;height:0;border-top:63px solid transparent;border-right:78px solid #fff;border-bottom:63px solid transparent}
	main .sidebar .sidebar-lang .sidebar-lang__en .sidebar-lang__en-text{position:absolute;left:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:8px;width:100%;height:100%;font-size:24px;font-weight:700}
	main .sidebar .sidebar-buttons{-webkit-filter:drop-shadow(0px 5px 5px rgba(0,0,0,0.28));filter:drop-shadow(0px 5px 5px rgba(0,0,0,0.28));position:absolute;top:0;left:0;margin-top:calc(300px - 154px);height:226px;width:100%}
	main .sidebar .sidebar-buttons .sidebar-button{text-decoration:none;text-transform:uppercase}
	main .sidebar .sidebar-buttons .sidebar-button span{color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	main .sidebar .sidebar-buttons .sidebar-button:hover span{text-shadow:0 0 0.2em #fff}
	main .sidebar .sidebar-buttons .sidebar-buttons__mmotop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:138px;height:122px;margin-bottom:2px;background:url(../img/buttons/mmotop.png);background-size:cover;background-position:-10px;-webkit-clip-path:polygon(0 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 100%, 0 100%)}
	main .sidebar .sidebar-buttons .sidebar-buttons__mmotop span{margin-top:64px;margin-left:-42px;font-size:18px;font-weight:700}
	main .sidebar .sidebar-buttons .sidebar-buttons__login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;width:200px;background:url(../img/buttons/login.png);-webkit-clip-path:polygon(0 0, 70% 0, 100% 100%, 30% 100%);clip-path:polygon(0 0, 70% 0, 100% 100%, 30% 100%)}
	main .sidebar .sidebar-buttons .sidebar-buttons__login span{font-size:30px;font-weight:700;text-shadow:0 0 54px rgba(0,0,0,0.28)}
	main .sidebar .sidebar-buttons .sidebar-buttons__download{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:calc(200px - 60px + 2px);top:calc(122px + 2px);width:142px;height:80px;background:url(../img/buttons/download.png);-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 70% 50px, 60px 50px);clip-path:polygon(0 0, 100% 0, 100% 100%, 70% 50px, 60px 50px)}
	main .sidebar .sidebar-buttons .sidebar-buttons__download span{margin-top:-32px;margin-left:16px;text-align:right;font-size:18px;font-weight:700;text-shadow:0 0 54px rgba(0,0,0,0.28)}
	main .sidebar .sidebar-buttons .sidebar-buttons__register{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:calc(122px + 2px + 50px + 2px);left:calc(60px + 2px);width:220px;height:28px;background:url(../img/buttons/register.png);-webkit-clip-path:polygon(0 0, 185px 0, 100% 100%, 35px 100%);clip-path:polygon(0 0, 185px 0, 100% 100%, 35px 100%)}
	main .sidebar .sidebar-buttons .sidebar-buttons__register span{font-size:18px;font-weight:700;text-shadow:0 0 54px rgba(0,0,0,0.28)}
	main .sidebar .sidebar-buttons .sidebar-buttons__download__alt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:280px;height:64px;background:url(../img/buttons/button__download__alt.jpg);background-size:cover;-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 97px 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 97px 100%)}
	main .sidebar .sidebar-buttons .sidebar-buttons__download__alt span{margin-left:32px;font-size:24px;font-weight:700;text-shadow:0 0 54px rgba(0,0,0,0.28);text-align:right}
	main .sidebar .sidebar-profile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:24px}
	main .sidebar .sidebar-profile .profile-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;overflow:hidden}
	main .sidebar .sidebar-profile .profile-info .profile-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:96px;width:96px;height:96px;background:#5ba8c1;border-radius:50%}
	main .sidebar .sidebar-profile .profile-info .profile-avatar img{width:64px;height:64px;border-radius:50%}
	main .sidebar .sidebar-profile .profile-info .profile-content{margin-left:16px;padding-top:8px}
	main .sidebar .sidebar-profile .profile-info .profile-content .profile-name{margin-bottom:16px;font-size:24px;color:#5ba8c1;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
	main .sidebar .sidebar-profile .profile-info .profile-content .profile-balance{display:block;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;font-size:14px}
	main .sidebar .sidebar-profile .profile-info .profile-content .profile-balance span{font-size:18px;font-weight:700}
	main .sidebar .sidebar-profile .profile-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}
	main .sidebar .sidebar-profile .profile-buttons .profile-buttons-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:16px}
	main .sidebar .sidebar-profile .profile-buttons .profile-buttons-item{display:block;width:48%;border:1px solid #6fb1c9;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#6fb1c9;font-size:16px;font-weight:700;line-height:24px;text-align:center;text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	main .sidebar .sidebar-profile .profile-buttons .profile-buttons-item:hover{background:#6fb1c9;color:#fff}
	main .sidebar .sidebar-profile .profile-buttons .profile-buttons-item:last-child{margin-bottom:0}
	main .sidebar .sidebar-profile .profile-buttons .profile-buttons-item__fullwidth{-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%;text-transform:uppercase}
	main .sidebar .sidebar-vip{height:350px;margin-bottom:24px;padding-top:124px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg__vip.jpg)}
	main .sidebar .sidebar-vip .sidebar-vip-list{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;margin-right:16px;margin-bottom:32px}
	main .sidebar .sidebar-vip .sidebar-vip-list li{font-size:14px;line-height:20px;color:#fff}
	main .sidebar .sidebar-vip .sidebar-vip-list li span{margin-left:12px;font-size:20px;color:#809cf0;text-shadow:0 0 14px #4467dc}
	main .sidebar .sidebar-vip .sidebar-vip-button{display:inline-block;background:-webkit-gradient(linear, left top, left bottom, from(#849ff0), to(#718ff1));background:-webkit-linear-gradient(top, #849ff0, #718ff1);background:-o-linear-gradient(top, #849ff0, #718ff1);background:linear-gradient(to bottom, #849ff0, #718ff1);line-height:32px;padding:0 24px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;-webkit-box-shadow:0 0 12px rgba(0,0,0,0.3);box-shadow:0 0 12px rgba(0,0,0,0.3);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	main .sidebar .sidebar-vip .sidebar-vip-button:hover{-webkit-box-shadow:0 0 14px 4px #4467dc;box-shadow:0 0 14px 4px #4467dc}
	main .sidebar .sidebar-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:280px;-webkit-box-sizing:border-box;box-sizing:border-box}
	main .sidebar .sidebar-nav .sidebar-nav-item{margin-bottom:2px;position:relative;width:93px;height:93px;-webkit-box-sizing:border-box;box-sizing:border-box}main .sidebar .sidebar-nav .sidebar-nav-item .sidebar-nav-item-img{width:90px;height:90px}
	main .sidebar .sidebar-nav .sidebar-nav-item .sidebar-nav-item-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;padding-right:8px;right:0;bottom:0;width:100%;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right;color:#fff;text-decoration:none;font-size:14px;text-shadow:rgba(0,0,0,0.3) 0 0 2px}
	footer{width:100%; text-align: center; box-sizing: border-box;border-top: 1px solid #b99f3d40; padding: 0px 20px;}
	footer .footer-container{overflow:hidden;margin:0 auto; position: relative}
	footer .footer-social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px}
	footer .footer-social .social-list .social-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:32px;width:32px;height:32px;color:#535353;text-decoration:none}
	footer .footer-social .social-list .social-item i{-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}
	footer .footer-social .social-list .social-item:hover i.flaticon-telegram{color:#0088cc}
	footer .footer-social .social-list .social-item:hover i.flaticon-facebook{color:#3B5998}
	footer .footer-social .social-list .social-item:hover i.flaticon-vk{color:#4680C2}
	footer .footer-social .social-list .social-item:hover i.flaticon-youtube{color:#FF0000}
	footer .footer-social .social-list .social-item:hover i.flaticon-twitter{color:#1DA1F2}
	footer .footer-social .social-list .social-item:last-child{margin-right:0}
	footer .footer-content{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 0;border-bottom:1px solid #b99f3d40}
	footer .footer-content .footer-content-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:72px}
	footer .footer-content .footer-content-links a{display:inline-block;padding:0 8px;border:1px solid transparent;color:#5ba8c1;font-size:14px;text-decoration:none;line-height:24px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	footer .footer-content .footer-content-links a:hover{border:1px solid #e7e7e7}
	footer .footer-content .footer-content-links:last-child{margin-right:0}
	footer .footer-copyright{padding:12px 0}
	footer .footer-copyright p{font-size:12px;font-weight:300; background: black; border-radius: 12px; width: 333px}
	.fMid {
	width: 380px;
	margin: 0 auto;
	min-height: 40px;
	padding-top: 5px;
	text-align: center;
}
.fMid a {margin: 7px;}
.fMid a img {
	height: 22px!important;
	width: auto!important;
}
.fLeft {
	padding-top: 20px;
}
.fleft a {margin-right:15px}
.fLeft div {transition:0.2s;
	margin-right: 10px;
    border: 1px solid #444;
    padding-top: 8px;
	width: 155px;
	display: block;
	float: left;
	height: 25px;
}
.fLeft div:hover {border:1px solid #ee0058; color:#23baf0}
.fRight {
	position: absolute;
	right: 25px;
	text-align: right;
	}
.fRight a {
	margin-left: 10px;
}
.video-link {display:flex; margin-top:23px; color:#ff3972!important; font-weight:500}
.video-link img{ width:100px; height:55px; margin-right: 10px;}
	.stream-main {display:none;transition: 0.6s;width: 500px; height: 300px; margin: 0 auto; overflow: hidden; top:16px; position: relative}
	.stream-inner {display: block;
    box-sizing: border-box; z-index:1; margin-top:-1px}
	.stream-button {text-align: center; cursor: pointer;padding-top: 5px; width: 190px; height: 20px; background: url(../img/stream-updown.png);margin: 0 auto; position: relative; z-index: 2;color:#fff}
	#button-slide:hover #slide1 {
    margin-top: 100px;
}
.membership {width:700px; margin:0 auto}
.membership tbody tr {background:#151515; border-bottom:15px solid black; transition:0.1s}
.membership tbody tr:hover {background:#252525;}
	#slide1 {margin-top: 12px;padding: 0 15px 15px 15px; border-bottom: 1px solid #ff3972; background: #000000e0; z-index: 5;
    position: relative; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;
    transition-duration: 0.6s;}
	#s1, #s2, #s3, #s4 {display: flex; margin: 10px; font-size: 16px; overflow: hidden; max-height: 75px}
	#s1 tbody, #s2 tbody, #s3 tbody, #s4 tbody {margin: 0 auto}
	.even {height: 25px; font-size:10px;background: #ffffff14;}
	.odd {height:25px; font-size:10px;background: #ffffff14;}
	.odd, .odd a {color:#fff}
	.even, .even a {color:#fff}
	.odd td, .even td {padding: 1px 5px; font-size: 14px;}
	.odd img, .even img {width:28px!important}
	.tdpercent {
		font-size: 12px;
    font-weight: 900;
    line-height: 16px;
    margin: 7px 10px;
    width: calc(100% - 20px);
    display: block;
    border-radius: 20px;
    border: 1px solid #ffffff3d;
}

	#top-legions2 {font-size: 12px}
	.exit {display: inline-flex}
	.exit div {margin: 5px 0 0 15px; padding: 10px 20px; border: 1px solid #727272;}
	.membership1 {display: inline-block; text-align: center; margin: 10px 20px; color: #ff3972;font-weight: bold; cursor:pointer}
	.membership1 span {display: block}
	.profile-money1 {display: inline-block; margin: 0 20px;}
	.bal {font-size: 14px}
	input:-webkit-autofill, input:autofill {
    background-color: #000 !important;
    background-image: none !important;
    color: #fff !important;}
	.user-panel {position: relative; text-align: center; margin: 0 auto; height: 60px; float:right; display:inline-block  }
	#guest {padding-top: 10px}
	.regLink {padding: 10px; display: inline-flex; margin: 0 25px; border: 1px solid #464646;}
	.reglink:hover {border: 1px solid #e6ae5d}
.btn {
	transition: 0.1s;
    margin-left: 25px;
    border: 1px solid #555868;
    padding: 10px 20px;
    display: inline-block;
    font-weight: 700;
    border-radius: 25px;
}
.btn:hover {
	color: #b1b4c3;
    border: 1px solid #707281;
}
.close-modal {position: absolute; top:5px; right:5px; color: #000;

    width: 20px;
    height: 20px;
}
.close-modal:after {
    content: '';
    height: 20px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: rotate(45deg);
}

.close-modal:before {
    content: '';
    height: 20px;
    border-left: 1px solid #fff;
    position: absolute;
    transform: rotate(-45deg);
}
.overlay {
	box-sizing:border-box;
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px;
  position: fixed;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 0.9);
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto;
}
.overlay.open {
	z-index: 20;
  opacity: 1;
  pointer-events: inherit;
}
.overlay .modall {
	border: 1px solid;
 border-image: linear-gradient(90deg, rgb(255 1 74), rgb(0 175 255))1;
 box-sizing:border-box;
  background:url(https://test.xardis.pro/themes/ryze_webdev/assets/img/block-bg-v.jpg) no-repeat center;
  background-size: cover;
   text-align: center;
  padding: 40px 80px;
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto;
}
.overlay .modall.open { position: relative;
  opacity: 1;
  pointer-events: inherit;
}
.overlay .modall.open .content {
	font-size: initial;
  transform: translate(0, 0px);
  opacity: 1;
}
.overlay .modall .content {
	font-size: initial;
  transform: translate(0, -10px);
  opacity: 0;
  transition: 0.35s ease-in-out;
}
.overlay .modall .title {
	font-size: 35px;
	color: #fff;
  margin-top: 0;
}
.overlay .modall th {padding:5px}
	.left {margin-right: 10px; }
	.right {margin-left: 10px; }
	.center {margin: 0 10px 0 10px; }
	.standart {margin-bottom: 20px; padding: 20px; display: inline-flex; font-size: 14px;}



	.top {width:400px; height: 440px; padding: 0}
	.grad li {background: linear-gradient(90deg, #e05252 0%, #e05252 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}
	.event {width: 100%; height: 70px;padding-top: 36px;margin: -20px 0; background: url(../img/timer-bg.png)no-repeat center}
	#deadline-messadge, #deadline-messadges1, #deadline-messadges2, #deadline-messadges3, #deadline-messadges4{display: none;}
	#deadline-messadge.visible, #deadline-messadges1.visible, #deadline-messadges2.visible, #deadline-messadges3.visible, #deadline-messadges4.visible{display: block;margin-top:10px}
	#clockdiv.hidden{display: none;}
	.timeBloclk {width:50px;}
	.timeBloclk span {margin:0 auto}
	.timeBloclk, .separator, .smalltext{display: inline-flex; color: #000;}
	.timeBloclk, .separator {font-size: 35px; font-family:cezanneregular}
	.timer-labels {padding-left: 5px; height:20px}
	.smalltext {padding: 0 13px; font-size: 10px; display: inline-flex;}
	.finished {font-size: 16px;color: #fff; padding-top: 20px;text-align: center;width: 200px; height: 250px; display: inline-block; background: url(/images/finished-bg.jpg); border: 1px solid; border-image: linear-gradient(0deg, rgb(239, 182, 96), rgb(112, 84, 58), rgb(235, 178, 95))1; box-sizing: border-box;}}
	.finished .in {font-size: 14px; padding-top: 40px}
	.color-dodge1, .color-dodge2 {font-weight:800}
	.color-dodge1 {background: linear-gradient(90deg, #00dfff, #605dff);-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
	.color-dodge2 {background: linear-gradient(90deg, #da47ff, #ff0049);-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	.color-dodge1 tr td:last-child, .color-dodge2 tr td:last-child {font-size:1.5em}
	.inner {display: block; width: 100%}
	.vip {width: 400px; height: 300px; padding:0!important; font-size: 0px; padding-top: 20px!important}
	.vip table {margin-bottom: 20px; font-size: 12px;}
	.vip-inner1 {Padding: 0 15px; position: relative; line-height: 0;text-align: center;width:200px; color: #ecf2ff; border-right: 1px solid; border-image: linear-gradient(0deg, rgba(112, 84, 58, 0), rgb(241,183,97), rgba(112, 84, 58, 0))1; box-sizing: border-box}
	.vip-inner2 {Padding: 0 15px; position: relative; line-height: 0;text-align: center;width:170px; color: #ffb300}
	.vip-inner1 td, .vip-inner2 td {text-align: right; padding-right: 15px;}
	.vip-inner1 img, .vip-inner2 img  {margin-bottom: 15px}
	.vip-btn {left: 50px; bottom: 15px; height: 16px; background: #fff; transition: 0.3s; color: #000; width: 100px; padding-top: 14px; font-weight: bold; position: absolute;}
	.gvip-btn {left: 50px; bottom: 15px; height: 16px; background: #fff; transition: 0.3s; color: #000; width: 100px; padding-top: 14px; font-weight: bold; position: absolute;}
	.eventTitle {text-align: center; color: #fff;}
	.legions {width:780px; height: 300px; }
	.legions .note {margin-bottom: 10px}
	.legions .title {text-align: center; font-size: 26px; color: #fff; width: 100%; margin-bottom: 10px; background: url(https://test.xardis.pro/themes/ryze_webdev/assets/img/SL-BG.png) no-repeat center}
	.legions .note-title, .legions .dataTables_length, .legions #top-players2_paginate {display: none}
	.legions .even, .legions .odd {height:20px}
	.current, .last {display: inline-flex;}
	.current {width: 455px; border-right: 1px solid; border-image: linear-gradient(0deg, rgba(112, 84, 58, 0), rgb(241,183,97), rgba(112, 84, 58, 0))1;}
	.last {width: 275px; color: #fff; padding-top: 7px}
	.even td, .odd td {border-right: 1px solid #252a3c;}
	.even td:last-child, .odd td:last-child {border-right:none}
#content-tab2 .note-title, #content-tab3 .note-title, #content-tab3 #top-players_paginate, #content-tab3 .dataTables_length {display: none}
.tdname {}
#content-tab2 #content, #content-tab3 #content{height: 405px; overflow-y: scroll}

.scrollbar
{


	overflow-x: scroll;
	}

.force-overflow
{
	padding-right:5px
}

#wrapper5
{
	text-align: center;
	width: 500px;
	margin: auto;
}

.style-15::-webkit-scrollbar-track
{

	border-radius: 10px;
}

.style-15::-webkit-scrollbar
{
	width: 2px;
	height:3px;
}

.style-15::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background: #d6ca9f;
}
.style-16::-webkit-scrollbar-track
{
	background:#252a3c;
	border-radius: 10px;
}

.style-16::-webkit-scrollbar
{
	width: 3px;
	height:0;
}

.style-16::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background: #d6ca9f;
}
.tabs {
	background:#000000d6;
	position:relative;
	font-size: 0;
	width:100%;
	}

.tabs-bg {background-color: #16161d}
/* Стили секций с содержанием */
.tabs .test>section {
	font-size: 14px;
	display: none;
	text-align: center;

	color: #fff
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;

	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {

	color:white;
	transition: 0.3s;
	}

/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:after {display: none;}
.tabs>label:before {display: none;



}

/* Изменения стиля переключателей вкладок при наведении */

.tabs>label:hover {



	cursor: pointer;
}
/*.input1 {background:url(../img/tab1.jpg)}
.input2 {background:url(../img/tab2.jpg)}
.input3 {background:url(../img/tab3.jpg)}
.input4 {background:url(../img/tab4.jpg)}
.input5 {background:url(../img/tab5.jpg)}
.input6 {background:url(../img/tab6.jpg)}*/
/* Стили для активной вкладки */

.tabs>input:checked+label {
	transition: 0.3s;
	font-weight: 600;
	color: white;

}

.tabs>input:checked+label:after {
	transition: 0.3s;

    display: block!important;
    position: absolute!important;
    /* background: #fff!important; */
   }
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked ~ .test #content-tab1,
#tab2:checked ~ .test #content-tab2,
#tab3:checked ~ .test #content-tab3,
#tab4:checked ~ .test #content-tab4,
#tab5:checked ~ .test #content-tab5,
#tab6:checked ~ .test #content-tab6,
#tab7:checked ~ .test #content-tab7,
#tab8:checked ~ .test #content-tab8,
#tab9:checked ~ .test #content-tab9,
#tab10:checked ~ .test #content-tab10,
#tab11:checked ~ .test #content-tab11,
#tab12:checked ~ .test #content-tab12,
#tab13:checked ~ .test #content-tab13,
#tab14:checked ~ .test #content-tab14 {
	padding-left:10px;
	display: block;
}
.test {width: calc(100% - 200px);
	height:610px;
    top: 0;
    left: 200px;

    position: absolute;}
/* Убираем текст с переключателей
* и оставляем иконки на малых экранах
*/

@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}
.top-events-btn {width: 90px; height: 40px; background: url(../img/top-events-btn.jpg?new); color: #fff; padding-top:5px; transition: 0.3s; display: inline-block; margin: 5px 10px}
.top-events-btn:hover {background: url(../img/top-events-btn-h.jpg?new)}
.font101 {display: block; line-height: 20px; font-size: 17px;}
.font102 {display: block; line-height: 20px; font-size: 17px; font-weight:900}
.font20 {font-size: 22px; font-weight: bold; display: block}
.font30 {font-size: 30px; font-weight: bold; line-height: 1.1;}

.modal .table {width: 700px; margin:0 auto}

	.news .news-content{background:#fff}
	.news .news-content .news-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:20px}
	.news .news-content .news-item .news-item-container .news-item-title{font-size:24px;margin-bottom:12px}
	.news .news-content .news-item .news-item-container .news-item-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
	.news .news-content .news-item .news-item-container .news-item-content img{margin-right:16px !important;min-width:186px;width:186px;min-height:120px;height:120px}
	.news .news-content .news-item .news-item-container .news-item-content p{font-size:16px !important}
	.news .news-content .news-item .news-item-container .news-item-content p a{position:absolute;top:0;right:0;display:block;padding:6px 20px;border:2px solid #b8b8b8;font-size:16px;color:#b8b8b8;text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	.news .news-content .news-item .news-item-container .news-item-content p a:hover{border:2px solid #78b5ca;color:#78b5ca}
	.news .news-content .news-item .news-item-action{visibility:hidden}
	.news .news-content .news-item .news-item-action .news-item-button__more{display:block;padding:6px 20px;border:2px solid #b8b8b8;font-size:16px;color:#b8b8b8;text-decoration:none;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
	.news .news-content .news-item .news-item-action .news-item-button__more:hover{border:2px solid #78b5ca;color:#78b5ca}
	.news .news-content .news-item:last-child{margin-bottom:0}
	.page {background: #000000de; text-align: center; border: 1px solid #ffffff14;}
	.page .page-content{}
	.page .page-content strong {font-weight:800}
	.page .page-content p, .page .page-content pre{font-size:16px !important; line-height:normal}
	.page .page-content p img{max-width:100%;height:auto}
	.page .page-content p a{font-size:inherit}
	.page .page-content .page_a {cursor:pointer; color: #a464ff; border-bottom: 1px dotted #6b07f8;}
	.page .page-content .page_a:hover {color:white}
	.page .page-content .button {cursor:pointer}
	.page .page-content .post {border-top: 2px solid #6b07f8; display: inline-block;  margin: 10px; text-align: left; background: #0d0f16; padding: 20px; box-sizing: border-box;}
	.page .page-content ul {list-style: none; /* Remove default bullets */}
	.page .page-content ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #6b07f8; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
	.page .download, .page .download:visited{font-size: 13px; text-decoration: underline; color: #ffffff; font-weight: 800;}
	.page .download:hover {color:#fff}
	.login .login-heading{text-align:center}
	.login .login-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.login .login-content .form-button{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.changepassword .changepassword-content{max-width: 200px; margin: 0 auto;}
	.changepassword .changepassword-content img {margin-bottom: 15px;}
	.changepassword .changepassword-content .captcha{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
	.activation .activation-content{}
	.login-troubles .login-troubles-content{}
	.register .register-heading{text-align:center}
	.register .register-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.resetpassword .resetpassword-content{width: 400px; margin: 0 auto;}
	.resetpassword .resetpassword-content .captcha{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
	.resetpassword .resetpassword-content .captcha img{margin-right:16px}
	.profile-main {display: inline-flex;}
	#profile-layout {
		display:inline-block;
					  margin:10px;
					  padding:0 10px;
					  margin: 10px 0 10px 5px;
					  border-radius: 10px;
						background: #fdfdfd;
						margin: 10px 0 10px 5px;
						border-radius: 10px;
						background: black;
						color: white;
						display: inline-block;
						cursor: pointer;}
	
	#profile-layout .profile-name {color:#fdfdfd}
	#profile-layout .profile-more {background:red; width: 13px; height: 10px;}
	span[data-key="vip_user"] {font-weight: bold;  color: #ffedad;}
	.profile-info{text-align:right}
	.profile-balance {color:white; 
					  display:inline-block;
					  margin:10px;
					  padding:0 10px;
					  margin: 12px 5px 10px 5px;
					  border-radius: 10px;
					  background: #040101;
					  color: #010205;
					  display: inline-block;}
	.profile-balance span {line-height:22px; font-size:15px; font-weight: 600;}
	.profile-more {clip-path: polygon(0% 0%, 100% 0%, 50% 100%); background: #ffedad; display: inline-block; width: 10px; height: 4px;margin: 8px 5px;}
	.profile-avatar {display: inline-flex; }
	.profile-avatar img {width: 42px; height: 45px; border-radius: 25px; margin:0}
	.profile-text {display: inline-flex; color: #fff; padding: 15px;}
	.prof {text-align:center; margin-top:15px; padding-top: 5px; font-size: 12px; z-index:5; color: #b4b7c3; background: #0d0f16; display:none; position:absolute; right:0}
	.prof a {color:white; font-size:12px; font-weight:400; white-space: nowrap; padding: 10px 0; display: block;}
	.prof a:hover {background:#ffffff12}
	.profile-buttons {display: inline-block; text-align: center; margin: 0 15px;}
	.profile-buttons a {display: block; padding-top: 5px;}
	.user-type {white-space: nowrap; text-align: center; font-size: 14px; border-bottom: 1px solid #ffffff2e; margin: 0 15px 10px; padding: 7px 10px;}
	.user-type span {display:block}
	.profile .profile-content .profile-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.profile .profile-content .profile-preview .profile-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:calc(100%-200px)}
	.profile .profile-content .profile-preview .profile-avatar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:96px;width:96px;height:96px;background:#6fb1c9;border-radius:50%;margin:0 auto;margin-bottom:16px}
	.profile .profile-content .profile-preview .profile-avatar img{width:64px;height:64px;border-radius:50%}
	.profile .profile-content .profile-preview .profile-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:14px}
	.profile .profile-content .profile-preview .profile-text .profile-name{margin-bottom:8px}
	.profile .profile-content .profile-preview .profile-text .profile-name span{font-weight:700}
	.profile .profile-content .profile-preview .profile-text .profile-group{margin-bottom:8px;text-transform:lowercase}
	.profile .profile-content .profile-preview .profile-text .profile-group span{font-weight:700;text-transform:capitalize}
	.profile .profile-content .profile-preview .profile-text .profile-registered span{font-weight:700}
	.profile .profile-content .profile-preview .profile-buttons{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.profile .profile-content .profile-preview .profile-buttons a{display:inline-block;margin-bottom:8px;border:1px solid #6fb1c9;padding:0 16px;line-height:24px;text-align:center;text-decoration:none}
	.profile .profile-content .profile-preview .profile-buttons a:hover{background:#6fb1c9;color:#fff}
	.profile .profile-content .profile-preview .profile-buttons a:last-child{margin-bottom:0}
	.profile-settings .profile-settings-heading{text-align:center}

	.profile-settings .box {border: 1px solid #ffffff17;  background: #000000b8; min-height: 105px; padding: 20px;display:inline-block; margin:25px; box-sizing: border-box;}
	.profile-settings .half {width:calc(50% - 50px)}
	.profile-settings .full {margin-top:0; width:calc(100% - 50px)}
	.profile-settings .full .form-group {margin-bottom: 0; line-height: 33px; margin-right: 25px; display: inline-block;width: calc(33% - 15px);}
	.profile-settings .full .form-group:last-child {margin-right:0}
	.profile-settings .full .form-group label {margin-right: 10px; }
	.profile-settings .full .form-group input {width:100%; box-sizing:border-box}
	.player-search .player-search-content{}
	.player-search .player-search-content form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.player-search .player-search-content .form-group{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;margin-bottom:0}
	.player-search .player-search-content .captcha{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0}
	.player{position:absolute; bottom:70px; right:140px; z-index: 999998;}
	.player1{position:absolute; bottom:70px; right:50px; z-index: 999998;}
	.player .player-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background:#fff}
	.player .player-content .player-avatar{min-width:100px;width:100px;margin-right:32px}
	.player .player-content .player-avatar img{width:100px;height:100px}
	.player .player-content .player-info{width:484px}
	.player .player-content .player-info p{margin-bottom:16px;font-weight:700;font-size:16px}
	.player .player-content .player-info table td{text-align:left !important;padding-left:8px}
	.player-stat{margin-bottom:32px}
	.player-stat .player-stat-content{}
	.player-stat .player-stat-content p{font-size:16px;line-height:24px}
	.player-post .player-post-content{}
	.player-post .player-post-content .dataTables_length{margin-bottom:6px}
	.player-post .player-post-content .dataTables_paginate{margin-top:16px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.player-post .player-post-content .dataTables_paginate .paginate_button{cursor:pointer}
	.players-list{margin-top:32px}
	.players-list .players-list-content{}
	.top-players .top-players-content{}
	.top-players .top-players-content .dataTables_length{margin-bottom:8px}
	.top-players .top-players-content .dataTable{margin-bottom:8px}
	.top-players .top-players-content .dataTables_paginate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.top-players .top-players-content .paginate_button{cursor:pointer;margin-right:4px}
	.top-players .top-players-content .paginate_button:last-child{margin-right:0}
	.legion-info{margin-bottom:32px}
	.legion-info .legion-info-content{background:#fff}
	.legion-chars .legion-chars-content{background:#fff}
	.top-legions .top-legions-content{background:#fff}
	.top-legions .top-legions-content .dataTables_length{margin-bottom:8px}
	.top-legions .top-legions-content .dataTable{margin-bottom:8px}
	.top-legions .top-legions-content .dataTables_paginate{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.top-legions .top-legions-content .paginate_button{cursor:pointer;margin-right:4px; display: none}
	.top-legions .top-legions-content .paginate_button:last-child{margin-right:0; display: none}
	.membership .membership-content{}
	.balance-main{margin-bottom:32px}
	.balance-main .balance-main-content{background:#fff}
	.balance-pay{margin-bottom:32px}
	.balance-pay .balance-pay-content{color: #fff}
	.balance-trade .balance-trade-content{}
	.balance-trade .balance-trade-content .form-group__selects{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.balance-trade .balance-trade-content .form-group__selects .select{width:45%}
	.game-account{margin-bottom:32px}
	.game-account .game-account-content{background:#fff}
	.game-account .game-account-content .flash-message{margin-top:16px;font-size:14px}
	.game-account-list{margin-bottom:32px}
	.game-account-list .game-account-list-content{background:#fff}
	.game-account-list .game-account-list-content .modal-show{cursor:pointer}
	.game-account-chars .game-account-chars-content{background:#fff}
	.game-account-add .game-account-add-content{background:#fff}
	.game-account-add .game-account-add-content .captcha{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}
	.vote .vote-content{background:#fff}
	.vote .vote-content ul li{margin-bottom:16px}
	.vote .vote-content ul li:last-child{margin-bottom:0}
	.vote .vote-content .vote-candidate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
	.vote .vote-content .vote-candidate img{margin-right:16px}
	.vote .vote-content .vote-candidate ul{font-size:14px;width:60%}
	.vote .vote-content .vote-candidate ul li{line-height:20px}
	.vote .vote-content .vote-candidate .vote-candidate-action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
	.vote-about{margin-bottom:32px}
	.vote-about .vote-about-content{background:##020000}
	.vote-about .vote-about-content ol{font-size:14px;margin-left:20px;list-style-type:decimal}
	.vote-about .vote-about-content ol li{line-height:20px}
	.vote-about .vote-about-content ul{font-size:14px}
	.vote-about .vote-about-content ul li{position:relative;margin-left:16px}
	.vote-about .vote-about-content ul li::before{content:'';display:block;position:absolute;left:-12px;top:6px;height:4px;width:4px;background:#118cab;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	.referrals .referrals-content{background:#fff}
	.referrals .referrals-content ul{margin-bottom:32px;margin-left:20px;list-style:initial}
	.referrals .referrals-content ul li{line-height:20px}
	.report{margin-bottom:32px}
	.report .report-content{background:#fff}
	.report .report-content nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:12px}
	.report .report-content nav a{width:100%;text-align:center;margin-right:12px}
	.report .report-content nav a:last-child{margin-right:0}
	.report .report-content nav:last-child{margin-bottom:0}
	.report-table .report-table-content{background:#fff}
	.report-table .report-table-content .dataTables_length{margin-bottom:6px}
	.report-table .report-table-content .dataTables_paginate{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:16px}
	.report-table .report-table-content .paginate_button{cursor:pointer}b{font-weight:700}
	.pagination ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.pagination ul li{margin-left:0 !important;margin-right:8px}
	.pagination ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #5ba8c1;border-radius:50%;width:32px;height:32px;color:#000}
	.pagination ul li a:hover{text-decoration:none;background:#e6f2f6;border:1px solid #e6f2f6}
	.pagination ul li:last-child{margin-right:0}
	.pagination ul li::before{display:none !important}
	.pagination ul li.selected a{border:1px solid #75d6f5;color:#fff;background:#75d6f5}
	.pagination ul li.next a,.pagination ul li.previous a{color:#fff;background:#5ba8c1;border:1px solid #5ba8c1}
	.pagination ul li.next:hover a,.pagination ul li.previous:hover a{background:#e6f2f6;border:1px solid #e6f2f6;color:#000}
	.pagination .hidden{display:none}
	.pagination .first{display:none}
	.pagination .last{display:none}
	.dataTables_paginate{display:none}
	.dataTables_paginate .first,.dataTables_paginate .last{display:none}
	.dataTables_paginate a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #5ba8c1;border-radius:50%;width:32px;height:32px;color:#000}
	.dataTables_paginate a:hover{text-decoration:none}
	.dataTables_paginate a.next,.dataTables_paginate a.previous{color:#fff;background:#5ba8c1;border:1px solid #5ba8c1}
	.dataTables_paginate a.next:hover,.dataTables_paginate a.previous:hover{background:#e6f2f6;border:1px solid #e6f2f6;color:#000}
	.page h1,.news h1{font-size:28px}
	.page h2,.news h2{font-size:24px}
	.page h3,.news h3{font-size:20px}
	.page h4,.news h4{font-size:16px;}
	.page h5,.news h5{font-size:12px}
	.page h6,.news h6{font-size:10px}
	p{font-size:14px}
	.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:12px}
	.form-group label{margin-bottom:6px}
	.form-group:last-child{margin-bottom:0}
	input::placeholder {color:#aca382; font-family: 'Bellota';}
	.form-error{font-family: sans-serif;   font-weight: 700;margin-top:6px;color:red;text-transform:uppercase;font-size:10px}
	.form-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	input[type="text"],input[type="password"],input[type="email"]{background:#ffffff15;color: white; border:none;border-bottom: 1px solid #d6ca9f;padding:9px 12px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;text-align: center;}
	input:focus{background:#ffffff30; outline:none}
	.select{position:relative;display:inline-block; margin-bottom:5px;}
	.select option {background: #000}
	.select select{color: white; padding: 6px; padding-right:22px; border: 2px solid #f8e6a7; outline:none; background: transparent; border-radius: 4px;}
	.select::after{border-top-right-radius: 4px; border-bottom-right-radius: 4px;content:'\f105';display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;right:0;z-index:1;width:24px;background:#f8e6a7;color:black;font-family:Flaticon;font-size:10px;height:100%;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}
	input[type="checkbox"]:checked,input[type="checkbox"]:not(:checked),input[type="radio"]:checked,input[type="radio"]:not(:checked){position:absolute;left:-9999px}
	input[type="checkbox"]:checked+label, input[type="radio"]:checked+label, input[type="checkbox"]:not(:checked)+label,input[type="radio"]:not(:checked)+label{border: 1px solid #ffffff14;
    margin-bottom: -1px; background: #ffffff14; box-sizing: border-box; display: flex; justify-content: center; align-items: center;width: 200px; height: 45px; position:relative;font-size:14px;cursor:pointer}
input[type="checkbox"]:checked+label, input[type="radio"]:checked+label {background:linear-gradient(to right, #ffffff14 25%, #ffc8006b)}
	input[type="checkbox"]:checked+label:before,input[type="checkbox"]:not(:checked)+label:before,input[type="radio"]:checked+label:before,input[type="radio"]:not(:checked)+label:before{content:"";position:absolute;left:0px;top:0px;width:18px;height:18px;border:1px solid #464646;background-color:#000}
	input[type="checkbox"]:checked+label:before,input[type="checkbox"]:not(:checked)+label:before{border-radius:0}input[type="radio"]:checked+label:before,input[type="radio"]:not(:checked)+label:before{border-radius:100%}
	input[type="checkbox"]:checked+label:after,input[type="checkbox"]:not(:checked)+label:after,input[type="radio"]:checked+label:after,input[type="radio"]:not(:checked)+label:after{}
	input[type="checkbox"]:checked+label:after,input[type="checkbox"]:not(:checked)+label:after{}
	input[type="radio"]:checked+label:after {right: -6px;
		z-index:99;
    content: '';
    background: #f1df9d;
    width: 100%;
    height: 100%;

    clip-path: polygon(0 0, calc(100% - 6px) 0, calc(100% - 6px) calc(50% - 8px), 100% 50%, calc(100% - 6px) calc(50% + 8px), calc(100% - 6px) 100%, 0 100%, calc(100% - 8px) calc(100% - 2px),calc(100% - 8px) calc(50% + 7px), calc(100% - 4px) 50%, calc(100% - 8px) calc(50% - 4px), calc(100% - 8px) 2px );
}}
	input[type="checkbox"]:not(:checked)+label:after,input[type="radio"]:not(:checked)+label:after{opacity:0}
	input[type="checkbox"]:checked+label:after,input[type="radio"]:checked+label:after{opacity:1}
	.login-form .label-login, .login-form .label-password {text-align: left;
    margin-left: 30px;
    /* font-size: 12px; */
    line-height: 1.5;
    font-weight: 500;}
	.login-form small a {text-align: left;
		color:black!important;
		margin-right:16px;

    font-weight: 500;

    }
	.note {background: #000000cf;
    border: 1px solid #ffffff21;
    padding: 20px;}
	.login-form small a:hover {color: white}
	.register-content .button {width:200px; padding:15px 23px;border: 1px solid #d6ca9f; border-radius:0;cursor:pointer;font-family:inherit;}
	.register-content .button:hover {background: #d6ca9f26;}
	.captcha img {height:33px;}
	.button{
    cursor:pointer;
	transition: .2s;
    display: inline-block;
    font-weight: 500;
	background:transparent;
    padding: 7px 23px;
    border-radius: 10px;
    color: white;
	border-block-color: #Aaa;}
	.button:hover{background: #ffffff2b}
	.captcha{position:relative;margin-bottom:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.captcha input{max-width:90px;-webkit-box-sizing:border-box;box-sizing:border-box}
	.captcha .form-error{position:absolute;left:0;bottom:-26px; font-weight: bold}
	.page ul,.news ul,.login-troubles-content ul{font-size:14px; text-align:left}
	.page ul li,.news ul li,.login-troubles-content ul li{position:relative;margin-left:16px;margin-bottom: 15px;line-height: 37px;}
	table{width:100%;font-size:14px;}
	table tr th{font-weight:800;text-transform:uppercase}
	table tr td{padding:8px 0;text-align:center}
	table tr:nth-child(odd){line-height: 30px;}
	table tr:nth-child(even){line-height: 30px;}
	/* COMPENDIUM */

.secr {font-family:'Corbel'; text-transform: initial;}
.secr td {padding:0}
.comp-icon {display: inline-block; width: 55px; height: 55px;}
.challenget td {text-transform: initial; text-align:left; background:#000000b8; position:relative; z-index:2}
.challenget table .green_bg{
	height: 30px;
    padding: 0;
    position: absolute;
    background: #04ff00bd;
}
.buy_battlepass {margin: 20px auto; border:1px solid #ff3972;transition: 0.2s;color: #fff; width: 415px; background: black; line-height: 40px; text-decoration: none; font-size: 20px;}
.buy_battlepass:hover {background:#ff3972}
.buy_battlepassn {

    margin: 20px auto;
    transition: 0.2s;
    color: #ff7b38;
    width: 415px;
    background: #ffffff0a;
    line-height: 40px;
    text-decoration: none;
    font-size: 20px;}
.progress {font-family: 'romulregular'; text-align:center!important}
.reward {text-align: center!important;}
.reward, .skip, .rew {display:inline-block; margin-top:10px;}
.get-reward {font-size: 10px; background: #80c408; padding: 3px 22px; margin-left: 15px; cursor:pointer}
.go-forward {font-size: 10px; background: #6b07f8; padding: 3px 22px; margin-left: 15px; cursor:pointer}
.get-reward, .go-forward, .get-reward:visited, .go-forward:visited {border-radius: 10px;  text-decoration: none; color: #fff;}
.get-reward:hover, .go-forward:hover {color:#fff}
.confirm_skip_popup, .confirm_get_popup {
	position: fixed;
    z-index: 9999999;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000000b3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;}
.confirm_skip_popup .grinner, .confirm_get_popup .grinner {
	display: flex;
    padding: 20px;
    border: 2px solid #6b07f8;
    width: 350px;
    height: 150px;
    color: white;
    background: #0d0f16;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;}
.confirm_skip_popup .grinner .text, .confirm_get_popup .grinner .text {margin-bottom:25px;}
.grcancel {
	cursor:pointer;
	height:20px;
	margin: 0 15px;
    font-size: 14px;
    border-radius: 15px;
    background: #373f59;
    padding: 5px 25px;}
.grcancel:hover {background:#48516f}
.grconfirm, .grconfirm:visited {
	cursor:pointer;
	height:20px;
	color:white;
	background: #6b07f8;
	padding: 5px 25px;
    margin: 0 15px;
    border-radius: 15px;
    font-size: 14px;}
.grconfirm:hover {background:#8229ff}
.completed {z-index: 2; mix-blend-mode: hue; top: 0; background: #000000; position: absolute; width: 100%; height: 100%; left: 0;}
.completed-two {z-index: 2; top: 0; background: #000000b0; position: absolute; width: 100%; height: 100%; left: 0;}
.com-ted {clip-path: polygon(33% 45%, 45% 65%, 70% 20%, 45% 85%); background: #6b07f8; width: 100%; height: 100%;}
.completed:before {content:''; position:absolute; width:100%; height:100%; left:0; top:0;}
.current-task {
	-webkit-animation: blink2 2s linear infinite;
    animation: blink2 2s linear infinite;}
@-webkit-keyframes blink2 {
    0% { color: red; }
    50% { color: grey; }
    100% { color: red; }
}
@keyframes blink2 {
    0% { color: red; }
    50% { color: grey; }
    100% { color: red; }}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	display: none;
	pointer-events: none;
}
.modalDialog:target {
	display: block;
	pointer-events: auto;
}

.modalDialog > div {
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;

}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }
.complete_challenge {
	border-radius: 30px;
	display: flex;
	color:#fff;
	line-height: 18px;
    text-align: center;
	position: relative;
	margin: 0 auto;

}
.task {display:inline-block; background:#0d0f16; width:300px; margin:10px 7px; text-align:left; padding: 15px; box-sizing:border-box}
.task:hover {background:#161925}
.task .name {padding-bottom: 5px; margin-top: 10px; font-size: 11px; border-bottom: 1px solid #4e556b}
.task .progres {line-height: 22px; font-size: 14px; text-align: right;}
.task .progres span {float: left; margin-top: 5px; line-height: 16px; font-size: 10px;margin-right:10px;}
.task .progres .bar {height: 6px; width: 100%; background: #6b07f854; clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);}
.task .progres .bar .percent {background:#ffdb00;clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%); height: 6px;}
.complete_challenge span{box-shadow: 0 0 20px 0px #6b07f8; margin: auto; background: #0d0f16; border-radius: 20px; z-index: 2; display: block; padding: 10px 20px;}


@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

.complete_challenge:after {
	filter: blur(25px);
}
	/* COMPENDIUM END*/
	/* Bonus system */
.heading {font-size:25px; text-align:center; margin:10px 0 20px}
.bonuses {clip-path: polygon(0 0, 70px 0, 75px 5px, 80px 5px, 75px 0, 75px 0, 85px 5px,calc(100% - 85px ) 5px, calc(100% - 75px) 0, calc(100% - 80px) 5px, calc(100% - 75px) 5px, calc(100% - 70px) 0, 100% 0, 100% 70px, calc(100% - 5px) 75px, calc(100% - 5px) 80px, 100% 75px, calc(100% - 5px) 83px,calc(100% - 5px) calc(50% - 50px), 100% calc(50% - 45px), calc(100% - 5px) calc(50% - 40px), calc(100% - 5px) calc(50% - 5px), 100% 50%, calc(100% - 5px) calc(50% + 5px),calc(100% - 5px) calc(50% + 40px), 100% calc(50% + 45px), calc(100% - 5px) calc(50% + 50px), calc(100% - 5px) calc(100% - 85px), 100% calc(100% - 75px), calc(100% - 5px) calc(100% - 80px),calc(100% - 5px) calc(100% - 75px), 100% calc(100% - 70px), 100% 100%, calc(100% - 70px) 100%, calc(100% - 75px) calc(100% - 5px),calc(100% - 80px) calc(100% - 5px), calc(100% - 75px) 100%,calc(100% - 85px) calc(100% - 5px), 85px calc(100% - 5px), 71px 100%, 80px calc(100% - 5px), 75px calc(100% - 5px), 70px 100%, 0 100%, 0 calc(100% - 70px), 5px calc(100% - 75px),5px calc(100% - 80px), 0 calc(100% - 75px), 5px calc(100% - 85px),5px calc(50% + 50px),0 calc(50% + 45px),5px calc(50% + 40px),5px calc(50% - 5px),0 50%,5px calc(50% + 5px),5px calc(50% - 40px),0 calc(50% - 45px),5px calc(50% - 50px),5px 85px, 0px 75px, 5px 80px, 5px 75px, 0 70px);
    border: 8px solid #ffdd65; position:relative; }
.bonuses h2 {
	padding-bottom:15px;
	border-bottom: 1px solid #f8e6a763;
	text-align: center;
	box-sizing: border-box;
	top: 0; left: 0;
	text-transform:uppercase;
	font-size:25px;
	width: 100%;}
	.pay-bar {position:relative; display: inline-block; background: #ffffff14; height: 300px; position: relative; width: 50px;margin:50px 0}
	.pay-bar .label, .pay-bar .labelles {position:absolute}
	.pay-bar .labelles div {font-weight:800;height:75px; width:50px; border-bottom: 1px dashed red; display:flex; font-size:10px; align-items:flex-end; justify-content: center; box-sizing:border-box}
	.pay-bar .labelles div:first-child{height: 15px; margin-top: -15px;}
		.balance-pay{margin-bottom:32px}
	.balance-pay .balance-pay-content{color: #fff}
	#paying {border: 0; color: #fff; cursor: pointer}
.bonuses p {text-align: center; font-size: 28px; margin-top:20px}
.bonuses .line1, .bonuses .line1_colored div{width: 50px; height:300px;}
.bonuses .line1 {background: #4b4b4b; position:absolute; top:0; left:0; z-index:-1}
.bonuses .line1_colored1, .bonuses .line1_colored2, .bonuses .line1_colored3, .bonuses .line1_colored4, .bonuses .line1_colored5 {height:75px; display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;}
.bonuses .line1_colored1 div, .bonuses .line1_colored2 div, .bonuses .line1_colored3 div, .bonuses .line1_colored4 div, .bonuses .line1_colored5 div {border-top: 2px solid #d6ca9f;width:50px; position:relative; height: 100%;background: #c6ddff47; overflow:hidden; max-height:75px}

.toke {font-size: inherit; display: block; padding: 3px 11px; color: #ffffff; background: #3d0094; transition:0.2s}
.inactive {color:red; background: #3d0094;}
.toke:hover {background: #6b07f8;}
.gifts {width: 60%; min-width:320px;display: inline-block;}
.gifts .gift {box-sizing: border-box; border: 1px solid transparent; background: #0000006e;position:relative; margin: 23px 0 0 50px; text-align: center; vertical-align: top; border-right: 1px solid #ffffff14; border-left:2px solid #d6ca9f;}
.gifts .gift:before {content:''; width:50px; height:1px; border-bottom: 1px solid #d6ca9f; box-sizing:border-box; display:block; position:absolute;top:50%; left: -50px}
.gifts .inner{width:30px; height:30px; margin:10px 5px; display:inline-flex;position: relative;}
.gifts .inner:hover .tooltip {visibility: visible;}
.gifts .inner .tooltip {text-transform:none; line-height: 1.5; visibility: hidden; bottom:14px; width: 300px; background-color: #000; color: #fff; text-align: left; border: 1px solid #6f5b00; font-size: 11px; padding: 5px;position: absolute; z-index: 1;}
.gifts .inner .tooltip h3 {font-size:14px; margin: 0;}
.gifts .inner .tooltip img, .gifts .inner .tooltip ul {display:inline-block; margin:10px 0}
.gifts .inner .tooltip ul {margin-left: 2px; width: 265px;}
.gifts .inner img{ width: 30px; height: 30px;}
.get {display:inline-block; width:calc(40% - 50px); }
#pause {background-position: center;
    background-size: 12px;
		background-repeat: no-repeat;
	width: 20px;
	margin:15px;
    display:inline-block;
		float:right;
    height: 20px;}
	.unpaused {background-image:url(../img/pause.png)}
		.paused {background-image:url(../img/play.png)}
.get .bonus-button {
	background: #0000006e;
	box-sizing: border-box;
    height: 52px;
    margin-top: 23px;
    padding: 0px 10px;
    font-size: 12px;
    display: flex;
	align-items:center;
	justify-content: center;
    width: 100%;}
.toke_list_first {align-self: flex-start; margin-top: 10px; margin-left: 15px; position:relative;background: #6b07f8; padding: 7px 10px; overflow: hidden;}
.toke_list_first:hover {overflow:visible}
.toke_list_first:hover .toke_list {opacity:1}
.toke_list {position:absolute; width: 100%; top:30px; left: 0; opacity:0; transition:0.2s; text-align:center}

.gifts .item-count {background:black; text-shadow: 0px 1px 0px #000; position: absolute; bottom: 0; font-size: 11px; line-height: 10px;}
/* Bonus system end*/
/* Comet style*/
#container{
  z-index:0;
width:310px;
height:155px;
position:absolute;
left:-5px;
top:-5px;
overflow:hidden; /*prevent overflow of comets and showing the vertical scrollbar*/
}

#container .particle{
  mix-blend-mode: color-dodge;
position:absolute;

animation:ff linear 2.2s var(--i) forwards;


}
#container .particle::before {position:absolute;top: -2px; left:-2px; width:5px; height:5px; content: "";background:#ffc24420; }
@keyframes ff{
10%{transform:translate(0%,0%) scale(1) ; opacity:1}
100%{transform:translate(var(--shiftX), var(--shiftY)) scale(0); opacity:0 }
}
/*гайд по серверу*/
.giude h2 {line-height: 40px; border-bottom: 1px solid #6b07f8; margin: 0 50px;font-size: 24px; text-align: center; color: white;}
.page_membership, .game_start {display:flex;justify-content: space-evenly; margin: 30px auto;   max-width: max-content;font-size: 12px; color: white;align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: wrap;}
.membership_text, .start_text {margin: auto; min-width: 200px; max-width: 40%; display: flex;  padding: 30px; font-size: 16px; align-content: flex-start; align-items: flex-start; justify-content: center; flex-direction: column;}
.start_text {margin:unset; padding:0 30px; max-width:unset}
.pregraph {height: 240px; line-height: 15px; padding-right: 4px; text-align: right; color: #a0a0a0; background-size: 15px 15px; background-image: linear-gradient(to top, #ffffff1c 1px, transparent 1px); font-size: 11px; display: flex; width: 15px; flex-direction: column; flex-wrap: nowrap;}
.pregraph .white {color:white}
.graph_block {display: flex; margin: auto;}
.graph {margin-top: 14px;position:relative; display:flex; align-items:flex-end;background-size: 15px 15px; background-image: linear-gradient(to right, #ffffff1c 1px, transparent 1px), linear-gradient(to bottom, #ffffff1c 1px, transparent 1px);}
.graph .explain {top: 25px; position: absolute; left: 250px;}
.graph .explain div {line-height: 20px;padding-left: 5px;}
.graph .explain .common_text {padding: 0 10px; position:relative; margin-bottom: 5px;border-bottom: 1px solid white;}
.graph .explain .common_text:before, .graph .explain .vip_text:before {top: 11px; content: ''; width: 3px; height: 3px; display: block; border-radius: 50%; position: absolute; left: -2px;}
.graph .explain .vip_text {padding: 0 10px;  position:relative; border-bottom: 1px solid #ffd778}
.graph .explain .common_text:before {background: white;}
.graph .explain .vip_text:before {background: #ffd778;}
.rate_block {position: relative; text-align: center; width: 66px;}
.vip_rate {border-top: 2px solid #ffd778; margin: auto; background: linear-gradient(180deg, #ffcd589e, transparent 90%); width: 65px;}
.common_rate {position: absolute; border-top: 2px solid white; margin: auto;  background: linear-gradient(180deg, #ffffff61, #ffffff59); width: 65px; bottom: 35px;}
.rate_name {display: block; height: 30px; padding-top: 5px;}
.vr1 {height:225px;}
.vr2 {height:225px;}
.vr3 {height:75px;}
.vr4 {height:45px;}
.vr5 {height:30px;}
.vr6 {height:30px;}
.vr7 {height:30px;}
.vr8 {height:225px;}
.cr1 {height:150px;}
.cr2 {height:150px;}
.cr3 {height:60px;}
.cr4 {height:30px;}
.cr5 {height:15px;}
.cr6 {height:15px;}
.cr7 {height:15px;}
.cr8 {height:150px;}
.webshop-item h3 {font-size: 24px;}
.vip_rates span {display:block}
.start_equip {display: flex; max-width: 250px; margin:0 auto; flex-direction: row; flex-wrap: wrap;}
.start_text li {line-height:40px;}
.start_text .headr, .start_equip .headr, .start_craft .headr {position:relative; margin: 0 auto; padding:10px; font-size: 18px; width:100% ; display: block; text-align: center; font-weight: 600;}

.start_text ul {display: flex; background: #0d0f16; padding: 20px; flex-direction: column; justify-content: center;}
.armor, .accessory, .weapon, .wings {margin: 0 10px; flex-direction: row; flex-wrap: wrap; justify-content: center; display: flex;align-content: flex-start;}
.armor, .weapon {max-width:150px;}
.accessory, .wings {max-width:60px}

.customables {max-width: unset}
.customables span, .armor span, .accessory span, .weapon span, .wings span {font-size: inherit; /* width: 100%; */ min-height:18px; display: block; font-weight: 700; TEXT-ALIGN: center; MARGIN: 10PX 0;}
.armor span {margin:10px 19px}
.start_craft {padding:0 20px; text-align:center}
.start_craft .image {display: flex;  margin-top: 25px;  border: 2px solid #6b07f8;  height: 135px;  overflow: hidden; align-content: center; align-items: center;}
.start_pvp {display: flex; font-size: 14px; justify-content: center; flex-direction: column; align-items: center;}
.start_pvp ul li{line-height: 25px;padding-left:20px; position:relative}
.start_pvp ul li:before {left: 5px; top: 11px;position:absolute; content:''!important; width:3px!important; height:3px; background:#6b07f8}
.start_pvp table {border-spacing: 0;}
.start_pvp table tr td {text-align:left; padding:10px; position:relative;}
.start_pvp table tr td img {float: left; border: 1px solid #6b07f8; margin-right: 10px;}
.start_pvp table tr td:first-child {font-weight: 700; vertical-align: middle;}
.start_pvp table tr {line-height: 15px;}
.start_pvp .item_tr1 {width:150px;}
.start_pvp .item_tr2 {width:140px;}
.command {
	background: #6b07f8;
    border-radius: 10px;
    font-size: 12px;
    padding: 3px 13px;}
.start_pvp ul p {
	padding-left: 12px;
    color: #929dc5;
    margin: 5px 15px;
    border-left: 1px solid #6b07f8;
}
.start_pvp table .count {
	font-weight:400;
	position: absolute;
    text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 2px black, 0 0 2px black;
    font-size: 12px;
    left: 27px;
    top: 27px;}
/*конец гайда*/
/* PRELOADER*/

/*PRELOADER END*/
	.noscroll{overflow:hidden}
	.progress{overflow:hidden;margin-bottom:16px;margin-left:32px;margin-right:32px}
	.progress progress{position:absolute;width:0;height:0;overflow:hidden;left:-9999px}
	.progress .progress-bar{overflow:hidden;background:#5ba8c1;width:0;height:100%;position:absolute;top:0;left:0}
	.progress .progress-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:4px;color:#000;line-height:14px;font-size:14px}
	.progress .progress-bg{background:#d5dde5;position:relative;height:4px;overflow:hidden}
/*HEADER*/
	.back {height: 600px; width: 1400px; margin: 0 auto;position:relative; overflow:hidden; text-align:center; font-family: 'Manrope', sans-serif;}
	.left-wing, .right-wing {width:254px; height:220px; display:inline-block;margin-top:-110px; position:relative;z-index:2}
	.left-wing {margin-left:-10px}
	.right-wing {margin-left:-30px}
	.left-wing img {margin: 15px 0 0 10px;    transform: skew(30deg, -20deg) scale3d(0.1, 0.2, 0.1) rotate(-85deg);animation: leftup 1s forwards;transform-origin: 90% 60% 0;}
	.right-wing img {transform: skew(-25deg, 20deg) scale3d(0.1, 0.2, 0.1) rotate(85deg); margin: 11px 0 0 0;animation: rightup 1s forwards;transform-origin: 10% 60% 0;}
	
	.infinite-back1 {filter: blur(1px); text-shadow: 0 0 8px #fff0, 0 0 8px #edecffd9, 0 0 20px #ffffff8c; padding-left: 10px; letter-spacing: 17px; transform: scaleX(1.4); display: block; margin: 12px auto 0; position: relative; color: transparent; font-size: 85px; font-weight: 600;opacity: 0; animation: inback1 3s forwards;  animation-delay: 1s;animation-timing-function: cubic-bezier(0, 0, .1, 1);}
	.infinite-back2 {filter: blur(5px); text-shadow: 0 0 8px #c0bdff00, 0 0 8px #edecff75, 0 0 20px #ffffff8c; padding-left: 10px; letter-spacing: 17px; transform: scaleX(1.4); display: block; margin: -85px auto 0; position: relative; color: transparent; font-size: 85px; font-weight: 600;opacity: 0; animation: inback2 3s forwards;  animation-delay: 1s;animation-timing-function: cubic-bezier(0, 0, .1, 1);}
	.line {margin:5px auto; background:#000; width:0px; height:1px; animation-name: width; animation-duration: 1s; animation-fill-mode: forwards;animation-delay:2s; animation-timing-function: ease-in-out; }@keyframes width {  from {width: 0;} to {width: 260px; }}
	.ascension {display: block; transform: scaleX(1.2); font-weight: 400; opacity:0; letter-spacing: 5px; font-size: 14px;animation: ascension 1s forwards;animation-delay:2.5s}
	.clouds1, .clouds2, .clouds3 {position:absolute; margin-top:-400px; width:1400px; height:1400px}
	.clouds1 {background: url(../img/clouds1.png); animation-name: spin; animation-duration: 350s; animation-iteration-count: infinite; animation-timing-function: linear; }@keyframes spin {  from {transform: rotate(0deg);} to {transform: rotate(360deg); }}
	.clouds2 {background: url(../img/clouds2.png); animation-name: spin; animation-duration: 250s; animation-iteration-count: infinite; animation-timing-function: linear; }@keyframes spin {  from {transform: rotate(0deg);} to {transform: rotate(360deg); }}
	.clouds3 {background: url(../img/clouds3.png); animation-name: spin; animation-duration: 150s; animation-iteration-count: infinite; animation-timing-function: linear; }@keyframes spin {  from {transform: rotate(0deg);} to {transform: rotate(360deg); }}
	@keyframes in{0%{letter-spacing: -17px; opacity: 0; }  100%{letter-spacing: 17px; opacity: 1; }}
	@keyframes inback1{0%{letter-spacing: -17px; opacity: 0; } 30%{opacity: 1;} 100%{letter-spacing: 32px; opacity: 0; }}
	@keyframes inback2{0%{letter-spacing: -17px; opacity: 0; } 30%{opacity: 1;} 100%{letter-spacing: 47px; opacity: 0; }}
	@keyframes rightup{0%{transform: skew(-25deg, 20deg) scale3d(0.1, 0.2, 0.1) rotate(85deg); margin: 11px 0 0 0;opacity: 0; } 30% {opacity: 0;} 100%{margin: 0; transform: none; opacity: 1; }}
	@keyframes leftup{0%{margin: 15px 0 0 10px;    transform: skew(30deg, -20deg) scale3d(0.1, 0.2, 0.1) rotate(-85deg);opacity: 0; }30% {opacity: 0;} 100%{margin: 0; transform: none; opacity: 1; }}
	@keyframes ascension{0%{margin-top:25px; opacity:0}100%{margin-top:10px; opacity:1}}
/*HEADER END*/
/*LOCALIZE*/


/*LOCALIZE END*/
/*BATTLEPASS*/
.bp {margin-bottom:20px; font-family:romulregular; color:#fff; text-align:center; position: relative;height:300px; background:url(../img/bp-bg.jpg); border: 1px solid;  border-image: linear-gradient(90deg, rgb(0, 0, 0), rgb(150, 150, 150), rgb(0, 0, 0))1;overflow: hidden;}
.circle1 {position: absolute; mix-blend-mode: overlay; margin: -44% auto; background-size: cover; width: 1200px; height: 1200px; background-image: url(../img/circles1.svg); animation: crone 200s infinite}
.circle2 {position: absolute; mix-blend-mode: overlay; margin: -44% auto; background-size: cover; width: 1200px; height: 1200px; background-image: url(../img/circles2.svg); animation: crtwo 100s infinite}
.circle3 {position: absolute; mix-blend-mode: overlay; margin: -9% 33.5%; background-size: cover; width: 400px; height: 400px; background-image: url(../img/circles1.svg); animation: crone 150s infinite}
.circle4 {position: absolute; mix-blend-mode: overlay; margin: -9% 33.5%; background-size: cover; width: 400px; height: 400px; background-image: url(../img/circles2.svg); animation: crtwo 100s infinite}
@keyframes crone {  from {transform: rotate(0deg);} to {transform: rotate(360deg); }}
@keyframes crtwo {  from {transform: rotate(0deg);} to {transform: rotate(-360deg); }}
.logo-block {height: 155px; width: 200px; margin: 0 auto; position: relative;}
.bp-logo {margin-top: 20px; left: 52px; position: absolute;height: 130px; animation: beat 15s infinite linear;}
.bp-logo2 {transform: scale3d(0.116, 0.116, 0.1);mix-blend-mode: overlay; margin-top: -660px; left: -497px; position: absolute;height: 1488px; opacity:0;animation: wave 15s infinite ease-out;}
@keyframes beat{15%{transform: scale(1.05)} 49%{transform: scale(1.2)} 50%{transform:scale(1.3)}60%{transform: scale(1.2)}85%{transform: scale(1.05)}  100%{transform: scale(1)} ; }
@keyframes wave{49%{opacity:0} 50%{transform: scale3d(0.116, 0.116, 0.1); opacity:1; margin-top:-660px} 100%{transform: scale3d(1,1,1); opacity:0; margin-top: -1000px} ; }
.shadow {
  -webkit-filter: drop-shadow( 0px 0px 12px rgba(255, 241, 81, 0.5)) drop-shadow( 0px 0px 4px rgba(255, 255, 255, 1));
  filter: drop-shadow( 0px 0px 12px rgba(255, 241, 81, 0.5)) drop-shadow( 0px 0px 4px rgba(255, 255, 255, 1));
}
.bp-label {letter-spacing: 2px;  font-size: 20px; top: 10px; display: block; height: 30px; width: 100%; position: absolute; color: #fff;
}
.battlepass {margin-top: -10px;display: block; text-shadow: 0 0 18px #000; letter-spacing: 5px; font-size: 100px;  transform: scaleY(0.85);}
.bp-line {width:450px; height:1px; background:#fff; margin:0 auto}
.bp-link-back {
	padding: 8px 5px;
    display: block;
    margin: 10px auto;
    width: 204px;
    height: 16px;
    background: #ffffff;
    clip-path: polygon(21px 100%, 0% 50%, 21px 0%, 193px 0%, 100% 50%, 193px 100%);
    transform: scaleX(1.1);}
.bp-link, .bp-link:visited {
	background: #ffffff;
	clip-path: polygon(20px 100%, 0% 50%, 20px 0%, 190px 0%, 100% 50%, 190px 100%);
    width: 200px;
    display: block;
    padding: 8px 5px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: -41px auto;
    transform: scaleX(1.1);
}
.bp-link:hover, .bp-link:visited:hover{background:#000;color:#fff}
/*BATTLEPASS END*/
/*SLIDER*/
/* Slider (https://github.com/itchief/how-to/tree/master/slider)
        Copyright 2019 Alexander Maltsev
        Licensed under MIT (https://github.com/itchief/how-to/blob/master/LICENSE) */

      /* стили основного контейнера слайдера */
    .slider {
	  display:inline-block;
	  height:440px;
	  width:780px;
      position: relative;
      overflow: hidden;
      max-width: 800px;
      margin-left: auto;

    }

    /* стили для обёртки, в которой заключены слайды */
    .slider__wrapper {
      position: relative;
      overflow: hidden;
    }

    /* стили для контейнера слайдов */
    .slider__items {
      display: flex;
      transition: transform 0.6s ease;
    }

    /* стили для слайдов */
    .slider__item {
      flex: 0 0 100%;
      max-width: 100%;
    }

    /* стили для кнопок "вперед" и "назад" */
    .slider__control {
      position: absolute;
      top: 50%;
      display: none;
      align-items: center;
      justify-content: center;
      width: 40px;
      color: #fff;
      text-align: center;
      opacity: 0.5;
      height: 50px;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, 0.5);
    }

    .slider__control_show {
      display: flex;
    }

    .slider__control:hover,
    .slider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: 0.9;
    }

    .slider__control_prev {
      left: 0;
    }

    .slider__control_next {
      right: 0;
    }

    .slider__control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

    .slider__control_prev::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .slider__control_next::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    /* стили для индикаторов */
    .slider__indicators {
      position: absolute;
      right: 0;
      bottom: 10px;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 10px;
      list-style: none;
    }

    .slider__indicators li {
		border-radius:3px;
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 5px;
      height: 5px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5);
      background-clip: padding-box;
    }

    .slider__indicators li.active {
      background-color: #fff;
    }

    .slider img {
      display: inline-block;
      height: auto;
      max-width: 100%;
    }

    .slider__item {
      height: 440px;
      overflow: hidden;
      position: relative;
    }
	.slider__item_inner:before {
		mix-blend-mode: overlay;
		margin-left:-5px;
		background:black;
		content:'';
		position:absolute;
		width:2px;
		left:0;  top:0; bottom:0;
	}
    .slider__item_inner {
	  background: #000000c2;
	  padding:20px 10px;
      position: absolute;
      left: 320px;
      right: 0;
      top: 0;
      bottom: 0;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    .slider__item_img {
      flex: 0 0 100px;
      max-width: 100px;

    }

    .slider__item_testimonial {
      flex: 1 0 0;
      display: flex;
      flex-direction: column;
      text-align: center;
    }

    .slider__item_name {
     border-bottom: 1px dotted #ff3972;
    padding-bottom: 15px;
    font-size: 30px;
    margin-bottom: 15px;
    color: white;
    }

    .slider__item_post {
      font-size: 12px;
      margin-bottom: 8px;
      color: rgba(255, 255, 255, 0.5);
      display: none;
    }

    .slider__item_text {
	  line-height:18px;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 12px;
      display: none;
    }

    @media (max-width: 1550px) {
		.bp-menu:before  {

    left: 23px;


    width: 46px;
    height: 50px;

    background-size: 50px 57px;
    /* display: block; */
    top: -25px;
	}
		.sidebar {}
		.sidebar .site-logo {padding:10px 12px; margin:0}
		.sidebar  a {}
		.sidebar  svg { }
		.sidebar a, .sidebar a:hover, .m1 {background-position-x: center;}
		.sidebar a, .sidebar a:hover, .m2 {background-image: unset;}
		.wrapper {}
      .slider__item {
        height: 440px;
      }

      .slider__item_inner {
        flex-direction: row;
      }

      .slider__item_testimonial {
        margin:0 15px;
      }

      .slider__item_img {
        flex: 0 0 150px;
        max-width: 150px;
        height: 200px;
      }

      .slider__item_testimonial {
        text-align: left;
      }

      .slider__item_post,
      .slider__item_text {
        display: block;
      }
    }
@media (max-width: 1400px) {
	.news-block {width:calc(100% - 400px)}
	.streams {width:400px;}
	.no-stream {background: #6b07f8 url(../img/stream-bg.jpg); background-size: contain; background-repeat: no-repeat; background-position: center;}
}
@media (max-width: 1200px) {
	.streams iframe {min-height: 350px;}
	.news-block {width:100%; padding-right:0}
	.streams {width:100%}
	}
@media (max-width: 920px) {
	.welcome img {height:160px; margin-top:60px}
	}
@media (max-width: 830px) {
	.welcome img {display:none}
	}
    .btn1 {
      display: block;
      font-weight: 400;
      text-align: center;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 1px solid transparent;
      padding: .375rem .75rem;
      font-size: 1rem;
      line-height: 1.5;
      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      color: #fff;
      background-color: rgba(255, 255, 255, 0.2);
      text-decoration: none;
    }

    .btn1:hover {
      color: #fff;
      background-color: rgba(255, 255, 255, .5);
    }

		#top-legions {border: 1px solid #d6ca9f;}
/*SLIDER END*/
/*DOWNLOAD PAGE*/
.download-page .down_number {width: 100%; display: inline-block; background:url(/themes/ryze_webdev/assets/img/downnbg.png)}
.pright {display:inline-block; font-size:12px; line-height: 24px;}
.pheading {padding-top: 7px; font-size: 22px;margin-bottom: 5px;}
.pone:before, .ptwo:before, .pthree:before, .pfour:before, .pfive:before {text-align: center; padding-top: 25px; display: inline-block;width:70px; height:45px; margin-right:15px; background:#00000029; font-size:40px}
.pone:before {content:'1'} .ptwo:before {content:'2'} .pthree:before {content:'3'} .pfour:before {content:'4'} .pfive:before {content:'5'}
/*DOWNLOAD PAGE END*/
/*WEBSHOP*/
.webshop-item {font-size: 14px; border: 1px solid #d6ca9f;background: #00000085;margin: 15px; position: relative; padding: 15px;}
.webshop-itemIN {
    font-size: 14px;
    background: #000000;
    position: relative;
	}
.Super_Boost {
	clip-path: polygon(0 0, 50px 0, 53px 3px, calc(100% - 53px) 3px, calc(100% - 50px) 0, 100% 0, 100% 50px, calc(100% - 3px) 53px, calc(100% - 3px) calc(100% - 53px), 100% calc(100% - 50px), 100% 100%, calc(100% - 50px) 100%, calc(100% - 53px) calc(100% - 3px), 53px calc(100% - 3px), 50px 100%, 0 100%, 0 calc(100% - 50px), 3px calc(100% - 53px), 3px 53px, 0 50px);
  border: 6px solid #c6d7ff;
}
.Extra_Boost {
	clip-path: polygon(0 0, 70px 0, 75px 5px, 80px 5px, 75px 0, 75px 0, 85px 5px,calc(100% - 85px ) 5px, calc(100% - 75px) 0, calc(100% - 80px) 5px, calc(100% - 75px) 5px, calc(100% - 70px) 0, 100% 0, 100% 70px, calc(100% - 5px) 75px, calc(100% - 5px) 80px, 100% 75px, calc(100% - 5px) 83px,calc(100% - 5px) calc(50% - 50px), 100% calc(50% - 45px), calc(100% - 5px) calc(50% - 40px), calc(100% - 5px) calc(50% - 5px), 100% 50%, calc(100% - 5px) calc(50% + 5px),calc(100% - 5px) calc(50% + 40px), 100% calc(50% + 45px), calc(100% - 5px) calc(50% + 50px), calc(100% - 5px) calc(100% - 85px), 100% calc(100% - 75px), calc(100% - 5px) calc(100% - 80px),calc(100% - 5px) calc(100% - 75px), 100% calc(100% - 70px), 100% 100%, calc(100% - 70px) 100%, calc(100% - 75px) calc(100% - 5px),calc(100% - 80px) calc(100% - 5px), calc(100% - 75px) 100%,calc(100% - 85px) calc(100% - 5px), 85px calc(100% - 5px), 71px 100%, 80px calc(100% - 5px), 75px calc(100% - 5px), 70px 100%, 0 100%, 0 calc(100% - 70px), 5px calc(100% - 75px),5px calc(100% - 80px), 0 calc(100% - 75px), 5px calc(100% - 85px),5px calc(50% + 50px),0 calc(50% + 45px),5px calc(50% + 40px),5px calc(50% - 5px),0 50%,5px calc(50% + 5px),5px calc(50% - 40px),0 calc(50% - 45px),5px calc(50% - 50px),5px 85px, 0px 75px, 5px 80px, 5px 75px, 0 70px);
	    border: 8px solid #ffdd65;
}
.web-item-img {top: -5px;
    border: 1px solid #d6ca9f;
    position: absolute;
    z-index: 8;
    left: calc(50% - 20px);}
.web-item {display: inline-block; position:relative; margin-top:20px; width:330px }
.web-itemIN {
    display: inline-block;
    position: absolute;
    margin-top: 20px;
    top: 95px;
    width: 300px;
}
.webshop-item-title {font-size: 12px; margin-left: 15px; display: inline-block; width: 165px; line-height: normal; text-transform: initial;}
.webshop-item-details {height: 30px; background: #3e4956;}
.shop-price-old {line-height: 30px; display: inline-block; color: #a1a2b0; text-decoration: line-through; float: left;padding-left:10px}
.shop-discount {border: 2px solid red; text-align: center; display: block; height: 25px; top: -10px; position: absolute; left: -10px; background: black; transform: rotate(-15deg); font-size: 9px; border-radius: 15px; width: 25px; line-height: 24px;}
.shop-price {display:inline-flex; padding:0 5px}
.shop-left-col, .shop-right-col {padding: 5px 0; }
.shop-right-col {float:right}
.shop-left-col {float:left}
.shop-buy {margin: 0 10px; border: 1px solid #d6ca9f; margin-top: 15px;text-align: center; color:black; font-weight:bold}

/*WEBSHOP END*/
.vip-border{ position:relative}
.vip-title {background:black; position:absolute; left:30px; top:-25px; font-size:24px; color:#fff;padding:10px;}


/*-- Preloader --*/
#elastic-preloader {
padding: 20%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000000000000000000000000000000002;
  background: url(/images/pre.png) no-repeat center 35%;
  background-color:#212121;
}
#elastic-preloader div {
	margin:auto;
	display:block;
	position:absolute;
	top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   z-index: 1000000000000000000000000000000003;
	width:0px;
	height:1px;
	padding-top:34px;
	border-bottom:1px solid white;

}
#elastic-preloader img {
	margin: auto;
    display: block;
    position: absolute;
    border-style: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: 8%;
}
#elastic-preloader h1 {
color:white;
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  right: 0;
  bottom: 0;
  z-index: 1000000000000000000000000000000003;
  width: 100%;
  height: 30px;
  line-height: 1;
  margin: auto;
  font-size: 25px;
  text-align: center;
}
#elastic-preloader h1:after {
  content: "%";
  padding-left: 5px;
  font-size: 16px;
  font-weight: normal;
}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}

/* Item Preloader */
#item-preloader { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000000000000000000000000000000006; padding-top: 25%; background: #FFF; }
#preloader_1{ position:relative; z-index: 1000000000000000000000000000000007; width: 106px; margin: 0 auto; }
#preloader_1 span{ display:block; bottom:0px; width: 18px; height: 10px; background: rgba(0,0,0,0.5);; position:absolute; animation: preloader_1 0.5s  infinite ease-in-out; }
#preloader_1 span:nth-child(2){ left:22px;  }
#preloader_1 span:nth-child(3){ left:44px;  }
#preloader_1 span:nth-child(4){ left:66px;  }
#preloader_1 span:nth-child(5){ left:88px;  }
@keyframes preloader_1 {
    0% {height:10px;transform:translateY(0px);background: rgba(0,0,0,0.5);}
    25% {height:60px;transform:translateY(15px);background: rgba(0,0,0,1);}
    50% {height:10px;transform:translateY(0px);background: rgba(0,0,0,0.5);}
    100% {height:10px;transform:translateY(0px);background:rgba(0,0,0,0.5);}
}
.itemstats {font-size:10px;}
.itemstats td {padding:0; text-align:left; padding:0 5px}
.itemstats .statname {}
.menubp {color:#ff3972!important; font-weight:bold;transition: 0.1s}
.menubp:hover {color:#fff!important}
.menubp:before {content:'[';padding-left: 5px;  padding-right: 5px;transition: 0.1s}
.menubp:after {content:']';padding-left: 5px;  padding-right: 5px;transition: 0.1s}
.menubp:hover:before {padding-left: 0px;  padding-right: 10px;color:#fff}
.menubp:hover:after {padding-left: 10px;  padding-right: 0px;color:#fff}

/* Расписание осады таблица */
table.iksweb{text-decoration: none;border-collapse:collapse;width:100%;text-align:center; border: 1px solid #ffffff2e; background: #ffffff14;}
table.iksweb th{font-weight:normal;font-size:14px; background-color:#ffffff21}
table.iksweb td{font-size:13px;color:#000000;}
table.iksweb td,table.iksweb th{white-space:pre-wrap;line-height:13px;vertical-align: middle;}

/* Расписание ивентов таблица */
table.iksweb2{text-decoration: none;border-collapse:collapse;width:100%;text-align:center; border: 1px solid #ffffff2e; background: #ffffff14;}
table.iksweb2 th{font-weight:normal;font-size:14px; background-color:#ffffff21}
table.iksweb2 td{font-size:15px;color:#ffffff;}
table.iksweb2 td,table.iksweb2 th{white-space:pre-wrap;padding:0px 5px;line-height:13px;vertical-align: middle;}

/* Расписание ивентов таблица */
table.iksweb3{text-decoration: none;border-collapse:collapse;width:100%;text-align:center;border: 1px solid #ffffff2e; background: #ffffff14;}
table.iksweb3 th{font-weight:normal;font-size:14px; background-color:#ffffff21}
table.iksweb3 td{font-size:15px;color:#ffffff;}
table.iksweb3 td,table.iksweb3 th{white-space:pre-wrap;padding:0px 5px;line-height:13px;vertical-align: middle;}

/* Расписание ивентов таблица */
table.iksweb4{text-decoration: none;border-collapse:collapse;width:100%;text-align:center;border: 1px solid #ffffff2e; background: #ffffff14;}
table.iksweb4 th{font-weight:normal;font-size:14px; background-color:#ffffff21}
table.iksweb4 td{font-size:15px;color:#ffffff;}
table.iksweb4 td,table.iksweb4 th{white-space:pre-wrap;padding:0px 5px;line-height:13px;border: 1px solid #000000;}


.rightpic {
	margin-right: 2px;
	margin-top: -13px;
   }
.rightpic2 {
	margin-right: 2px;
	margin-top: -1px;
   }
.rightpic4 {
	margin-right: 2px;
	margin-top: -1px;
   }
   .rightpic5 {
	margin-right: 2px;
	margin-top: 3px;
   }
   .rightpic6 {
	margin-right: 2px;
	margin-top: -15px;
   }
/* Кастомный спойлер */
.spoiler_container {padding:10px 0;}
input[id^="spoiler"]{
 display: none;
}
input[id^="spoiler"] + label {
	height:25px!important;
  display: block;
  width: 200px;
  margin: 0 auto;
  padding: 5px 20px;
  background: #6b07f8;
  color: #fff;
  text-align: center;
  font-size: 24px;
  border-radius: 8px;
  cursor: pointer;
  transition: all .6s;
}
input[id^="spoiler"]:checked + label {
  box-shadow: 0 0 8px 3px #6b07f8;
    color: #333;
    background: #fff;
}
input[id^="spoiler"]:checked + label:before, input[id^="spoiler"]:not(:checked) + label:before {display:none}
input[id^="spoiler"] ~ .spoiler {

  height: 0;
  overflow: hidden;
  opacity: 0;
  margin: 10px auto 0;
  padding: 10px;
  background: #232323;
  border: 1px solid #6b07f8;

  transition: all .6s;
}
input[id^="spoiler"]:checked + label + .spoiler{
  height: auto;
  opacity: 1;
  padding: 10px;
}
@font-face {
    font-family: 'Font8';
    src: url('../fonts/TahomaPix.ttf');}
@font-face {
		font-family: 'font1';
		src: url('../fonts/Frozito.ttf'); 
	}
	
.donate-option-card {
    padding: 1rem 31.25rem;
    border-radius: 65px;
    width: 60%;
    text-align: center;
	background: #39539de0;
}

.donate-option-card:not(.donate-option-card--selected):hover {
    color: #191919;
    box-shadow:
        0 10px 15px -3px rgb(0 0 0 / 0.1),
        0 4px 6px -4px rgb(0 0 0 / 0.1);
}

.donate-option-card:focus,
.donate-option-card--selected {
    cursor: default;
    color: white !important;
    background-color: #191919;
    border-color: #191919;
}

.donate-option-card_title {
    font-weight: bold;
}

.donate-option-card_caption {
    font-size: 14px;
    margin-top: 4px;
}

.donate-option-card_title span {
    white-space: nowrap;
    font-size: 18px;
    background: #00a367;
    padding: 0 4px;
    color: white;
    border-radius: 2px;
}

.depositing_options .donate-option-card {
    width: 285px;
    margin: auto;
}

.depositing_options .donate-option-card:not(:first-child) {
    margin: 1rem auto;
}

.depositing_options .correct {
    cursor: pointer;
}

.depositing_options .email {
    margin-bottom: .75rem;
}

.home_container2 {
    box-sizing: border-box;
    padding: 0% 11px 0%;
    position: absolute;
    font-family: 'font1';
    color: #ececec;
}