@media (max-width: 1300px){
	#offcanvas-toggler {
    float: right;
    line-height: 87px;
    margin-left: 15px;
    font-size: 40px;
}
#sp-menu{
	margin-top: -70px !important;
}
#offcanvas-toggler > i {
    color: #0ee1f0;
}
	
	nav{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	/* ----------------------------- */
	/* ---------- header ----------- */
	/* ----------------------------- */
	
	header{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.head-mini > .left{
		width: 100%;
	}
	.streams-block > .streams-center{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.streams-block > .streams-center > .streams > .stream-line > .stream{
		width: calc( ( 100vw - 375px ) / 3 );
	}
	.desc-center{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.desc-server > .center{
		width: calc( 100% - 206px - 40px );
	}
	.desc-server > .rates{
		width: 100%;
		margin-top: 40px;
	}
	.forum-center{
		width: 100%;
		/* padding-left: 30px; */
		/* padding-right: 30px; */
	}
	.social-block > .social-center{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	.content > .content-center{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		justify-content: center;
	}
	footer > .footer-center{
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		justify-content: center;
	}
}
@media (max-width: 1150px){
	/* ----------------------------- */
	/* -------- navigation --------- */
	/* ----------------------------- */
	
	.navigation_block{
		position: absolute;
	}
	.menu{
		width: 300px;
		position: absolute;
		flex-wrap: wrap;
		justify-content: center;
		right: 0px;
		top: 100px;
		background: #0b111f;
		padding-left: 30px;
		padding-right: 30px;
		height: 0px;
		overflow: hidden;
	}
	nav .open-navigation{
		display: block;
	}
	/* -------- nav button --------- */
	
	.menu > .nav-button{
		width: 100%;
		height: 50px;
		justify-content: center;
		align-items: center;
		margin-left: 0px;
		border: 1px solid #1e2433;
		border-radius: 4px;
		margin-top: 15px;
	}
	.menu > .nav-switch-button{
		width: 100%;
		height: 50px;
		justify-content: center;
		align-items: center;
		margin-left: 0px;
		border: 1px solid #1e2433;
		border-radius: 4px;
		margin-top: 15px;
	}
	.menu > .nav-switch-button > .nav-switch-block{
		top: calc( 100% + 13px );
	}
	header > .right{
		width: calc( 100% - 260px );
	}
	/* ----------------------------- */
	/* ---------- servers ---------- */
	/* ----------------------------- */
	
	.servers{
		border-right: 1px solid rgba(255,255,255,0.08);
	}
	.head-mini > .left > .servers{
		border-right: none;
		flex-wrap: wrap !important;
		justify-content: space-between !important;
	}
	.head-mini > .left > .servers > .server{
		width: calc( 50% - 2.5px ) !important;
		justify-content: flex-start;
		align-items: center !important;
		margin-top: 5px !important;
		background: rgba(0,0,0,0.3);
		height: 60px;
		padding-left: 30px;
	}
	.head-mini > .left > .servers > .server:not(:nth-child(1)){
		margin-left: 0px;
	}
	/* ----------------------------- */
	/* ----------- girl ------------ */
	/* ----------------------------- */
	
	.girl{
		display: none;
	}
	.planet{
		display: none;
	}
	.planet-inner{
		display: none;
	}
	.download-files > .files-block{
		width: calc( ( 100% - 30px ) / 2 );
	}
	.download-files > .files-block:nth-child(3){
		width: 100%;
	}
	.rightsl{
		width: 100% !important;
		
	}
	.slider-block{
		height: 100% !important;
	}
	.slider-title{
		font-size: 38px !important;
	}
}
@media (max-width: 1100px){
	footer > .footer-center > .left{
		width: 100%;
		margin-bottom: 40px;
	}
	footer > .footer-center > .left > img{
		margin: 0 auto;
		display:block;
	}
	footer > .footer-center > .left > .title{
		text-align: center;
	}
	footer > .footer-center > .left > .text{
		text-align: center;
	}
	footer >.footer-center > .right{
		justify-content: center;
		margin-top: 30px;
	}
	footer > .footer-center > .center{
		width: 100%;
	}
	footer > .footer-center > .center > .links{
		text-align: center;
		width: 300px;
	}
	
	#sp-page-builder .page-content .sppb-section:first-child {
    margin-top: 0;
    width: 100% !important;
    margin: 0 auto;
}
.container {
    width: 100% !important;
}	
	
}
@media (max-width: 1000px){
	.menu {
    width: 100% !important;
    display: block !important;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    transition: all .2s ease-in-out;
    overflow: visible;
    top: 170px;
}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li{
	width: 70%;

height: 50px;

justify-content: center;

align-items: center;

border: 1px solid #1e2433;

border-radius: 4px;

text-align: center;

margin: 0 auto;
margin-bottom: 10px;		
		
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {

    font-family: Gilroy Bold;
    font-size: 18px;
    color: #fff;
    margin-left: 50px;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    transition: all .2s ease-in-out;
    position: relative;
    z-index: 1;

}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a :active {
    color: #ffc000;
}


	.right {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
}
	.footer-center > .left img{
		margin: 0 auto !important;
		
	}
	.footer-center > .left > .text{
		text-align: center !important;
	}
	.footer-center > .center > .links{
		width: 100% !important;
		text-align: center !important;
	}
	#sppb-addon-1550306353855, #sppb-addon-1550307955550, #sppb-addon-1550308100379, #sppb-addon-1550308165654{
	 width: 100% !important;
   
     padding: 0 15%;
 }
 #sppb-addon-1550306353856, #sppb-addon-1550307955551, #sppb-addon-1550308100380, #sppb-addon-1550308165655{
	 width: 100% !important;
	 justify-content: center !important;

 } 
 .center{
	 justify-content: center !important;
 }
#sppb-addon-1550306353857, #sppb-addon-1550307955552, #sppb-addon-1550308100381, #sppb-addon-1550308165656{
 width: 100% !important;
 }
#sppb-addon-1550306353858, #sppb-addon-1550307955553, #sppb-addon-1550308100382, #sppb-addon-1550308165657{
	 width: 100% !important;
	 text-align: center;
    }
#sppb-addon-1550306353859, #sppb-addon-1550307955554, #sppb-addon-1550308100383, #sppb-addon-1550308165658{
	 width: 100% !important;
     padding: 0 5%;
 }
 .rates {

    width: 100% !important;}
.rate{
	width: calc( ( 100% / 2 ) - 5px )!important;
}
	
	.forum-center{
		width: 100% !important;
		padding: 0px !important;
	}
	
	.forum-center > .left > .title a{
		margin-top: 20px !important;
	}
	.forum-center > .left{
		width: 100% !important;
		border-right: none !important;
		padding-right: 0px !important;
	}
	.forum-center > .right{
		width: 100% !important;
		border-right: none;
		padding-left: 0px;
		padding-top: 40px;
		margin-top: 30px;
		border-top: 1px solid rgba(255,255,255,0.05);
	}
	.forum-center > .right > .title{
		justify-content: flex-start;
	}
	.forum-center > .left > .forum-message{
		width: 100% !important;
		
	}
}
@media (max-width: 990px){
	.streams-block > .streams-center > .arrow-left,
	.streams-block > .streams-center > .arrow-right{
		width: 30px;
	}
	.streams-block > .streams-center > .streams{
		width: calc( 100% - 60px - 30px );
	}
	.streams-block > .streams-center > .streams > .stream-line > .stream{
		width: calc( ( 100vw - 245px ) / 2 );
	}
}
@media (max-width: 800px){
	/* ----------------------------- */
	/* ---------- header ----------- */
	/* ----------------------------- */
	
	header{
		height: initial;
		flex-wrap: wrap;
		justify-content: center;
	}
	.head-mini > .left{
		width: 100%;
		border-bottom:none;
		margin-bottom: 0 !important;
	}
	header > .left{
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.08);
		margin-bottom: 30px;
	}
	header > .right{
		width: 100%;
	}
	/* ----------------------------- */
	/* ---------- slider ----------- */
	/* ----------------------------- */
	
	.slider-block{
		height: initial;
		padding-bottom: 60px;
		width: 100% !important;
	}
	/* ----------------------------- */
	/* ------ announce block ------- */
	/* ----------------------------- */
	
	.announce-block{
		margin-top: 30px;
		margin-bottom: 20px;
		justify-content: center !important;
	}
	/* ----------------------------- */
	/* ---------- servers ---------- */
	/* ----------------------------- */
	
	.servers{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		border-right: 0px solid rgba(255,255,255,0.08);
		padding-left: 30px;
padding-right: 30px;
	}
	.servers > .server{
		width: calc( 50% - 2.5px );
		margin-top: 5px;
		background: rgba(0,0,0,0.3);
		height: 60px;
		padding-left: 30px;
	}
	.servers > .server:not(:nth-child(1)){
		margin-top: 5px;
	}
	.title > .tab-button{
		font-size: 14px;
	}
}
@media (max-width: 780px){
	/* ----------------------------- */
	/* ----------- timer ----------- */
	/* ----------------------------- */
	
	#sp-header {
    width: 100%;
    align-items: center !important;
    top: 20px !important;
    left: 0px;
    z-index: 3;
    height: 100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
	
	
	.logo{
		width: 150px !important;
		height: 30px !important;
	}
	.timer{
		justify-content: center;
	}
	.timer-message{
		justify-content: center;
	}
	.desc-server{
		justify-content: center;
	}
	.desc-server > .center{
		width: 100%;
		margin-top: 40px;
		justify-content: center;
		padding-right: 0px;
	}
	.desc-server > .center > .bottom-text{
		text-align: center;
	}
}
@media (max-width: 700px){
	.download-files > .files-block{
		width: 100%;
	}
	.download-files > .files-block > .download-button > .info > .name{
		font-size: 12px;
	}
	.download-files > .files-block > .download-button > .info > .name > span{
		font-size: 12px;
	}
	.files-table tr td{
		font-size: 10px;
	}
	.files-table tr td:nth-child(1){
		display: none;
	}
	.files-table tr td:before{
		display: block;
	}
	.files-table tr:nth-child(1) td{
		font-size: 12px;
	}
}
@media (max-width: 670px){
	.title > .tab-button{
		width: 50%;
		text-align: center;
		margin-right: 0px;
		border: 1px solid rgba(0,0,0,0);
	}
	.title > .active{
		border: 1px solid #ffc000;
	}
}
@media (max-width: 640px){
	.streams-block > .streams-center > .streams > .stream-line > .stream{
		width: calc( 100vw - 205px );
	}
}
@media (max-width: 610px){
	/* ----------------------------- */
	/* ----------- donate ---------- */
	/* ----------------------------- */
	
	.content-form{
		width: 100%;
	}
}
@media (max-width: 600px){
	.logo{
		width: 150px;
		height: 30px;
	}
	.servers > .server{
		width: 100%;
	}
	.head-mini > .left > .servers > .server{
		width: 100% !important;
	}
	.desc-server > .rates > .rate{
		width: calc( ( 100% / 2 ) - 5px );
	}
	.forum-center > .right > .title{
		justify-content: center;
	}
	.forum-center > .left > .title{
		justify-content: center !important;
	}
	.forum-center > .left > .title a{
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.forum-center > .left > .forum-message{
		width: 100% !important;
	}
	footer > .footer-center > .center > .links{
		jwidth: 100% !important;
	}
}
@media (max-width: 458px){
	.forum-center > .left > .title a{
		margin-top: 30px;
	}
}
@media (max-width: 450px){
	.content-form > .line > .input-captcha{
		padding-left: 98px;
	}
}
/* ----------------------------- */
/* ----------- imports --------- */
/* ----------------------------- */

@font-face {
    font-family: Gilroy Bold;
    src: url(../fonts/Gilroy-Bold.otf);
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Regular.otf);
}

@font-face {
    font-family: Open Sans Bold;
    src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
    font-family: Open Sans;
    src: url(../fonts/OpenSans-Regular.ttf);
}

/* ----------------------------- */
/* ---------- settings --------- */
/* ----------------------------- */

html, body, header, nav, section, aside, article, footer, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Open Sans;
}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a{
	text-decoration: none;
}

/* ----------------------------- */
/* ----------- input ----------- */
/* ----------------------------- */

input{border: 1px solid #000; outline: none; padding: 5px;}

::-webkit-input-placeholder {color:#838fa9;}
::-moz-placeholder          {color:#838fa9;}
:-moz-placeholder           {color:#838fa9;}
:-ms-input-placeholder      {color:#838fa9;}

::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

/* ----------------------------- */
/* ----------- timer ----------- */
/* ----------------------------- */

.timer{
	width: 100%;
	height: 68px;
	display: flex;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.timer-message{
	width: 100%;
	height: 68px;
	display: flex;
	flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
	font-family: Gilroy Bold;
	font-size: 38px;
	color: #ffc000;
}

.timer > img{
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

.timer > .timer-item{
	width: 60px;
}

.timer > .timer-item > .text{
	width: 100%;
	display: block;
	font-family: Gilroy Bold;
	font-size: 48px;
	color: #ffc000;
	text-align: center;
	line-height: 1em;
}

.timer > .timer-item > .smalltext{
	width: 100%;
	font-family: Gilroy;
	font-size: 16px;
	color: #989eab;
	text-align: center;
	line-height: 1em;
}

.timer-visible{
	display: flex;
}

.timer-hidden{
	display: none;
}

/* ----------------------------- */
/* --------- structure --------- */
/* ----------------------------- */

body{
	background: url(../images/bottom_page_bg.png) bottom center no-repeat,
				url(../images/top_page_bg.jpg) top center no-repeat,
				#030a14;
}

/* ----------------------------- */
/* -------- navigation --------- */
/* ----------------------------- */

.navigation_block{
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.nav_fixed{
	background: url(../images/bg/nav_bg.jpg) top center no-repeat;
	box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.5);
}

nav{
	width: 1240px;
	height: 100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.logo{
	width: 261px;
	height: 56px !important;
	background-size: 100% 100%;
	pointer-events: visible;
}

.menu{
	width: calc( 100% - 261px );
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
	transition: all .2s ease-in-out;
}

nav .open-navigation{
	width: 88px;
	height: 88px;
	background: url(../images/icons/icon_nav.png) center center no-repeat;
	cursor: pointer;
	display: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	display: none;
	margin-right: -26px;
}

nav .open-navigation:hover:after{
	opacity: 1;
}

nav .open-navigation:after{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/icons/game_active.png);
	background-size: 100% 100%;
	transition: all .2s ease-in-out;
	mix-blend-mode: hard-light;
	opacity: 0;
}

nav .close-navigation{
	background: url(../images/icons/close_nav.png) center center no-repeat;
}


/* -------- lang block --------- */

.menu > .lang-block{
	width: 60px;
	height: 30px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-start;
	position: relative;
	z-index: 3;
}

.menu > .lang-block > .lang{
	width: 60px;
	height: 30px;
	margin-left: auto;
	border: 1px solid #273961;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	height: 30px;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.menu > .lang-block > .lang:hover{
	height: auto;
	overflow: default;
}

.menu > .lang-block > .lang > a{
	width: 100%;
	height: 29px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	background: #0e1a32;
	border-bottom: 1px solid #273961;
}

.menu > .lang-block > .lang > .active{
	order: -1;
	pointer-events: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.menu > .lang-block > .lang > a:hover .icon{
	opacity: 1;
}
.menu > .lang-block > .lang > a:hover .text{
	color: #fff;
}

.menu > .lang-block > .lang > a > .icon{
	width: 26px;
	height: 20px;
	margin-left: 4px;
	margin-right: 6px;
	opacity: 0.6;
}

.menu > .lang-block > .lang > a > .text{
	font-size: 12px;
	color: #bdbdbd;
}

/* -------- nav button --------- */

.menu > .nav-button{
	font-family: Gilroy Bold;
	font-size: 18px;
	color: #fff;
	margin-left: 50px;
	cursor: pointer;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	transition: all .2s ease-in-out;
	position: relative;
	z-index: 1;
}

.menu > .nav-button:hover{
	color: #ffc000;
}

.menu > .active{
	color: #ffc000;
}

.menu > .nav-switch-button{
	margin-left: 50px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	transition: all .2s ease-in-out;
	position: relative;
	z-index: 2;
}

.menu > .nav-switch-button > span{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 18px;
	color: #fff;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	transition: all .2s ease-in-out;
	width: 100%;
	cursor: pointer;
}

.menu > .nav-switch-button > span:hover{
	color: #ffc000;
}

.menu > .nav-switch-button > span > img{
	margin-left: 8px;
	margin-top: 8px;
}

.menu > .nav-switch-button > .nav-switch-block{
	width: 200px;
	background: #031229;
	position: absolute;
	left: calc( ( 100% - 200px ) / 2 );
	top: calc( 100% + 30px );
	border: 1px solid #1d2c4e;
	border-radius: 4px;
	display: none;
}

.menu > .nav-switch-button > .nav-switch-block:before{
	content: '';
	width: 0;
    height: 0;
    position: absolute;
    right: calc(50% - 9px);
    top: -9px;
    border-bottom: 9px solid #1d2c4e;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
}

.menu > .nav-switch-button > .nav-switch-block > a{
	width: 100%;
	display: block;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #b3c1dd;
	font-family: Gilroy Bold;
	transition: all .2s ease-in-out;
}

.menu > .nav-switch-button > .nav-switch-block > a:hover{
	color: #ffc000;
}

.menu > .nav-switch-button > .nav-switch-block > a:not(:nth-child(1)){
	border-top: 1px solid #171f31;
}

/* ----------------------------- */
/* ---------- header ----------- */
/* ----------------------------- */

header{
	width: 1240px;
	height: 480px;
	margin: 0 auto;
	margin-top: 100px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
}

.head-mini{
	width: 100%;
	height: initial;
	padding-top: 40px;
	padding-bottom: 40px;
	background: rgba(0,0,0,0.05);
	align-items: center;
}

.head-mini > .left{
	width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

header > .left{
	width: 230px;
	position: relative;
	z-index: 2;
}

header > .right{
	width: 620px;
	position: relative;
	z-index: 2;
}

/* ----------------------------- */
/* ---------- slider ----------- */
/* ----------------------------- */

.slider-block{
	width: 100%;
	height: 350px;
	overflow: hidden;
	position: relative;
}

.slider-block .slider-line{
	display: flex;
	width: initial;
	height: 100%;
}

.slider-block .slider-line .slider-slide{
	height: 100%;
	align-self: stretch;
}

.slider-block .slider-nav{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0px;
}

.slider-block .slider-nav .perv{
	width: 20px;
	color: #fff;
	cursor: pointer;
	margin: 5px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	opacity: 0.4;
}

.slider-block .slider-nav .perv:hover{
	opacity: 1;
	color: #fcbe00;
}

.slider-block .slider-nav .next{
	width: 20px;
	color: #fff;
	cursor: pointer;
	margin: 5px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	opacity: 0.4;
}

.slider-block .slider-nav .next:hover{
	opacity: 1;
	color: #fcbe00;
}

.slider-block .slider-nav .markers{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}

.slider-block .slider-nav .markers .marker{
	width: 7px;
	height: 7px;
	background: #fff;
	cursor: pointer;
	margin: 5px;
	margin-left: 8px;
	margin-right: 8px;
	border-radius: 7px;
	opacity: 0.3;
}

.slider-block .slider-nav .markers .m_active{
	opacity: 1;
	background: #fcbe00;
}

/* ------- slider content ------ */

.slider-title{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 48px;
	color: #fff;
	text-align: center;
	margin-top: 40px;
}

.slider-desc{
	width: 100%;
	font-family: Gilroy;
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-top: 20px;
}

.slider-text{
	width: 100%;
	font-family: Open Sans;
	font-size: 16px;
	color: #9da4b3;
	text-align: center;
	margin-top: 40px;
}

.sppb-btn-success{
	height: 50px;
	width: 220px;
	border: 1px solid #414755;
	border-radius: 4px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	font-family: Gilroy Bold;
	font-size: 18px;
	color: #fff;
	transition: all .2s ease-in-out;
	margin: 0 auto;
	margin-top: 40px;
}

.sppb-btn-success:hover{
	color: #ffc000;
	border: 1px solid #ffc000;
	background: transparent;
}
.sppb-btn-success:focus{
	color: #ffc000;
	border: 1px solid #ffc000;
	background: transparent;
}
/* ----------------------------- */
/* ------ announce block ------- */
/* ----------------------------- */

.announce-block{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 50px;
}

.announce-block > a{
	/*visor123*/
	opacity: 1.0;
	transition: all .2s ease-in-out;
}

.announce-block > a:hover{
	opacity: 1;
}

.announce-block > a:not(:nth-child(1)){
	margin-left: 20px;
}

/* ----------------------------- */
/* ---------- servers ---------- */
/* ----------------------------- */

.servers{
	width: 100%;
}

.head-mini > .left > .servers{
	width: 100% !important;
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.servers > .server{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.head-mini > .left > .servers > .server{
	width: initial !important;
	margin-top: 0 !important;
	align-items: flex-start !important;
}

.head-mini > .left > .servers > .server:not(:nth-child(1)){
	margin-left: 60px;
}

.servers > .server:not(:nth-child(1)){
	margin-top: 43px;

}

.servers > .server > img{
	margin: -15px;
}

.servers > .server > .info{
	width: calc( 100% - 40px );
}

.head-mini > .left > .servers > .server > .info{
	width: initial !important;
	margin-left: 20px;
}

.servers > .server > .info > .name{
	font-family: Open Sans Bold;
	font-size: 16px;
	color: #a9aebc;
	line-height: 1em;
}

.servers > .server > .info > .desc > a{
	font-family: Open Sans;
	font-size: 12px;
	color: #4b5366;
	text-decoration: underline;
	transition: all .2s ease-in-out;
}

.servers > .server > .info > .desc > a:hover{
	color: #546a9f;
}

.servers > .not-active > .info > .name{
	color: #23262f;
}

.servers > .not-active > .info > .desc{
	font-family: Open Sans;
	font-size: 12px;
	color: #23262f;
	padding-top: 3px;
}

/* ----------------------------- */
/* ----------- girl ------------ */
/* ----------------------------- */

.girl{
	width: 529px;
	height: 817px;
	background: url(../images/girl.png);
	position: absolute;
	top: -110px;
	left: 120px;
	pointer-events: none;
}

.planet{
	width: 213px;
	height: 219px;
	background: url(../images/planet.png);
	position: absolute;
	top: -50px;
	left: 460px;
	animation: fly 2s ease-in-out infinite both;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	will-change: transform;
}

.planet-inner{
	width: 348px;
	height: 348px;
	position: absolute;
	top: -110px;
	left: 400px;
	background: url(../images/planet_inner.png);
	background-size: 100% 100%;
	opacity: 0.1;
	animation: inner 2s ease-in-out infinite both;
	pointer-events: none;
	will-change: transform;
}

@keyframes fly
{
	50% {transform: translateY(-10px);}
}

@keyframes inner
{
	50% {opacity: 0.9;transform: translateY(-10px);}
}

/* ----------------------------- */
/* --------- streams ----------- */
/* ----------------------------- */

.streams-block{
	width: 100%;
	height: 263px;
	background: url(../images/stream_block_bg.png) top center no-repeat;
	position: relative;
	z-index: 1;
	margin-top: 50px;
	box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.5);
}

.streams-block > .streams-center{
	width: 1240px;
	height: 263px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.streams-block > .streams-center > .arrow-left,
.streams-block > .streams-center > .arrow-right{
	width: 70px;
	height: 100%;
	border-radius: 4px;
	opacity: 0.5;
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.streams-block > .streams-center > .arrow-left:hover,
.streams-block > .streams-center > .arrow-right:hover{
	opacity: 1;
}

.streams-block > .streams-center > .arrow-left{
	background:  url(../images/stream_arrow_left.png) #0e1a33 center center no-repeat;
}

.streams-block > .streams-center > .arrow-right{
	background:  url(../images/stream_arrow_right.png) #0e1a33 center center no-repeat;
}

.streams-block > .streams-center > .streams{
	width: calc( 100% - 140px - 40px );
	height: 100%;
	overflow: hidden;
}

.streams-block > .streams-center > .streams > .stream-line{
	width: 5000px;
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.streams-block > .streams-center > .streams > .stream-line > .stream{
	width: 313px;
	height: 100%;
	background: url(../images/bg/stream_space_bg.png) center center no-repeat;
	background-size: cover;
	border-radius: 4px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom: 2px solid #ffc000;
}

/* ----------------------------- */
/* -------- desc block --------- */
/* ----------------------------- */

.desc-block{
	width: 100%;
	background: url(../images/bg/desc_bg.jpg) top center no-repeat;
}

.desc-block > .desc-center{
	width: 1240px;
	margin: 0 auto;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.title{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	
}

.title > .tab-button{
	padding-bottom: 25px;
	padding-top: 20px;
	font-family: Gilroy Bold;
	font-size: 18px;
	color: #6a7486;
	margin-bottom: -1px;
	margin-right: 30px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	border-bottom: 1px solid rgba(0,0,0,0);
}

.title > .tab-button:hover{
	color: #ffc000;
}

.title > .active{
	color: #fff;
	border-bottom: 1px solid #ffc000;
}

.desc-server{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 40px;
	padding-bottom: 70px;
	display: none;
}

.view{
	display: flex;
}

.desc-server > .server_img{
	width: 206px;
}

.desc-server > .center{
	width: calc( 100% - 412px - 206px - 80px );
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	font-family: Open Sans;
	font-size: 14px;
	color: #70797b;
	padding-right: 30px;
}

.desc-server > .center > .title-text{
	font-family: Gilroy Bold;
	font-size: 18px;
	color: #fff;
	margin-top: 37px;
	margin-left: 30px;
	margin-bottom: 20px;
}

.bottom-text{
	font-family: Open Sans;
	font-size: 14px;
	color: #70797b;
	margin-top: 25px;
}

.desc-server > .rates{
	width: 412px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.desc-server > .rates > .rate{
	width: calc( ( 100% / 3 ) - 5px );
	font-family: Open Sans;
	font-size: 18px;
	color: #70797b;
	text-align: center;
	background: rgba(255,255,255,0.02);
	padding-top: 21px;
	padding-bottom: 21px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.desc-server > .rates > .rate > span{
	font-family: Open Sans Bold;
	font-size: 18px;
	color: #fff;
}

.desc-server > .rates > .rate > img{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: 2px solid #fff;
	margin: 0 auto;
	margin-bottom: 6px;
}

/* ----------------------------- */
/* -------- forum block -------- */
/* ----------------------------- */

.forum-block{
	width: 100%;
	background: url(../images/bg/top_inner_bg.png) top center no-repeat;
	box-shadow: 0px 0px 84px 0px rgba(0,0,0,0.5);
}

.forum-center{
	width: 1240px;
	margin: 0 auto;
	/* padding-top: 40px; */
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.forum-center > .left{
	width: calc( 100% - 312px );
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-right: 40px;
	border-right: 1px solid rgba(255,255,255,0.05);
}

.forum-center > .right{
	width: 312px;
	padding-left: 40px;
}

.forum-center > .right > .title{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 30px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 40px;
}

.forum-center > .right > a{
	width: 100%;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(255,255,255,0.08);
	margin-bottom: 30px;
	opacity: 0.5;
	transition: all .2s ease-in-out;
	border-radius: 4px;
}

.forum-center > .right > a:hover{
	opacity: 1;
}

.forum-center > .left > .title{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 30px;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 40px;
}

.forum-center > .left > .title a{
	padding: 7px 15px 7px 15px;
	font-family: Gilroy Bold;
	font-size: 18px;
	color: #ffc000;
	border-radius: 4px;
	border: 1px solid #ffc000;
	transition: all .2s ease-in-out;
	margin-left: 20px;
}

.forum-center > .left > .title a:hover{
	color: #fff;
	border: 1px solid #fff;
}

.forum-center > .left > .forum-message{
	width: calc( 50% - 20px );
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}

.forum-center > .left > .forum-message > img{
	border-radius: 4px;
	width: 60px;
	height: 60px;
}

.forum-center > .left > .forum-message > .info{
	width: calc( 100% - 60px - 20px );
}

.forum-center > .left > .forum-message > .info > .title{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: -2px;
}

.forum-center > .left > .forum-message > .info > .title > a{
	font-family: Gilroy Bold;
	font-size: 20px;
	color: #6d7688;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s ease-in-out;
}

.forum-center > .left > .forum-message > .info > .title > a:hover{
	text-decoration: underline;
	color: #fff;
}

.forum-center > .left > .forum-message > .info > .decs{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-family: Gilroy;
	font-size: 12px;
	color: #888e9a;
	margin-top: 4px;
}

/* ----------------------------- */
/* ------- social block -------- */
/* ----------------------------- */

.social-block{
	width: 100%;
	background: rgba(0,0,0,0.2);
	padding-top: 40px;
	padding-bottom: 40px;
}

.social-block > .social-center{
	width: 1240px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.social-block > .social-center > .arrow-left,
.social-block > .social-center > .arrow-right{
	width: 30px;
	height: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 50px;
	color: #fff;
	cursor: pointer;
	opacity: 0.5;
	transition: all .2s ease-in-out;
}

.social-block > .social-center > .arrow-left:hover,
.social-block > .social-center > .arrow-right:hover{
	opacity: 1;
}

.social-block > .social-center > .center{
	width: calc( 100% - 60px - 60px );
	height: 150px;
	overflow: hidden; 
}

.social-block > .social-center > .center > .line{
	width: 5000px;
	height: 150px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}

.social-block > .social-center > .center > .line > .item{
	width: calc( 1120px / 4 );
	height: 150px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.social-block > .social-center > .center > .line > .item a{
	width: 160px;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	background: #0d121d;
	border-radius: 4px;
	border-bottom: 2px solid #0d121d;
	transition: all .2s ease-in-out;
}

.social-block > .social-center > .center > .line > .item a:hover{
	border-bottom: 2px solid #ffc000;
}

.social-block > .social-center > .center > .line > .item i{
	font-size: 50px;
	margin-top: auto;
}

.social-block > .social-center > .center > .line > .item span{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 16px;
	color: #fff;
	text-align: center;
	margin-bottom: auto;
	margin-top: 4px;
}

/* ----------------------------- */
/* ---------- content ---------- */
/* ----------------------------- */

.content{
	width: 100%;
	background: url(../images/bg/content_bg.png) top center no-repeat;
}

.content > .content-center{
	width: 1240px;
	min-height: calc( 100vh - 100px - 118px - 258px );
	margin: 0 auto;
		padding-bottom: 50px;
}

.content > .content-center > .title{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 30px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.content > .content-center > .title > span{
	width: 100%;
	display: block;
	font-family: Open Sans;
	font-size: 14px;
	color: #838fa9;
	text-align: center;
	text-transform: none;
}

/* ----------------------------- */
/* ----------- files ----------- */
/* ----------------------------- */

.download-files{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 50px;
}

.download-files > .files-block{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	background: rgba(255,255,255,0.03);
	padding: 10px;
	border-radius: 4px;
	border-bottom: 2px solid #ffc000;
	margin-bottom: 30px;
}

.download-files > .files-block:nth-child(3){
}

.download-files > .files-block > .files-block-title{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}

.download-files > .files-block > .small-title{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 14px;
	color: #8b96b4;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.05);
}

.download-files > .files-block > .download-button{
	width: 100%;
	padding: 10px;
	background: rgba(75,120,187,0.2);
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-top: 10px;
	transition: all .2s ease-in-out;
}

.download-files > .files-block > .download-button:hover{
	background: rgba(75,120,187,0.4);
}

.download-files > .files-block > .download-button > img{
	position: absolute;
	left: 10px;
	top: calc( ( 100% - 28px ) / 2 );
}

.download-files > .files-block > .download-button > .info{
	width: 100%;
}

.download-files > .files-block > .download-button > .info > .name{
	width: 100%;
	font-family: Gilroy Bold;
	font-size: 14px;
	color: #ffe300;
	text-align: center;
	display: block;
}

.download-files > .files-block > .download-button > .info > .name > span{
	font-family: Gilroy Bold;
	font-size: 14px;
	color: #fff;
}

.download-files > .files-block > .download-button > .info > .number{
	width: 10% !important;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
}
.download-files > .files-block > .download-button > .info > .ava-img{
	width: 20% !important;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
	padding-top: 5px;
	padding-left: 5px;
}
.download-files > .files-block > .download-button > .info > .cty-img{
	width: 10%;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
}
.download-files > .files-block > .download-button > .info > .namerank{
	width: 30%;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
}
.download-files > .files-block > .download-button > .info > .kills{
	width: 30%;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
}
.download-files > .files-block > .download-button > .info > .size{
	width: 100%;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
	display: block;
}

.download-files > .files-block > .download-button > .info > .king1{
	width: 100%;
	font-family: Gilroy;
	font-size: 13px;
	color: #f2b601;
	text-align: center;
	display: block;
}
.download-files > .files-block > .download-button > .info > .king2{
	width: 100%;
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: center;
	display: block;
}
.download-files > .files-block > .download-button > .info > .left{
	font-family: Gilroy;
	font-size: 10px;
	color: #a6a8ad;
	text-align: left;
	width: 60%;
	display: block;
	float: left;
	padding-left: 15px;
}
.download-files > .files-block > .download-button > .info > .right{
	width: 40% !important;
	font-family: Gilroy;
	font-size: 10px;
	color: #ffe300;
	text-align: right !important;
	float: right;
	display: block;
	padding-right: 10px;
}
.files-guide{
	width: 100%;
	font-family: Open Sans;
	font-size: 16px;
	color: #a6a8ad;
	background: rgba(255,255,255,0.03);
	padding: 30px;
	border-radius: 4px;
}

.files-table{
	width: 100%;
	border: 1px solid #151c28;
	border-radius: 4px;
	margin-top: 30px;
}

.files-table tr td{
	padding: 20px;
	color: #7c8493;
	font-size: 14px;
	position: relative;
}

.files-table tr td:nth-child(1){
}

.files-table tr td:before{
	content: attr(data-label);
	display: block;
	width: 100%;
	color: #fff;
	padding-bottom: 5px;
	font-family: Open Sans Bold;
	display: none;
}

.files-table tr:nth-child(1) td{
	font-family: Open Sans Bold;
	color: #fff;
	font-size: 16px;
	background: rgba(255,255,255,0.03);
}

.files-table tr td:nth-child(1),
.files-table tr td:nth-child(2){
	border-right: 1px solid #151c28;
}

.files-table tr:not(:nth-child(1)) td{
	border-top: 1px solid #151c28;
}

/* ----------------------------- */
/* ----------- donate ---------- */
/* ----------------------------- */

.content-form{
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-form > .line{
	width: 100%;
	height: 35px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.content-form > .line > .captcha{
	width: 95px;
	height: calc( 100% - 6px );
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 2;
	border-radius: 3px;
	overflow: hidden;
}

.content-form > .line > .input-captcha{
}

.content-form > .line > .captcha > img{
	width: 100%;
	height: 100%;
}

.content-form > .line input{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(105,131,185,0.2);
	text-align: center;
	font-size: 12px;
	font-family: Open Sans;
	color: #838fa9;
	position: relative;
	z-index: 1;
}

.content-form > .line > .price-input{
	width: 140px;
	height: 100%;
	position: relative;
}

.content-form > .line > .price-input > input{
	padding-right: 50px;
	color: #ffe300;
	font-family: Open Sans Bold;
}

.content-form > .line > .price-input > .format{
	width: 50px;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	border-left: 1px solid rgba(105,131,185,0.2);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-family: Open Sans Bold;
	color: #fff;
	z-index: 2;
}

.content-form > .line > .account-input{
	width: calc( 100% - 140px - 30px );
}

.content-form > .line > select {
    width: 100%;
    height: 100%;
    color: #fff;
	background: rgba(0,0,0,0.5);
	border: 1px solid rgba(105,131,185,0.2);
    appearance: none;
    -webkit-appearance: none;
    padding: 10px;
    cursor: pointer;
    padding-left: 15px;
	font-size: 18px;
	font-family: Open Sans;
	color: #838fa9;
    position: relative;
    z-index: 1;
    border-radius: 4px;
}

.content-form > .line > .select-arrow {
    width: 14px;
    height: 8px;
    background: url(../images/icons/arrow_bottom_icon.png);
    position: absolute;
    top: calc( 50% - 4px );
    right: 15px;
    opacity: 0.5;
    pointer-events: none;
    z-index: 2;
}

.content-form > .line > select option {
    background: #17181d;
    color: #fff;
    border: 1px solid #2c3038;
}

.content-form > .table-title{
	width: 100%;
	font-family: Open Sans Bold;
	color: #586075;
	font-size: 16px;
	text-align: center;
}

.content-form > .donate-table{
	width: 100%;
	border: 1px solid #151c28;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-form > .donate-table tr td{
	padding: 10px;
	color: #7c8493;
	font-size: 14px;
	position: relative;
}

.content-form > .donate-table tr:nth-child(1) td{
	font-family: Open Sans Bold;
	color: #fff !important;
	font-size: 16px;
	background: rgba(255,255,255,0.03);
}

.content-form > .donate-table tr td:nth-child(1){
	border-right: 1px solid #151c28;
	text-align: center;
}

.content-form > .donate-table tr td:nth-child(1) span{
	font-family: Open Sans Bold;
	color: #fff;
}

.content-form > .donate-table tr td:nth-child(2){
	text-align: center;
	font-family: Open Sans Bold;
	color: #ffe300;
}

.content-form > .donate-table tr:not(:nth-child(1)) td{
	border-top: 1px solid #151c28;
}

.content-form > button{
	width: 100%;
	height: 58px;
	background: linear-gradient(0deg, #0e1b36 0%, #1c2b4d);
	border: none;
	font-family: Gilroy Bold;
	font-size: 22px;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.content-form > button:hover:before{
	opacity: 1;
}

.content-form > button:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(51,104,222,0.2);
	mix-blend-mode: hard-light;
	opacity: 0;
	transition: all .2s ease-in-out;
}

/* ----------------------------- */
/* ----------- footer ---------- */
/* ----------------------------- */

footer{
	width: 100%;
	background: rgba(20,26,39,0.5);
	padding-top: 55px;
	padding-bottom: 55px;
}

footer > .footer-center{
	width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

footer > .footer-center > .left{
	width: 424px;
}

footer > .footer-center > .left > img{
}

footer > .footer-center > .left > .title{
	width: 100%;
	font-family: Open Sans;
	font-size: 12px;
	text-transform: uppercase;
	color: #a6aec2;
	margin-top: 10px;
}

footer > .footer-center > .left > .text{
	width: 100%;
	font-family: Open Sans;
	font-size: 10px;
	text-transform: uppercase;
	color: #424855;
	margin-top: 10px;
}

footer >.footer-center > .right{
	width: 186px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
}

footer >.footer-center > .right a{
	opacity: 0.5;
	transition: all .2s ease-in-out;
	margin-left: 5px;
	margin-top: auto;
}

footer >.footer-center > .right a:hover{
	opacity: 1;
}

footer >.footer-center > .right > .unsimple{
	margin-bottom: 25px;
}

footer > .footer-center > .center{
	width: calc( 100% - 424px - 186px );
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}

footer > .footer-center > .center > .links{
	padding-right: 30px;
	padding-left: 30px;
}

footer > .footer-center > .center > .links > a{
	font-family: Open Sans Bold;
	font-size: 14px;
	text-transform: uppercase;
	color: #646e82;
	display: block;
	margin-bottom: 18px;
}

footer > .footer-center > .center > .links > a:hover{
	transition: all .2s ease-in-out;
	color: #fff;
	text-decoration: underline;
}
#sp-header{
	margin-top: 0px !important;
width: 100%;
height: 100px;
align-items: center;
top: 0px;
left: 0px;
z-index: 3;
}
#sp-menu{
position: static;
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
transition: all .2s ease-in-out;
text-transform: uppercase;
margin-top: -40px;
}
#sp-top2{

}
.su-carousel-style-1:not(.su-carousel-media) .su-carousel-slide {
    text-align: center;
background: transparent;
padding: 0px;

}
.su-carousel-caption {
    padding: 25px 0 8px 0px;

}
.su-carousel-item-text .iframe {
    margin-top: 10px;
width: 313px;
height: 100%;

    background-size: auto;
background-size: cover;
border-radius: 4px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 2px solid #ffc000;
}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: inline-block;
}
.su-carousel.arrow-default .su-carousel-slides .owl-nav .owl-prev{background: url(../images/stream_arrow_left.png) #0e1a33 center center no-repeat;width: 70px;height: 200px;border-radius: 4px;opacity: 1;transition: all .2s ease-in-out;cursor: pointer;left: -50px;top: -60px;}
.su-carousel.arrow-default .su-carousel-slides .owl-nav .owl-next {width: 70px;height: 200px;border-radius: 4px;opacity: 1;transition: all .2s ease-in-out;cursor: pointer;right: -50px;top: -60px;background: url(../images/stream_arrow_right.png) #0e1a33 center center no-repeat;}
.rate {
width: calc( ( 100% / 3 ) - 5px );
font-family: Open Sans;
font-size: 18px;
color: #70797b;
text-align: center;
background: rgba(255,255,255,0.02);
padding-top: 21px;
padding-bottom: 21px;
margin-left: 5px;
margin-bottom: 5px;
float: left !important; 
}
.rate >img {
display: block;
width: 32px;
height: 32px;
border-radius: 32px;
border: 2px solid #fff;
margin: 0 auto;
    margin-bottom: 0px;
margin-bottom: 6px;}
.rate>span{
font-family: Open Sans Bold;
font-size: 18px;
color: #fff;
}
.rates{
width: 412px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.center{
width:100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
font-family: Open Sans;
font-size: 14px;
color: #70797b;
padding-right: 30px;
}
.center >.title-text{
    font-family: Gilroy Bold;
    font-size: 18px;
    color: #fff;
    margin-top: 37px;
    margin-left: 30px;
    margin-bottom: 20px;

}
.sppb-countdown-days{
margin:0 !important;
padding:0 !important;

}
.item {
  
    height: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.item i {
    font-size: 50px;
    margin-top: auto;
}
.item span {
    width: 100%;
    font-family: Gilroy Bold;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-bottom: auto;
    margin-top: 4px;
}
.item a {
    width: 160px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    background: #0d121d;
    border-radius: 4px;
    border-bottom: 2px solid #0d121d;
    transition: all .2s ease-in-out;
}
.forum-center {
    width: 100%;
    margin: 0 auto;
    /* padding-top: 40px; */
    padding-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.forum-center > .left {
    width: calc( 100% - 312px );
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-right: 40px;
    border-right: 1px solid rgba(255,255,255,0.05);
}
.forum-center > .left > .title {
    width: 100%;
    font-family: Gilroy Bold;
    font-size: 30px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 40px;
    border: none;
}
.forum-center > .left > .title a {
    padding: 7px 15px 7px 15px;
    font-family: Gilroy Bold;
    font-size: 18px;
    color: #ffc000;
    border-radius: 4px;
    border: 1px solid #ffc000;
    transition: all .2s ease-in-out;
    margin-left: 20px;
margin-top: -10px;
}
.forum-center > .left > .forum-message {
    width: calc( 50% - 20px );
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.forum-center > .left > .forum-message > img {
    border-radius: 4px;
    width: 60px;
    height: 60px;
}
.forum-center > .left > .forum-message > .info {
    width: calc( 100% - 60px - 20px );
}
.forum-center > .left > .forum-message > .info > .title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: -2px;
    border: none;
}
.forum-center > .left > .forum-message > .info > .title > a {
    font-family: Gilroy Bold;
    font-size: 20px;
    color: #6d7688;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .2s ease-in-out;
    
}
.forum-center > .left > .forum-message > .info > .decs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-family: Gilroy;
    font-size: 12px;
    color: #888e9a;
    margin-top: 4px;
}
.right {
    width: 186px;

}
.right > .title {
    width: 100%;
    font-family: Gilroy Bold;
    font-size: 30px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;
    border: none;
}
.right > a {
    width: 100%;
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: none;
    
    opacity: 0.5;
    transition: all .2s ease-in-out;
    border-radius: 4px;
}
#sp-footer{
background: rgba(20,26,39,0.5);
padding-top: 55px;
padding-bottom: 55px;
}
.footer-center {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.footer-center > .left {
    width: 100%;
}
.footer-center > .center {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
footer >.footer-center > .right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0;
    border: none;
}
footer >.footer-center > .right> a {
 
    border: none;
}
.footer-center > .left > .title {
    width: 100%;
    font-family: Open Sans;
    font-size: 11px;
    text-transform: uppercase;
    color: #a6aec2;
    margin-top: 10px;
}
.footer-center > .left > .text {
    width: 100%;
    font-family: Open Sans;
    font-size: 10px;
    text-transform: uppercase;
    color: #424855;
    margin-top: 10px;
}
.footer-center > .center > .links {
    padding-right: 30px;
    padding-left: 30px;
    width: 50%;

text-align: left;
}
.footer-center > .center > .links > a {
    font-family: Open Sans Bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #646e82;
    display: block;
    margin-bottom: 18px;
}
footer >.footer-center > .right > .unsimple {
    margin-bottom: 25px;
}
.sppb-addon .sppb-addon-countdown{
	width:100%;
} 
div.mod-languages img {
    border: none;
    width: 26px;
    height: 20px;
    margin-left: 4px;
    margin-right: 6px;
    opacity: 0.6;
}
.imgg{
    width: 100%;
    float: left;
    margin-left: -10px;
   
}
.langtext{
    display: none;
}
.caret{
	display: none;
}
.langg{
	 margin-top: -10px;
}
.imggg{
    width: 100%;
    float: left;
    margin-left: -3px;
    }
.right .unsimpler{
	    width: 50%;
        float: left;
        height: 40px;
    }
.sppb-addon-countdown .sppb-countdown-timer .sppb-countdown-finishedtext {

    margin: 0;
    width: 100% !important;
    padding: 0;
    height: auto !important;

}
 
    
#sppb-addon-1550306353855, #sppb-addon-1550307955550, #sppb-addon-1550308100379, #sppb-addon-1550308165654{
	 width: 20%;
     float: left;
 }
#sppb-addon-1550306353856, #sppb-addon-1550307955551, #sppb-addon-1550308100380, #sppb-addon-1550308165655{
	 width: 50%;
     float: left;
 } 
#sppb-addon-1550306353857, #sppb-addon-1550307955552, #sppb-addon-1550308100381, #sppb-addon-1550308165656{
	 width: 70%;
 }
#sppb-addon-1550306353858, #sppb-addon-1550307955553, #sppb-addon-1550308100382, #sppb-addon-1550308165657{
	 width: 70%;
 }
#sppb-addon-1550306353859, #sppb-addon-1550307955554, #sppb-addon-1550308100383, #sppb-addon-1550308165658{
	 width: 30%;
     float: right;
 }  
 
 
 .sppb-nav-tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #1e2129;
}

.sppb-nav-tabs > li > a {
    font-weight: bolder;

line-height: 1.42857143;

padding: 12px 15px;

    padding-top: 12px;
    padding-bottom: 12px;

background: transparent;

border: none;

    border-right-width: medium;
    border-bottom-color: currentcolor;

border-right-width: 0;

border-bottom-color: #ffc000;

border-right-width: 0;

padding-bottom: 25px;

padding-top: 20px;

font-family: Gilroy Bold;

font-size: 18px;

color: #6a7486;

margin-bottom: -1px;

margin-right: 30px;
}
.sppb-nav-tabs > li.active > a, .sppb-nav-tabs > li.active > a:focus, .sppb-nav-tabs > li.active > a:hover {
    background-color: transparent;
    border-bottom-color: #ffc000;
    cursor: pointer;
    color: #ffc000;
}
.sppb-nav > li > a:focus, .sppb-nav > li > a:hover {

    text-decoration: none;
    background-color: transparent;
    color: #ffc000;

}
.container {
    width: 1240px;
}
.cent{
    width: 100%;
    display: block;
    font-family: Open Sans;
    font-size: 14px;
    color: #838fa9;
    text-align: center;
    text-transform: none;
}
.osolCaptchaBlock label {
    display: none;
}
#sp-footer {
    width: 100%;
    background: rgba(20,26,39,0.5);
    padding-top: 55px;
    padding-bottom: 55px;
}
#sp-main-body {
    padding-top: 40px;
}
.rightfor{width: 100%;/* padding-left: 30px; *//* padding-top: 40px; */}
.rightfor .title{

    width: 100%;
    font-family: Gilroy Bold;
    font-size: 30px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 40px;

}
.rightfor a{width: 100%;height: 60px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;/* margin-bottom: 30px; */opacity: 0.5;transition: all .2s ease-in-out;}
.sppb-btn-success{
	background: transparent;
}
#sp-page-builder .page-content .sppb-section:first-child {
    margin-top: 0;
    width: 1240px;
    margin: 0 auto;
}
.rightsl{
	width: 620px;
position: relative;
z-index: 2;
}
.slider-button {
    height: 50px;
    width: 220px;
    border: 1px solid #414755;
    border-radius: 4px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    font-family: Gilroy Bold;
    font-size: 18px;
    color: #fff;
    transition: all .2s ease-in-out;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 40px;
}
.slider-button:hover{
	color: #ffc000;
	border: 1px solid #ffc000;
}
#sppb-addon-1550124884959 .sppb-carousel-inner > .sppb-item{
	will-change: left;
}
.articleBody {
    width: 65%;
    margin: 0 auto;
}
#section-id-1550224885247 {
    margin-top: 30px;
}
.rank {
    column-count: 5;
    column-span: all;
    display: flex;
}