@font-face {
	font-family: "a_FuturaRound";
  src: url("fonts/a-futuraround.eot"); /* IE9 Compat Modes */
  src: url("fonts/a-futuraround.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("fonts/a-futuraround.otf") format("opentype"),
    /* Open Type Font */ url("fonts/a-futuraround.svg") format("svg"),
    /* Legacy iOS */ url("fonts/a-futuraround.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("fonts/a-futuraround.woff") format("woff"),
    /* Modern Browsers */ url("fonts/a-futuraround.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Thin"), local("'Roboto', sans-serif-Thin"),
    url("fonts/'Roboto', sans-serifthin.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifthin.woff") format("woff"),
    url("fonts/'Roboto', sans-serifthin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Thin Italic"), local("'Roboto', sans-serif-ThinItalic"),
    url("fonts/'Roboto', sans-serifthinitalic.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifthinitalic.woff") format("woff"),
    url("fonts/'Roboto', sans-serifthinitalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Light"), local("'Roboto', sans-serif-Light"),
    url("fonts/'Roboto', sans-seriflight.woff2") format("woff2"),
    url("fonts/'Roboto', sans-seriflight.woff") format("woff"),
    url("fonts/'Roboto', sans-seriflight.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Light Italic"), local("'Roboto', sans-serif-LightItalic"),
    url("fonts/'Roboto', sans-seriflightitalic.woff2") format("woff2"),
    url("fonts/'Roboto', sans-seriflightitalic.woff") format("woff"),
    url("fonts/'Roboto', sans-seriflightitalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif"), local("'Roboto', sans-serif-Regular"),
    url("fonts/'Roboto', sans-serif.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serif.woff") format("woff"),
    url("fonts/'Roboto', sans-serif.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Italic"), local("'Roboto', sans-serif-Italic"),
    url("fonts/'Roboto', sans-serifitalic.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifitalic.woff") format("woff"),
    url("fonts/'Roboto', sans-serifitalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Medium"), local("'Roboto', sans-serif-Medium"),
    url("fonts/'Roboto', sans-serifmedium.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifmedium.woff") format("woff"),
    url("fonts/'Roboto', sans-serifmedium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Medium Italic"), local("'Roboto', sans-serif-MediumItalic"),
    url("fonts/'Roboto', sans-serifmediumitalic.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifmediumitalic.woff") format("woff"),
    url("fonts/'Roboto', sans-serifmediumitalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Bold"), local("'Roboto', sans-serif-Bold"),
    url("fonts/'Roboto', sans-serifbold.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifbold.woff") format("woff"),
    url("fonts/'Roboto', sans-serifbold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Bold Italic"), local("'Roboto', sans-serif-BoldItalic"),
    url("fonts/'Roboto', sans-serifbolditalic.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifbolditalic.woff") format("woff"),
    url("fonts/'Roboto', sans-serifbolditalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Black"), local("'Roboto', sans-serif-Black"),
    url("fonts/'Roboto', sans-serifblack.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifblack.woff") format("woff"),
    url("fonts/'Roboto', sans-serifblack.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
	font-family: "'Roboto', sans-serif";
  src: local("'Roboto', sans-serif Black Italic"), local("'Roboto', sans-serif-BlackItalic"),
    url("fonts/'Roboto', sans-serifblackitalic.woff2") format("woff2"),
    url("fonts/'Roboto', sans-serifblackitalic.woff") format("woff"),
    url("fonts/'Roboto', sans-serifblackitalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

body,
html {
	margin: 0;
	padding: 0;
	min-height: 100%;
}

body {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	background-color: #d7d7d7;
	min-width: 1000px;
	background: url("img/bg_cent.jpg") top center repeat;
}

* {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

ol,
ul {
	margin: 10px 0 10px 20px;
}

ol ul,
ul ul {
	margin-left: 0;
}

ul > li {
	margin: 0 0 0 20px;
}

.b_top {
	background: url("img/bg_top.jpg?0") top center repeat-x;
	background-color: #fff;
	position: relative;
	min-height: 440px;
}

.b_cent {
	position: relative;
	z-index: 3;
	margin-top: 0px;
}

.b_cent .container {
	margin-top: -40px;
	min-height: 500px;
}

.b_cent_b {
	background: url("img/bg_cent_b.jpg") top center repeat-x;
	position: relative;
	height: 63px;
	z-index: 3;
}

.b_cent_top {
	background: url("img/bg_top_razr.png?6") top center repeat-x;
	position: relative;
	height: 81px;
	margin-top: -61px;
	z-index: 4;
}

.b_cent_girl {
	display:none;
}

.clear {
	clear: both;
	line-height: 1%;
	margin-bottom: -1px;
	height: 1px;
	overflow: hidden;
	font-size: 0px;
}

.container {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
}
.top_icons {
	margin-top:5px;
	position: absolute;
	width: 990px;

	animation: topin 1s ease-in-out 1 alternate;
	-webkit-animation: topin 1s ease-in-out 1 alternate;
}

@keyframes topin {
	0% {
		margin-top:-75px;
	}
	100% {
		margin-top:5px;
	}
}
@-webkit-keyframes leaves {
	0% {
		margin-top:-75px;
	}
	100% {
		margin-top:5px;
	}
}




.item {
	width: 44px;
	height: 39px;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}
.item:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

.langs {
	position:absolute;
	top: 5px;
	width:44px;
	height:39px;
	overflow:hidden;
	z-index:10;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}
.langs:hover {
	height:245px;
	background-color:#180d09;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.langs:hover .item {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

.tops a:hover,
.social a:hover,
.langs a:hover {

}



.langs a {
	display:block;
	margin-bottom:5px;
}
.langs .en {background: url("img/icons.png?4") 0px 0px no-repeat;}
.langs .ru {background: url("img/icons.png?4") -44px 0px no-repeat;}
.langs .pt {background: url("img/icons.png?4") -88px 0px no-repeat;}
.langs .uk {background: url("img/icons.png?4") -308px -39px no-repeat;}
.langs .es {background: url("img/icons.png?40") -352px -39px no-repeat;}

.social {
	position:absolute;
	top: 5px;
	left: 108px;
}

.social .vk {background: url("img/icons.png?4") -176px 0px no-repeat;}
.social .fb {background: url("img/icons.png?4") -132px 0px no-repeat;}
.social .instagram {background: url("img/icons.png?4") -220px 0px no-repeat;}
.social .discord {background: url("img/icons.png?4") -264px 0px no-repeat;}
.social .telegramm {background: url("img/icons.png?40") -264px -39px no-repeat;}
.social .max {background: url("img/icons.png?41") -352px 0px no-repeat;}

.tops {
	position: absolute;
	top: 5px;
	right: 10px;
	width:44px;
	height:39px;
	overflow:hidden;
	z-index:1;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.tops:hover {
	height:265px;
	background-color:#180d09;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.tops:hover .item {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}


.mmotop {background: url("img/icons.png?4") 0px -39px no-repeat;}
.topzone {background: url("img/icons.png?4") -44px -39px no-repeat;}
.hopzone {background: url("img/icons.png?4") -88px -39px no-repeat;}
.l2server {background: url("img/icons.png?4") -132px -39px no-repeat;}
.brazil {background: url("img/icons.png?4") -176px -39px no-repeat;}
.l2network {background: url("img/icons.png?4") -220px -39px no-repeat;}
.l2top {background: url("img/icons.png?4") -308px 0px no-repeat;}

.tops .hide_ico {
	display:none;
}

.p_bonus a:before {
	height: 0px;
}

.p_bonus .discord {
	background: url("img/icons.png?4") -264px 0px no-repeat;
}

.p_bonus .telegramm {
	background: url("img/icons.png?4") -264px -39px no-repeat;
}

.h_menu {
	margin: 50px 0 0 0;
}

.h_menu .left a,
.h_menu .right a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0 7px 0 7px;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.h_menu .left a:before,
.h_menu .right a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -7px 0;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.h_menu .left a:hover:before,
.h_menu .right a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: hidden;
}

.h_menu .left {
	float: left;
	padding: 18px 0 0 0;
	width: 395px;
	text-align: left;
}

.h_menu .right {
	float: right;
	padding: 18px 0 0 0;
	width: 385px;
	text-align: right;
}

.h_menu .logo {
	margin: 0 auto;
	width: 200px;
	text-align: center;
	-webkit-animation: leaves 2s ease-in-out 1 alternate;
	animation: leaves 2s ease-in-out 1 alternate;
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}

.h_menu .logo:hover {
	-webkit-transform: scale(2);
	transform: scale(2);
}

.h_menu .logo img {
	display: block;
	background: url("/style/img/logo_mega.png");
	background-size: 100% 100%;
	width: 100px;
	height: 100px;
	animation: coin 5s ease-in-out 1 alternate;
}

@keyframes coin {
	0% {
		transform: rotateY(0deg);
	}

	100% {
		transform: rotateY(360deg);
	}
  /* 5%{ transform: rotateY(-270deg);}
    10%{ transform: rotateY(-180deg);}
    100%{ transform: rotateY(270deg);} */;
}

@-webkit-keyframes leaves {
	0% {
		-webkit-transform: scale(0.3);
	}

	100% {
		-webkit-transform: scale(2);
	}
}

@keyframes leaves {
	0% {
		transform: scale(0.3);
	}

	100% {
		transform: scale(2);
	}
}

.h_menu .logo img {
	transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}

.h_menu .logo img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
}

.but {
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
	position: relative;
}

.but a {
	font-family: a_FuturaRound;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
}

.but_cont {
	margin: 0 auto;
	display: inline-block;
}

.but_cont span {
	display: block;
	margin: -10px 0 0 600px;
	position: absolute;
}

.but_cont span a {
	font-size: 10px;
	color: #777;
	text-decoration: underline;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0);
}

.but_cont span a:hover {
	text-decoration: none;
}

.s_files,
.s_reg,
.s_login {
	width: 253px;
	height: 53px;
	display: inline-block;
	margin: 0 10px 0 10px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	cursor: pointer;
	transform: translate(0, -05px);
	-webkit-transform: translate(0, -05px);
	-moz-transform: translate(0, -05px);
	-o-transform: translate(0, -05px);
	border-top-left-radius: 50% 25%;
	border-top-right-radius: 50% 25%;
	border-bottom-left-radius: 50% 25%;
	border-bottom-right-radius: 50% 25%;
	box-sizing: border-box;
	
}

.s_files:hover,
.s_reg:hover,
.s_login:hover {
	border-top-left-radius: 20% 10%;
	border-top-right-radius: 20% 10%;
	border-bottom-left-radius: 20% 10%;
	border-bottom-right-radius: 20% 10%;
}

.s_files {
	background: url("img/but_top.png") 0 0 no-repeat;
}

.s_reg {
	background: url("img/but_top.png") -253px 0 no-repeat;
}

.s_login {
	background: url("img/but_top.png") -506px 0 no-repeat;
}

.s_files div,
.s_reg div,
.s_login div {
	width: 165px;
	margin: 14px 0 0 50px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.s_reg {
	-webkit-animation-name: shake;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 0.82s;
	animation-name: shake;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-duration: 0.82s;
	animation-delay: 4s;
}

.b_bottom {
	background: url("img/bg_bot.jpg") #d7d7d7 top center repeat-x;
	position: relative;
	z-index: 1;
}

.footer {
	padding: 70px 0 20px 0;
}

.footer .f_menu {
	text-align: center;
}

.footer .f_menu ul {
	display: inline-table;
	vertical-align: middle;
	list-style: none;
	min-width: 140px;
	margin: 0 10px 0 10px;
	padding: 20px 0 0 0;
	border: 0px solid;
}

.footer .f_menu li {
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.footer .f_menu li a {
	white-space: nowrap;
}

.footer .f_menu .left a:hover,
.footer .h_menu .right a:hover,
.footer .h_menu a:hover {
	color: #fff;
}

.footer .f_menu .flogo2 a:before {
	height: 0;
}

.footer .f_menu a {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	color: #3b2a20;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.footer .f_menu a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -7px 0;
	background-color: #3b2a20;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.footer .f_menu a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: hidden;
}

.footer .f_menu .flogo2 a {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.footer .f_menu .flogo2 a:hover {
	-webkit-animation-name: toColor;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 1s;
	animation-name: toColor;
	animation-timing-function: infinite;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}

@-webkit-keyframes toColor {
	0% {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	100% {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
}

@keyframes toColor {
	0% {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}

	100% {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
}

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

.t_streams {
	position: relative;
	margin: 20px 0 10px 0;
	overflow: hidden;
	text-align: left;
	text-align: center;
}

.t_streams > div {
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
}

.t_tw {
	width: 192px;
	height: 108px;
	overflow: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 5px 0 0;
}

.t_tw .t_src {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.t_tw .t_src:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: normal;
}

.t_name {
	position: absolute;
	margin: 10px 0 0 15px;
	z-index: 2;
	font-family: a_FuturaRound;
	font-size: 16px;
	color: #ecc856;
	text-align: left;
	width: 170px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.t_name > b {
	font-size: 27px;
	color: #da9a2e;
}

.t_name .logo {
	float: left;
	margin: 0 5px 0 0;
	width: 55px;
	height: 55px;
}

.t_name:hover {
	text-decoration: underline;
}

.p_streams {
	text-align: center;
}

.p_streams > div {
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
}

.page .p_streams .t_tw {
	width: 390px;
	height: 220px;
	overflow: hidden;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 5px 15px 0;
	background-color: #000;
}

.page .t_name {
	width: 350px;
}

.news_cont {
	float: left;
	width: 570px;
	position: relative;
}

.news {
	position: relative;
	margin: -10px 0 0 0;
	overflow: hidden;
	text-align: center;
}

.news_add {
	margin: 20px 0 0 0;
}

.n_id {
	height: 140px;
	padding: 10px;
	display: inline-block;
	letter-spacing: normal;
	text-align: left;
	overflow: hidden;
	border-bottom-left-radius: 50% 25%;
	border-bottom-right-radius: 50% 25%;
	border-top-left-radius: 50% 25%;
	border-top-right-radius: 50% 25%;
	transition: all 0.55s ease-in-out 0s;
	-moz-transition: all 0.55s ease-in-out 0s;
	-o-transition: all 0.55s ease-in-out 0s;
	-webkit-transition: all 0.55s ease-in-out 0s;
}

.n_id:hover {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.2);
	cursor: pointer;
	-webkit-box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
}

.n_id .date {
	font-family: a_FuturaRound;
	font-size: 20px;
	color: #29150a;
	width: 23px;
	text-align: left;
	float: left;
	padding: 0 0 0 0;
	white-space: nowrap;
	margin: 75px 0 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.n_id .img {
	width: 140px;
	height: 140px;
	float: left;
	text-align: center;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.n_id .img img {
	margin: -50px 0 0 -87px;
	transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	-webkit-transition: all 2s ease-out;
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.n_id:hover .img img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.n_id .cont {
	width: 320px;
	float: left;
	margin: 0 0 0 15px;
}

.n_id .cont .alink {
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #3b2a20;
	text-align: left;
	border-bottom: 1px #29150a solid;
	width: 310px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.n_id:hover .cont .alink {
	border-bottom: 0;
	padding-bottom: 1px;
}

.n_id .cont .text {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #582b12;
	height: 87px;
	overflow: hidden;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 5; /* number of lines to show */
	line-clamp: 5; 
	-webkit-box-orient: vertical;
}

.n_id .img2 {
	width: 140px;
	height: 140px;
	float: left;
	text-align: center;
	overflow: hidden;
}

.n_id .img2 img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.n_id:hover .img2 img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.n_id_new {
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.3);
}

.n_id_new_green {
	background-color: rgb(9, 190, 0);
	background-color: rgba(9, 190, 0, 0.3);
}

.n_id_black {
	background-color: rgb(0, 0, 0);
}

.n_id_black .date,
.n_id_black .alink,
.n_id_black .text {
	color: #fff !important;
}

.r_cont {
	float: right;
	width: 400px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
}

.last_cont {
	display:inline-block;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin:20px 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	padding: 10px;
	box-sizing: border-box;
}

.last_cont:hover {
	-webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);
}

.last_t1 {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 23px;
	margin: 0 auto;
	text-align: center;
	color: #000;
	padding: 10px 0 10px 0;
}
.last_t1 span {
	background: linear-gradient(to bottom, #000 0%, #9f0b21 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.last_cont .last {
	margin-top:10px;
}

.last_cont .last .t_id {
	background: url("img/last.gif") center left no-repeat;
	width: 140px;
	padding: 0 0 0 15px;
	font-size: 14px;
	color: #3b2a20;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:inline-block;
}

.last_cont .last .f_id {
	font-size: 11px;
	color: #3b2a20;
	margin: -10px 0 0 -10px;
	text-align: right;
	float: right;
}

.last_cont .last a {
	font-size: 14px;
	color: #6c2404;
	text-decoration: none;
	position: relative;
	display:inline-block;
	width: 170px;
	height: 22px;
	margin: 0 0 10px 15px;
}

.last_cont .last a:hover {
	font-weight: bold;
}

.last_cont .last a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 3px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 1px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.last_cont .last a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: hidden;
}

.head_social {
	width: 820px;
	margin: 0 auto;
	margin-top: 30px;
	overflow: hidden;
}

.head_social > div {
	display: inline-block;
	vertical-align: top;
}

.ribbon-br {
	position: absolute;
	right: 2px;
	top: 22px;
	z-index: 1;
	overflow: hidden;
	width: 100px;
	height: 95px;
	text-align: right;
}

.ribbon-br span {
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 14px;
	padding: 3px 0 3px 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 125px;
	display: block;
	background: #54130f;
	background: linear-gradient(#79b500 40%, #107b00 100%);
	box-shadow: 0 -3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	bottom: 16px;
	right: -30px;

}

.ribbon-br span::before {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 100%;
	z-index: -1;
	border-right: 4px solid #107b00;
	border-left: 4px solid transparent;
	border-top: 4px solid transparent;
	border-bottom: 4px solid #107b00;
}

.ribbon-br span::after {
	content: "";
	position: absolute;
	left: 0px;
	bottom: 100%;
	z-index: -1;
	border-right: 4px solid transparent;
	border-left: 4px solid #107b00;
	border-top: 4px solid transparent;
	border-bottom: 4px solid #107b00;
}

.ribbon-tr {
	position: absolute;
	right: 4px;
	top: 12px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon-tr span {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	width: 100px;
	display: block;
	background: #79a70a;
	background: linear-gradient(#bc0000 0%, #900000 100%);
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	position: absolute;
	top: 19px;
	right: -21px;
}

.ribbon-tr span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #900000;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #900000;
}

.ribbon-tr span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #900000;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #900000;
}

.ribbon-gold span {
	background: #ff7e00;
	background: linear-gradient(#ff7e00 0%, #e32b1d 100%);
}

.ribbon-gold span::before {
	border-left: 3px solid #e32b1d;
	border-top: 3px solid #e32b1d;
}

.ribbon-gold span::after {
	border-right: 3px solid #e32b1d;
	border-top: 3px solid #e32b1d;
}

.ribbon-br {
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	-webkit-animation-name: shake;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-duration: 0.82s;
	-webkit-animation-delay: 2s;
	animation-name: shake;
	animation-timing-function: linear;
	animation-iteration-count: 2;
	animation-duration: 0.82s;
	animation-delay: 2s;
}

@-webkit-keyframes shake {
	10%,
  90% {
		transform: translate3d(-3px, 0, 0);
	}

	20%,
  80% {
		transform: translate3d(3px, 0, 0);
	}

	30%,
  50%,
  70% {
		transform: translate3d(-5px, 0, 0);
	}

	40%,
  60% {
		transform: translate3d(5px, 0, 0);
	}
}

@keyframes shake {
	0%,
  10% {
		transform: translate3d(0, 0, 0);
	}

	10%,
  90% {
		transform: translate3d(-3px, 0, 0);
	}

	20%,
  80% {
		transform: translate3d(3px, 0, 0);
	}

	30%,
  50%,
  70% {
		transform: translate3d(-5px, 0, 0);
	}

	40%,
  60% {
		transform: translate3d(5px, 0, 0);
	}
}

.id:hover .ribbon-br,
.id:hover .ribbon-br2,
.id:hover .ribbon-br2,
.id:hover .ribbon-tr,
.id:hover .ribbon-tr1,
.id:hover .ribbon-tr2 {
	display: none;
}

/*Small Server*/
.ribbon-br1,
.ribbon-br2,
.ribbon-tr1 {
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
}

.ratings .servers .id:hover .add {
	display: none;
}

.rservs,
.rstats {
	margin: 0 0 10px 0;
	text-align: center;
	z-index: 5;
	position: relative;
}

.rservs a button,
.rstats a button {
	margin: 0 5px 10px 5px;
	text-align: center;
	padding: 0 20px 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rservs a:before,
.rstats a:before {
	height: 0 !important;
}

.rservs {
	margin: 20px 0 0 0;
}

.rservs .serv {
	width: 100%;
	display: inline-block;
}

.rservs .servers {
	font-family: a_FuturaRound;
	color: #fff;
	text-shadow_: 0px 1px 1px rgba(32, 22, 0, 0.5);
	text-align: center;
}

.rservs .servers .s_cont {
	margin: 0 auto;
	display: inline-block;
	text-align: center;
}

.rservs .servers .s_cont a {
	display: inline-block;
}

.rservs .servers .id {
	position: relative;
	width: 110px;
	height: 88px;
	padding: 13px 9px 26px 6px;
	float: left;
	text-align: center;
	color: #da9a2e;
	margin: 0 2px 0 2px;
	transition: all 0.55s ease-in-out 0s;
	-moz-transition: all 0.55s ease-in-out 0s;
	-o-transition: all 0.55s ease-in-out 0s;
	-webkit-transition: all 0.55s ease-in-out 0s;
}

.rservs .servers .body {
	padding: 13px 0 26px 0;
	width: 100%;
	height: 100%;
	margin: -4px 0 0 0;
}

.rservs .servers .body img {
	width: 85px !important;
	height: 45px !important;
}

.rservs .servers .id .add {
	font-size: 10px;
	display: none;
	visibility: hidden;
}

.rservs .servers .id:hover {
	background-color: #ffc54c;
	border-radius: 200px / 40px;
	border-top-right-radius: 7px 50px;
	border-bottom-left-radius: 7px 25px;
	cursor: pointer;
}

.rservs .servers .id:hover .rate {
	color: #fff;
}

.rservs .servers .id:hover .add {
	display: block;
	background: url("img/dot1.png") top center no-repeat;
	padding: 7px 0 0 0;
	color: #000;
}

.rservs .leftRect,
.rservs .rightRect {
	position: absolute;
	top: 17px;
	bottom: 26px;
	width: 26px;
	border: 2px solid;
}

.rservs .leftRect {
	left: 7px;
	border-right-width: 0;
	border-top-left-radius: 20px 50px;
	border-bottom-left-radius: 8px 12px;
	height: 90px;
}

.rservs .rightRect {
	right: 7px;
	border-left-width: 0;
	border-top-right-radius: 8px 12px;
	border-bottom-right-radius: 20px 50px;
	height: 90px;
}

.rservs .servers .body .name {
	font-size: 14px;
	margin: -14px 0 0 0;
	color: #513b2d;
}

.rservs .servers .body .rate {
	font-size: 20px;
	text-transform: uppercase;
	color: #513b2d;
	margin: -10px 0 0 0;
}

.rservs .servers .body .online {
	font-size: 18px;
	margin: 10px 0 0 0;
	color: #513b2d;
}

.rservs .servers .active {
	background-color: #ffc54c;
	border-radius: 200px / 40px;
	border-top-right-radius: 7px 50px;
	border-bottom-left-radius: 7px 25px;
	cursor: pointer;
}

.rservs .servers .active .rate,
.rservs .servers .active .body .name,
.rservs .servers .active .body .online,
.rservs .servers .id:hover .body .name,
.rservs .servers .id:hover .body .online,
.rservs .servers .id:hover .rate {
	color: #fff;
}

.leftRect,
.rightRect {
	-webkit-animation-name: spinner_s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-name: spinner_s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-duration: 2s;
}

@-webkit-keyframes spinner_s {
	from {
		-webkit-transform: rotateY(-90deg);
	}

	to {
		-webkit-transform: rotateY(0deg);
	}
}

@keyframes spinner_s {
	from {
		-moz-transform: rotateY(-90deg);
		-ms-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}

	to {
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}
}

.name_p {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 40px;
	text-align: center;
	margin: 30px 0 20px 0;
	background: url("img/dot4.png") bottom center no-repeat;
	_background: rgba(33, 22, 18, 0.07);
	_clip-path: polygon(
    3% 0,
    7% 1%,
    11% 0%,
    16% 2%,
    20% 0,
    23% 2%,
    28% 2%,
    32% 1%,
    35% 1%,
    39% 3%,
    41% 1%,
    45% 0%,
    47% 2%,
    50% 2%,
    53% 0,
    58% 2%,
    60% 2%,
    63% 1%,
    65% 0%,
    67% 2%,
    69% 2%,
    73% 1%,
    76% 1%,
    79% 0,
    82% 1%,
    85% 0,
    87% 1%,
    89% 0,
    92% 1%,
    96% 0,
    98% 3%,
    99% 3%,
    99% 6%,
    100% 11%,
    98% 15%,
    100% 21%,
    99% 28%,
    100% 32%,
    99% 35%,
    99% 40%,
    100% 43%,
    99% 48%,
    100% 53%,
    100% 57%,
    99% 60%,
    100% 64%,
    100% 68%,
    99% 72%,
    100% 75%,
    100% 79%,
    99% 83%,
    100% 86%,
    100% 90%,
    99% 94%,
    99% 98%,
    95% 99%,
    92% 99%,
    89% 100%,
    86% 99%,
    83% 100%,
    77% 99%,
    72% 100%,
    66% 98%,
    62% 100%,
    59% 99%,
    54% 99%,
    49% 100%,
    46% 98%,
    43% 100%,
    40% 98%,
    38% 100%,
    35% 99%,
    31% 100%,
    28% 99%,
    25% 99%,
    22% 100%,
    19% 99%,
    16% 100%,
    13% 99%,
    10% 99%,
    7% 100%,
    4% 99%,
    2% 97%,
    1% 97%,
    0% 94%,
    1% 89%,
    0% 84%,
    1% 81%,
    0 76%,
    0 71%,
    1% 66%,
    0% 64%,
    0% 61%,
    0% 59%,
    1% 54%,
    0% 49%,
    1% 45%,
    0% 40%,
    1% 37%,
    0% 34%,
    1% 29%,
    0% 23%,
    2% 20%,
    1% 17%,
    1% 13%,
    0 10%,
    1% 6%,
    1% 3%
  );
}

.name_p2 {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	margin: -10px 0 10px 0;
}

.name_p2 span {
	color: #399336;
}

.name_cat {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 26px;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 30px 0 0 0;
	background: url("img/dot4.png") center top no-repeat;
}

.page {
	margin: 0;
	padding: 0 20px 0 20px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000;
}

.page a {
	color: #6c2404;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.page a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -2px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.page a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: hidden;
}

.but_reg {
	width: 601px;
	height: 104px;
	margin: 0 auto;
	margin-top: 10px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	background: url("img/but_reg_big.png") top center no-repeat;
	cursor: pointer;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	border-top-left-radius: 50% 25%;
	border-top-right-radius: 50% 25%;
	border-bottom-left-radius: 50% 25%;
	border-bottom-right-radius: 50% 25%;
}

.but_reg a {
	text-decoration: none;
	color: #fff;
}

.but_reg div {
	font-family: a_FuturaRound;
	font-size: 33px;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #fff;
	width: 280px;
	padding: 25px 0 0 175px;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
}

.but_reg {
	transition: all 7s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}

.but_reg:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	pointer: pointer;
	border-top-left-radius: 45% 20%;
	border-top-right-radius: 45% 20%;
	border-bottom-left-radius: 45% 20%;
	border-bottom-right-radius: 45% 20%;
}

.slide_container {
	width: 100%;
	background-color: #fff;
}

.slide_cont {
	max-width: 900px;
	z-index: 0;
	margin: 0 auto;
	position: relative;
}

#otz .owl-controls {
	margin: auto 0;
}

#otz .owl-dots .owl-dot span {
	width: 27px;
	height: 27px;
	background: #f4c155;
}

#otz .owl-dots .owl-dot:hover span,
#otz .owl-dots .owl-dot.active span {
	background: #ea9139;
}

#otz {
	margin: 0 0 0 0;
	z-index: 2;
}

.otz-item {
	max-height: 370px;
	overflow: hidden;
}

.otz-slider {
	position: relative;
}

.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0, 0);
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}
/*
.owl-theme .owl-controls{margin-top:0px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}
.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
*/
.otzPrev,
.otzNext {
	font-family: a_FuturaRound;
	font-size: 100px;
	position: absolute;
	z-index: 5;
	line-height: 150px;
	color: #f4c155;
	cursor: pointer;
	top: 50px;
}

.otzPrev {
	left: -40px;
}

.otzNext {
	right: -40px;
}

.otzPrev:hover,
.otzNext:hover {
	color: #ea9139;
}

.infos {
	margin: 0 auto;
	text-align: center;
}

.h_text {
	margin: 0 0 0 0;
	font-family: a_FuturaRound;
	font-size: 40px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 5px;
}

.s_text {
	height: 150px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
}

.s_text div {
	width: 150px;
	background: url("img/dot1.png") top center no-repeat;
	padding: 30px 0 0 0;
	float: left;
	margin: 35px;
}

.s_text_cd {
	height: 150px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
}

.s_text_cd div {
	width: 100px;
	background: url("img/dot1.png") top center no-repeat;
	padding: 20px 0 0 0;
	float: left;
	margin: 35px;
}

.s_text_cd div span {
	font-size: 36px;
	font-weight: bold;
}

.nowipes .link a,
.servpts2 .link a,
.nolags .link a {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0 15px 0 15px;
	color: #6c2404;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.nowipes .link a:before,
.servpts2 .link a:before,
.nolags .link a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -7px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.nowipes .link a:hover:before,
.servpts2 .link a:hover:before,
.nolags .link a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: hidden;
}

.nowipes {
	margin: 0 0 0 50px;
	color: #000;
}

.float_aka_s {
	position: absolute;
	left: 300px;
	width: 555px;
	height: 326px;
	background: url("img/float_aka_s.png") top right no-repeat;
}

.nolags {
	margin: 0 50px 0 0;
	text-align: right;
	width: 450px;
}

.float_kam_s {
	position: absolute;
	left: 460px;
	width: 361px;
	height: 326px;
	background: url("img/float_kamael_s.png") top right no-repeat;
}

.servpts {
	width: 750px;
	margin: 0 auto;
	text-align: center;
}

.massraid {
	width: 570px;
	margin: 0 0 0 30px;
	color: #000;
	text-align: right;
}

.float_gardon_s {
	position: absolute;
	left: 430px;
	width: 443px;
	height: 326px;
	background: url("img/float_gardon_s.png") top right no-repeat;
}

.t1 {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 26px;
}

.t2 {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 50px;
}

.t3 {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;
}

.nowipes .t3 {
	width: 300px;
}

.nolags .t3 {
	width: 400px;
	float: right;
}

.servpts .t2 {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 50px;
}

.massraid .t3 {
	width: 400px;
}

.nowipes .link a,
.servpts2 .link a,
.nolags .link a {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 20px;
	margin: 20px 0 10px 0;
}

.servpts2 {
	margin: 0 50px 0 0;
	text-align: right;
	width: 450px;
}

.servpts2 .t3 {
	width: 400px;
	float: right;
}

.float_scr_s {
	position: absolute;
	left: 460px;
	top: 20px;
	width: 361px;
	height: 326px;
	background: url("img/float_client_classic_s.png") top right no-repeat;
}

.dot2 {
	width: 316px;
	height: 3px;
	background: url("img/dot2.png") top center no-repeat;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dot3 {
	width: 316px;
	height: 3px;
	background: url("img/dot3.png") top center no-repeat;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.dot4 {
	width: 915px;
	height: 3px;
	background: url("img/dot4.png") top center no-repeat;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	display: none;
	z-index: 11;
	background: rgba(23, 13, 6);
	background: rgba(23, 13, 6, 0.85);
	transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-webkit-transition: opacity 500ms;
}

.overlay:target {
	display: block;
}

.overlay .p_close {
	width: 56px;
	height: 56px;
	background: url("img/close2.png") top center no-repeat;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	display: inline-block;
	z-index:1000;
}

.overlay .p_close:hover {
	filter: invert(100%);
}

.overlay .p_close:before {
	height: 0px;
}

.popup {
	background: url("img/bg_popup2.jpg") #fff0d6 top center no-repeat;
	background-size: cover;
	margin: 0 auto;
	margin-top: 80px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0;
	border-bottom-left-radius: 7px 155px;
	border-bottom-right-radius: 7px 25px;
	border-top-left-radius: 7px 25px;
	border-top-right-radius: 7px 155px;
	width: 650px;
	max-width: 910px;
	height: auto;
	position: absolute;
	box-sizing: border-box;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.popup .p_head {
	font-family: a_FuturaRound;
	color: #000;
	font-size: 40px;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	margin: 30px 0 20px 0;
}

.popup .p_content {
	margin:0 30px 30px 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.popup a {
	color: #6c2404;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.popup a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -2px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}


.popup .click_link:before,
.page .click_link:before {
	height: 0px;
}

.click_link {
	display:block;
}

.click_link button {
	margin:10px;
}

.popup a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: visible;
}

.popup .p_footer {
	margin: 40px 0 0 0;
}

.popup .p_footer div {
	margin: 10px;
	width: 100%;
	text-align: center;
}

.popup .p_footer a {
	font-size: 20px;
	letter-spacing: 2px;
	margin: 0 15px 0 15px;
}

.newbie .but_reg {
	width: 400px;
	box-shadow: 0px 0px 10px -5px rgba(255, 255, 255, 1);
}

.newbie .but_reg div {
	font-size: 35px;
	letter-spacing: 0px;
	color: #fff;
	width: 300px;
	padding: 30px 0 0 10px;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
}

.newbie a:before {
	content: "";
	width: 100%;
	height: 0px;
	margin: 0 0 -2px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.visible {
	display: block;
}

/*------------------------------forms----------------------------------*/
form {
	width: 100%;
	text-align: center;
	box-sizing:border-box;
}

form #text {
	width: 400px;
	text-align: center;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: bold;
}

form *:focus,
form *:required {
	outline: none;
	box-shadow: none;
}

::-webkit-validation-bubble {
}

::-webkit-validation-bubble-body {
}

::-webkit-validation-bubble-text-block {
}

::-webkit-validation-bubble-arrow-heading {
}

::-webkit-validation-bubble-* {
}

::-webkit-validation-bubble-arrow-clipper {
}

::-webkit-validation-bubble-arrow {
}

::-webkit-validation-bubble-top-outer-arrow {
}

::-webkit-validation-bubble-top-inner-arrow {
}

::-webkit-validation-bubble-message {
}

::-webkit-validation-bubble-icon {
}

.input input,
.submit input,
.select select,
.captcha .captcha_div,
.checkbox .checkbox_div,
.textarea textarea {
	background-color: #f9f9f9;
	height: 40px;
	font-family: a_FuturaRound;
	font-size: 20px;
	border: 0;
	margin: 0 0 20px 0;
	border-bottom-left-radius: 7px 45px;
	border-bottom-right-radius: 7px 45px;
	border-top-left-radius: 7px 45px;
	border-top-right-radius: 7px 45px;
	box-sizing:border-box;
}

.input input {
	width: 380px;
	text-align: left;
	padding: 0 30px 0 30px;
	box-sizing:border-box;
}

.input input:required:valid {
	-webkit-box-shadow: inset 0px 1px 1px 1px rgba(101, 255, 101, 0.3);
	-moz-box-shadow: inset 0px 1px 1px 1px rgba(101, 255, 101, 0.3);
	box-shadow: inset 0px 1px 1px 1px rgba(101, 255, 101, 0.3);
}

.input input:focus:invalid {
	-webkit-box-shadow: inset 0px 1px 1px 1px rgba(255, 101, 101, 0.3);
	-moz-box-shadow: inset 0px 1px 1px 1px rgba(255, 101, 101, 0.3);
	box-shadow: inset 0px 1px 1px 1px rgba(255, 101, 101, 0.3);
	background: transparent #f9f9f9;
}

.submit input {
	width: 440px;
	background-color: #f3ab00;
	text-align: center;
	cursor: pointer;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	box-sizing:border-box;
	border-bottom-left-radius: 12px 12px;
	border-bottom-right-radius: 7px 12px;
	border-top-left-radius: 7px 12px;
	border-top-right-radius: 12px 12px;
}

.submit input:hover {
	background-color: #de6d00;
	border-bottom-left-radius: 1px 12px;
	border-bottom-right-radius: 7px 12px;
	border-top-left-radius: 7px 12px;
	border-top-right-radius: 1px 12px;
}




.select select {
	width: 440px;
	text-align: left;
	padding: 0 30px 0 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing:border-box;
}

.select_cur {
	margin: -70px -140px 30px 0;
}

.select_cur select {
	width: 137px;
	background-color: transparent;
	height: 40px;
	font-family: a_FuturaRound;
	font-size: 18px;
	border: 0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0 0 20px 0;
	box-sizing:border-box;
}

.select_cur option {
	border: 0;
}

.select option {
	text-align: left;
	padding: 0 30px 0 30px;
	margin: 0;
}

.select optgroup {
	font-size: 14px;
}

.input .generate {
	position: absolute;
	margin: 4px 0 0 -40px;
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

.input .show_psw {
	position: absolute;
	margin: 4px 0 0 -80px;
	filter: invert(50%);
	-webkit-filter: invert(50%);
}

.input .generate:hover {
	cursor: pointer;
	filter: invert(0%);
	-webkit-filter: invert(0%);
}

.input .show_psw:hover {
	cursor: pointer;
	filter: invert(0%);
	-webkit-filter: invert(0%);
}

.captcha .captcha_div,
.checkbox .checkbox_div {
	width: 380px;
	text-align: left;
	padding: 0 30px 0 30px;
	background-color: #f9f9f9;
	position: relative;
	display: inline-block;
}

.captcha .cont {
	height: 35px;
	width: 220px;
	overflow: hidden;
}

.checkbox .cont {
	margin: 5px 0 0 2px;
	height: 35px;
	width: 220px;
	overflow: hidden;
}

.g-recaptcha {
	margin: -18px 0 0 -10px;
}

.textarea textarea {
	height: 200px;
	width: 350px;
	text-align: left;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: normal;
}

.popup .input input,
.popup .select select,
.popup .captcha .captcha_div,
.popup .checkbox .checkbox_div,
.popup .textarea textarea {
	font-size: 18px;
	margin: 0 0 20px 120px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom-right-radius: 7px 25px;
	border-top-right-radius: 15px 25px;
}

.popup .select select,
.popup .submit input {
	width: 360px;
}

.popup .select_cur {
	margin: -60px -353px 0 0;
}

.popup .select_cur select {
	border-bottom-left-radius: 7px 25px;
	border-bottom-right-radius: 7px 25px;
	border-top-left-radius: 7px 25px;
	border-top-right-radius: 15px 25px;
	margin: 0 0 20px 0;
}

.popup .input input,
.popup .captcha .captcha_div,
.popup .checkbox .checkbox_div {
	width: 360px;
}

.popup .input .generate {
	margin: 5px 0 0 -40px;
}

.popup .input .show_psw {
	margin: 5px 0 0 -80px;
}

.popup form label {
	font-family: a_FuturaRound;
	font-size: 14px;
	padding-top: 12px;
	text-transform: uppercase;
	color: #fff;
	line-height: 10px;
	z-index: 2;
	position: absolute;
	min-height: 28px;
	background-color: #624c32;
	display: inline-block;
	width: 120px;
	border-bottom-left-radius: 15px 25px;
	border-top-left-radius: 7px 25px;
	z-index: 1;
}

.popup form label span {
	font-size: 12px;
}

.popup .captcha_img {
	position: absolute;
	margin: 7px 0 0 -110px;
	display:inline-block;
}

.popup .captcha_img:hover {
	cursor: pointer;
}

.page .input input,
.page .submit input,
.page .select select,
.page .captcha .captcha_div,
.page .checkbox .checkbox_div,
.link {
	height: 60px;
}

.page .input,
.page .submit,
.page .select,
.page .captcha,
.page .checkbox,
.page .textarea,
.page .link {
	width: 620px;
	margin: 0 auto;
}

.page .input input,
.page .select select,
.page .textarea textarea {
	background-color: #f9f9f9;
	-webkit-box-shadow: inset 0px 1px 1px 1px rgba(150, 150, 150, 0.5);
	-moz-box-shadow: inset 0px 1px 1px 1px rgba(150, 150, 150, 0.5);
	box-shadow: inset 0px 1px 1px 1px rgba(150, 150, 150, 0.5);
	width:400px;
}

.page .input .generate {
	margin: 13px 0 0 -40px;
	display:inline-block;
}

.page .input .show_psw {
	margin: 13px 0 0 -80px;
	display:inline-block;
}

.page .captcha .cont {
	height: 50px;
}

.page .captcha .g-recaptcha {
	margin: -8px 0 0 -10px;
}

.page .captcha input {
	margin-left: -20px;
}

.page .checkbox .cont {
	margin: 17px 0 0 3px;
	height: 50px;
}

.page .textarea textarea {
	width: 420px;
}

.page form label {
	font-family: a_FuturaRound;
	font-size: 40px;
	text-transform: uppercase;
	float: left;
	width: 140px;
	text-align: right;
	margin: 9px 30px 0 0;
}

.page form label span {
	font-size: 16px;
	display: block;
	margin: -10px 0 0 0;
}

.page .captcha_img {
	margin: 18px 0 0 -110px;
}

.label {
	width: 28px;
	height: 28px;
}

input[type="checkbox"]:not(old),
input[type="radio"]:not(old) {
	width: 28px;
	height: 28px;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
}

input[type="checkbox"]:not(old) + .label,
input[type="radio"]:not(old) + .label {
	display: inline-block;
	margin-left: -28px;
	padding-left: 28px;
	background: url("img/checks.png") no-repeat 0 0;
	line-height: 24px;
}

input[type="checkbox"]:not(old):checked + .label {
	background-position: 0 -28px;
}

input[type="radio"]:not(old):checked + .label {
	background-position: 0 -56px;
}
/*------------------------------forms----------------------------------*/

.overlay_promo {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	display: none;
	z-index: 11;
	transition: all 5s ease-in-out;
}

.overlay_promo:target {
	display: block;
}

.popup_promo {
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	padding: 40px 0 40px 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	transition: opacity 500ms;
}

.popup_promo .popup_close {
	width: 56px;
	height: 56px;
	background: url("img/close2.png") top center no-repeat;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	display: inline-block;
	z-index: 999;
}

.popup_promo .popup_close:hover {
	filter: invert(100%);
}

.popup_promo .popup_close:before {
	height: 0px;
}

.popup_promo .p_content {
	margin: 0 80px 0 80px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.popup_promo a {
	color: #6c2404;
	text-decoration: none;
	position: relative;
	display: inline-block;
}

.popup_promo a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -2px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.popup_promo a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: visible;
}

.down {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0;
	text-align: center;
}

.down a:before {
	height: 0;
}

.down img {
	display: block;
	margin: 0 auto;
	margin-top: -13px;
}

.down > div {
	display: inline-block;
	vertical-align: top;
	width: 180px;
	margin: 0 0 20px 0;
	text-align: center;
}

.down div > div {
	margin: 5px 0 5px 0;
}

.down div > div a {
	font-size: 14px;
}

.down div > div a:before {
	height: 1px;
	margin-bottom: -3px;
}

.down .button {
	font-family: a_FuturaRound;
	font-size: 20px;
	color: #fff;
	width: 150px;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom-left-radius: 50% 25%;
	border-bottom-right-radius: 50% 25%;
	border-top-left-radius: 50% 25%;
	border-top-right-radius: 50% 25%;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.down .button:hover {
	border-bottom-left-radius: 50% 5%;
	border-bottom-right-radius: 50% 5%;
	border-top-left-radius: 50% 5%;
	border-top-right-radius: 50% 5%;
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
}

.down .button span {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 09px;
	font-weight: normal;
}

.down .button.red {
	background-color: #e44c51;
}

.down .button.red:hover {
	background-color: #d90007;

}

.down .button.grey {
	background-color: #999;
}

.down .button.grey:hover {
	background-color: #777;
}

.down .button.green {
	background-color: #88d05c;
}

.down .button.green:hover {
	background-color: #6bd900;
}

.error {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	color: #d8000c;
	background: url("img/bg_error.png") #ffbaba bottom left repeat-x;
	text-align: center;
	padding: 10px 0 15px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	z-index: 40;
	margin: 0px 0px 20px 0px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.error a {
	color: inherit;
	text-decoration: underline;
}

.error a:before {
	height: 0;
}

.popup .error {
	margin: -20px 0px 20px 0px;
}

.info,
.ok,
.ok2,
.warning,
.invalid,
.validation {
	pointer-events: none;
	overflow: auto;
	margin: 10px 0px 10px 0px;
	padding: 7px 40px 7px 11px;
	min-height: 27px;
	background-repeat: no-repeat;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 18px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
   -webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
}

.info::-webkit-scrollbar,
.ok::-webkit-scrollbar,
.ok2::-webkit-scrollbar,
.warning::-webkit-scrollbar,
.invalid::-webkit-scrollbar,
.validation::-webkit-scrollbar {
	display: none;
}

.info {
	color: #00529b;
	background-color: #bde5f8;
}

.info_black {
	color: #fff;
	background-color: #000;
}

.ok {
	color: #4f8a10;
	background-color: #dff2bf;
}

.ok2 {
	color: #4f8a10;
	background: repeating-linear-gradient(
    -45deg,
    rgba(0, 255, 0, 0.3),
    rgba(0, 255, 0, 0.3) 20px,
    transparent 20px,
    transparent 40px
  );
}

.warning {
	color: #9f6000;
	background-color: #feefb3;
}

.invalid {
	color: #d8000c;
	background-color: #ffbaba;
}

.validation {
	color: #d63301;
	background-color: #ffccba;
}

.info a,
.ok a,
.ok2 a,
.warning a,
.invalid a,
.validation a {
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
	pointer-events: all;
}

.info a:hover,
.ok a:hover,
.ok2 a:hover,
.warning a:hover,
.invalid a:hover,
.validation a:hover {
	text-decoration: none;
}

.info li,
.ok li,
.ok2 li,
.warning li,
.invalid li,
.validation li {
	margin: 0 0 0 20px;
}

.info:before,
.ok:before,
.ok2:before,
.warning:before,
.invalid:before,
.validation:before {
	pointer-events: all;
	content: "x";
	float: right;
	margin: 0 -25px 0 0;
	cursor: pointer;
}

.fly {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-image: url("img/bg_error.png");
	background-position: bottom left;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: bold;
	background-repeat: repeat-x;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

.support_0 {
	padding: 30px 15px 15px 15px;
}

.support {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.support > div {
	width: 160px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 30px 0 30px 0;
}

.support_line {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.support_line > div div {
	display: inline-block;
	text-align: center;
}

.support_line > div {
	width: 100%;
	display: block;
	vertical-align: top;
	text-align: left;
	margin: 0 0 40px 0;
	background-color: rgba(255, 255, 255, 0.5);
	padding: 7px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 50px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	-webkit-transition: all 0.9s ease-in-out;
	cursor: pointer;
}

.support_line > div:hover {
	background-color: rgba(255, 255, 255, 0.9);
	transform: scale(0.9);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
}

.support_line > div img {
	margin: -25px 0 0 10px;
}

.support_line a:before {
	height: 0px;
}

.support_line div > div a:before {
	margin-bottom: -7px;
}

.support div > div a:before {
	margin-bottom: -7px;
}

.support_line .skype img,
.support .skype img {
	background: url("img/ico_mess.png") 0 0 no-repeat;
}

.support_line .telegramm img,
.support .telegramm img {
	background: url("img/ico_mess.png?0") -180px 0 no-repeat;
}

.support_line .email img,
.support .email img {
	background: url("img/ico_mess.png") -60px 0 no-repeat;
}

.support_line .ticket img,
.support .ticket img {
	background: url("img/ico_mess.png") -120px 0 no-repeat;
}

.support_line .max img,
.support .max img {
	background: url("img/ico_mess.png?2") -240px 0 no-repeat;
}

.cabinet {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}

.cabinet a:before {
	height: 0;
}

.cabinet .chars .name {
	font-family: a_FuturaRound;
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	margin: 20px 0 40px 0;
	width:100%;
	text-align:center;
}

.cabinet .chars tr {
	cursor: pointer;
}

.character {
	width: 218px;
	height: 355px;
	background: url("img/character.png") top center no-repeat;
}

.character .c_title {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	margin: 32px 0 0 0;
	width: 218px;
	text-align: center;
	text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000;
}

.character .c_name {
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	margin: 44px 0 0 0;
	width: 218px;
	text-align: center;
	text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000,
    0px 0px 2px #000, 0px 0px 2px #000;
}

table {
	margin: 50px 0 50px 0;
}

.page table tr {
	margin: 0 10px 0 10px;
}

table tr td,
table tr th {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-align: left;
	padding: 10px 0 10px 10px;
	width: auto;
	vertical-align: middle;
}

table tr th {
	color: #737373;
	font-weight: normal;
	padding: 0 0 30px 0;
}

table tr {
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	box-sizing: border-box;
}

table tbody tr:hover {
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	border-radius:8px;
}

table tbody tr:hover tr {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

table tbody tr.active {
	background-color: rgb(190, 170, 110);
	background-color: rgba(190, 170, 110, 0.3);
}

thead {
	background: url("img/dot4.png") center center no-repeat;
}

table .td-name {
	letter-spacing: 0.05em;
	white-space: nowrap;
}
table .td-name small {
	display: block;
	font-size:9px;
}

#tabsort .header {
	height: auto;
	width: auto;
	cursor: pointer;
	padding-left: 10px;
}

#tabsort .header:hover {
	background: url("img/tabsort.gif") top right no-repeat;
	color: #000;
}

#tabsort .headerSortUp {
	background: url("img/tabsort_asc.gif") top right no-repeat;
	color: #000;
}

#tabsort .headerSortDown {
	background: url("img/tabsort_desc.gif") top right no-repeat;
	color: #000;
}

table.div_bonus {
	margin: 0px 0 0px 0;
}

.page table.div_bonus tr {
	margin: 0 5px 0 5px;
}


.alt1 {
	background-color: rgba(190, 170, 110, 0.3);
}

.ratings button {
	margin: 0 5px 0 5px;
	background-color: #ebebeb;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
   -webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
}

.ratings button:hover,
.ratings button.active {
	background-color: #ffc54c;
}

table tbody .a-name td {
	font-family: a_FuturaRound;
	font-size: 16px;
	text-transform: uppercase;
}

.a-sumclans:hover,
.a-name:hover {
	background-color: transparent !important;
}

.a-sumclans td {
	font-weight: bold;
}

.crest {
	float: left;
	width: 24px;
	text-align: right;
	padding: 0 3px 0 0;
}

.ratings .castle_id {
	margin: 40px 0 0 0;
}

.ratings .castle_id h2 {
	margin: 0 0 0 0;
	font-family: a_FuturaRound;
	font-size: 27px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.ratings .castle_id h3 {
	margin: 0 0 0 0;
	font-family: a_FuturaRound;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.ratings .castle_id {
	width: 50%;
	display: inline-block;
}

.ratings .castle_id table {
	margin: 0 0 0 0;
}

.ratings .castle_id > table {
	padding: 10px;
}

.ratings .castle_id table tr th {
	color: #737373;
	font-weight: normal;
	padding: 0 0 0 0;
}

.ratings .castle_id table tbody tr:hover {
	background-color: transparent;
}

.chead div {
	display: inline-block;
	font-family: a_FuturaRound;
	font-size: 27px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #777;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	text-align: center;
	box-sizing: border-box;
}

.chead div span {
	vertical-align: middle;
	color: #000;
}

.chead .acc_name {
	float: left;
}

.chead .balance {
	float: right;
	text-align:right;
}




.chead .balance .exchange {
	display: block;
}

button {
	background-color: #ffc54c;
	text-align: center;
	height: 34px;
	font-family: a_FuturaRound;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
	border: 0;
	border-bottom-left-radius: 12px 12px;
	border-bottom-right-radius: 7px 12px;
	border-top-left-radius: 7px 12px;
	border-top-right-radius: 12px 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
   -webkit-box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
}

button:hover,
button.active {
	border-bottom-left-radius: 1px 12px;
	border-bottom-right-radius: 7px 12px;
	border-top-left-radius: 7px 12px;
	border-top-right-radius: 1px 12px;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
	background-color: #e59000;
	cursor: pointer;
}

button a {
	color: #000 !important;
}

.rstats {
	margin: -30px 0 -20px 0;
}

.boxs {
	text-align: center;
	margin-bottom: 20px;
}

.box {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	vertical-align: top;
	box-sizing: border-box;
	border-radius:10px;
}

.box:first-child {
	margin-left: 0px;
}
.box:last-child {
	margin-right: 0px;
}

.box .block,
.box .name {
	padding: 5px;
	display: block;
	vertical-align: middle;
	line-height: 35px;
}

.box .name {
	border-radius: 10px;
    background-color: #624c32;
    background: linear-gradient(90deg, #624c32, #331d03);
}

.box .name span {
	display: inline-block;
	color: #fff;
	font-size: 27px;
	padding: 3px 20px 0 0;
	white-space: nowrap;
}
.ainfo .name span {
	overflow: hidden;
	text-overflow: ellipsis;
	width:140px;
}

.box .name .cserv {
	width: 34px;
	height: 30px;
	background: url("img/ico_cab.png") 0 0 no-repeat;
	display: inline-block;
	margin: 0 5px -6px 0;
	filter: invert(100%);
}

.box .name .cprot > div {
	width: 27px;
	height: 30px;
	background: url("img/ico_cab.png") -34px 0 no-repeat;
	display: inline-block;
	margin: 0 5px -6px 0;
	filter: invert(100%);
}

.box .name .cprem > div {
	width: 39px;
	height: 30px;
	background: url("img/ico_cab.png") -62px 0 no-repeat;
	display: inline-block;
	margin: 0 5px -6px 0;
	filter: invert(100%);
}

.box span {
	font-family: a_FuturaRound;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
	vertical-align: middle;
}

.box .null {
	color: #bd1e1e;
}

.box .yes {
	color: green;
}

.ainfo button {
	margin: 0 0 0 0;
}
.ainfo .logout {
	float:right;
}
.ainfo .balance {
	margin:10px 0 0 0;
	padding:0px 10px 10px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    background-color: #73b200;
    background: linear-gradient(90deg, #73b200, #fff);
    -webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
}


.ainfo .balance .tooltip span {
	font-size: 12px;
	line-height:12px;
}





.select_1 {
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select_1 select {
	background-color: #ffc54c;
	font-family: a_FuturaRound;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 35px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
}

.select_1 select:hover {
	background-color: #e59000;
	cursor: pointer;
}

.ainfo,
.premium,
.protect  {
	width: 300px;
	   -webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
}


.popup .ainfo {
	width: 300px;
}
.popup .premium {
	width: 250px;
}
.popup .protect {
	width: 250px;
}

.premium .info {
	padding: 7px;
}

table tr td input {
	border: 1px solid;
	float: left;
	padding: 3px;
}

table tr td button {
	border: 1px solid;
	float: left;
	padding: 3px;
	position: absolute;
	margin: 0 0 0 -20px;
	height: 25px;
	line-height: 15px;
}

.actions  {
	text-align:center;
}
.actions button {
	margin: 20px 5px 0 5px;
	background-color: #ebebeb;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	display:inline-block;
	justify-content: center;
	align-items: center;
}

.actions button:hover {
	background-color: #ffc54c;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.ui-tabs-vertical {
	display: inline-block;
	margin: 0 auto;
}

.ui-tabs-vertical .ui-tabs-nav {
	list-style: none;
	margin: 0 auto;
}

.ui-tabs-vertical .ui-tabs-nav img {
	margin: 0;
}

.ui-tabs-vertical .ui-tabs-nav li a img {
	width: 50px;
	padding: 7px;
	margin: 0 0 0 0;
}

.ui-tabs-vertical .ui-tabs-nav li {
	margin: 0 0 20px -5px;
	display: inline-block;
	padding: 0 5px 0 5px;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	padding: 9px;
	font-size: 20px;
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.ui-tabs-vertical .ui-tabs-nav li span {
	display: inline-block;
	margin: 0 0 10px 0;
	font-size: 30px;
	line-height: 40px;
	clear: both;
}

.ui-tabs-vertical .ui-tabs-nav li a:before {
	height: 0;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a img {
	padding: 7px;
	cursor: default;
	color: #fff;
	background-color: #ffc54c;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
}

#tabs {
	width: 100%;
}

.ui-tabs-vertical .ui-tabs-panel h2 {
	margin: 0 0 10px 0;
	padding: 8px 10px 0 0;
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

.popup .ui-tabs-vertical .ui-tabs-nav li a img {
	width: 45px;
	height: 45px;
}

.popup .ui-tabs-vertical .ui-tabs-nav li a {
	padding: 0px;
}

.popup .ui-tabs-vertical .ui-tabs-panel h2 {
	font-size: 30px;
}

.popup .ui-tabs-vertical .ui-tabs-panel label {
	display: block;
	float: left;
}

.pro-spoiler {
	font-family: a_FuturaRound;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	background-color: #3d0000;
	text-align: center;
	padding: 7px;
	margin: 10px;
	width: 420px;
	display: inline-block;
	vertical-align: top;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	border-radius: 9px;
	box-sizing:border-box;
}

.pro-spoiler div {
	background-color: #fff;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	padding: 5px;
	text-transform: none;
	color: #000;
	text-align: left;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.pro-spoiler ul {
	margin-left: 5px;
}

.ul_div {
	background: rgba(255, 255, 255, 1);
	padding: 15px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	border:5px solid #3d0000;
}

.girl_center,
.logo_center {
	position: absolute;
	margin: 80px 0 0 300px;
	z-index: -1;
	opacity: 0.4;
	animation: heartbeat1 5s infinite;
	-webkit-animation: heartbeat1 5s infinite;
}

@-webkit-keyframes heartbeat1 {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes heartbeat1 {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.uptolike-buttons {
	position: relative;
	text-align: center;
	z-index: 1;
}

.news_pages a {
	color: #000;
	font-family: a_FuturaRound;
	font-size: 20px;
	width: 100%;
}

.page_but {
	margin: 0 5px 20px 5px;
	width: 30px;
	height: 30px;
	background-color: #ebebeb;
	-moz-border-radius: 500px;
	-webkit-border-radius: 500px;
	-khtml-border-radius: 500px;
	border-radius: 500px;
	display: inline-block;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.page_but:hover,
.news_pages .active {
	background-color: #ffc54c;
}

#products {width:100%; text-align:left;margin:0 0 0 -25px;}
#products div {text-align:center; width:125px; float:right;}
#products div a.active {cursor: default; text-decoration: none;}
#products div img {width:145px;}

.s_arrow {display:none; width:34px; height:34px; background:transparent url(/style/images/yellow.png) no-repeat scroll 0 -68px; position:relative; margin:-15px -45px -6px 0;}

.description { min-height:140px; margin-top:0px; padding:18px;}
.description > div {display:block;}
.description .active {display:block; width:100%;}

.description .ul_div img {
	animation: rote 2s infinite;
	-webkit-animation: rote 2s infinite;
}

@-webkit-keyframes rote {
	from {
		-webkit-transform: rotateY(-90deg);
	}

	to {
		-webkit-transform: rotateY(90deg);
	}
}

@keyframes rote {
	from {
		-moz-transform: rotateY(-90deg);
		-ms-transform: rotateY(-90deg);
		transform: rotateY(-90deg);
	}

	to {
		-moz-transform: rotateY(90deg);
		-ms-transform: rotateY(90deg);
		transform: rotateY(90deg);
	}
}

[data-title] {
	outline: red dotted 1px;
 /*optional styling*/
	font-size: 30px;
 /*optional styling*/
	position: relative;
	cursor: help;
}

[data-title]:hover::before {
	content: attr(data-title);
	position: absolute;
	bottom: -26px;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 2px;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-family: sans-serif;
	white-space: nowrap;
}

[data-title]:hover::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 8px;
	display: inline-block;
	color: #fff;
	border: 8px solid transparent;
	border-bottom: 8px solid #000;
}

.blink {
	animation: blink-animation 1s steps(3, start) infinite;
	-webkit-animation: blink-animation 1s steps(3, start) infinite;
}
.blink:hover {
	animation: none;
	-webkit-animation: none;
}
@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}

@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}

/* loaing */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: radial-gradient(40% 50%, #ffffff, #d0d0d0);
	background-color: #fcfcfc;
	z-index: 99999;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
}

.preloader .status {
	width: 400px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url("img/logo_mega_loading.png");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: -200px 0 0 -200px;
	-webkit-animation: heartbeat 1s infinite;
	animation: heartbeat 1s infinite;
}

.preloader .spinner {
	margin: 400px auto 0;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #241a11;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.96s;
	animation-delay: -0.96s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.spinner .bounce3 {
	-webkit-animation-delay: -0.64s;
	animation-delay: -0.64s;
}

.spinner .bounce4 {
	-webkit-animation-delay: -0.48s;
	animation-delay: -0.48s;
}

@-webkit-keyframes sk-bouncedelay {
	0%,
  80%,
  100% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}

	40% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}
}

@keyframes sk-bouncedelay {
	0%,
  80%,
  100% {
		transform: scale(0);
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
	}

	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
	}
}

@-webkit-keyframes heartbeat {
	0% {
		transform: scale(1);
	}

	20% {
		transform: scale(1.25);
	}

	40% {
		transform: scale(1.5);
	}
}

@keyframes heartbeat {
	0% {
		transform: scale(1);
	}

	20% {
		transform: scale(1.25);
	}

	40% {
		transform: scale(1.5);
	}
}
/* loaing */

.stabs {
	display: flex;
	flex-wrap: wrap;
	margin-left:10px;
}

.stabs label {
	order: 1;
	display: block;
	padding: 20px 15px;
	margin-right: 0.2rem;
	cursor: pointer;
	font-weight: bold;
	transition: background ease 0.2s;
	font-size: 16px;
	margin: 0 0 -5px 0;
	width: auto;
	text-align: center;
}

.stabs .stab {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 20px;
	background: rgba(255, 255, 255, 1);
	border-radius: 0px 0px 9px 9px;
	-moz-border-radius: 0px 0px 9px 9px;
	-webkit-border-radius: 0px 0px 9px 9px;
}

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

.stabs input[type="radio"]:checked + label {
	background: rgba(255, 255, 255, 1);
	border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	-webkit-border-radius: 9px 9px 0px 0px;
}

.stabs input[type="radio"]:checked + label + .stab {
	display: block;
}



.stabs2 {
	display: flex;
	flex-wrap: wrap; 
	margin-left:10px;
	width:100%;
}
.stabs2 label {
	order: 1;
	display: block;
	padding: 20px 10px;
	margin-right: 0;
	cursor: pointer;
	font-weight: bold;
	transition: background ease 0.2s;
	font-size:20px;
	margin:0 0 0 0;
	width:auto;
	text-align:center;
}

.stabs2 .stab2 {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 10px;
	background:rgba(255,255,255,1);
	border-radius: 0px 0px 9px 9px;
	-moz-border-radius: 0px 0px 9px 9px;
	-webkit-border-radius: 0px 0px 9px 9px;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}
.stabs2 input[type="radio"] {
	display: none;
}
.stabs2 input[type="radio"]:checked + label {
	background:rgba(255,255,255,1);
	border-radius: 9px 9px 0px 0px;
	-moz-border-radius: 9px 9px 0px 0px;
	-webkit-border-radius: 9px 9px 0px 0px;
}
.stabs2 input[type="radio"]:checked + label + .stab2 {
	display: block;
}




#time-elapsed {
	width: 100%;
	background-color: rgba(0, 255, 0, 0.5);
	border: 5px #3d0000 solid;
	padding: 7px;
	margin: 0 0 10px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 22px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

#time-elapsed span {
	font-size: 25px;
}

.rating_small {
	width: 100%;
	margin-bottom: 20px;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.rating_small:hover {
	-webkit-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.31);
}

.rating_small .rating_h {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 23px;
	margin: 0 auto;
	text-align: center;
	color: #000;
	padding: 15px 0 15px 0;
}

.rating_small .rating_h span {
	background: linear-gradient(to bottom, #ffb900 0%, #f03a17 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.rating_small table {
	margin: 10px 0 10px 0;
}

.rat_tabs tr {
}

.rat_tabs td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rat_tabs td a {
	font-size: 14px;
	color: #6c2404;
	text-decoration: none;
	position: relative;
}

.rat_tabs td a:hover {
	font-weight: bold;
}

.rat_tabs td a:before {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 0 -2px 0;
	background-color: #6c2404;
	position: absolute;
	left: 0;
	bottom: 3px;
	right: 0;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	visiblity: hidden;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}

.rat_tabs td a:hover:before {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	visiblity: hidden;
}

.rat_tabs td:last-child {
	padding-right: 5px;
}

.rat_tabs {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding:0 20px;
}

.rat_tabs .rat_tab .rat_tabs {
	padding:0 0;
}

.rat_tabs label {
	order: 1;
	display: inline-block;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	transition: background ease 0.3s;
	margin: 0 auto;
	padding: 4px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.55s ease-in-out 0s;
	-moz-transition: all 0.55s ease-in-out 0s;
	-o-transition: all 0.55s ease-in-out 0s;
	-webkit-transition: all 0.55s ease-in-out 0s;
}

.rat_tabs label sup {
	font-size: 10px;
	margin:0 0 0 -5px;
}

.rat_tabs .rat_tab {
	order: 9;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding:10px 0 10px 0;
}

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

.rat_tabs input[type="radio"]:hover + label {
	background-color: #ffc54c;
	border-bottom-left-radius: 1px 12px;
	border-bottom-right-radius: 7px 12px;
	border-top-left-radius: 7px 12px;
	border-top-right-radius: 1px 12px;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
}

.rat_tabs input[type="radio"]:checked + label {
	background-color: #e59000;
	color: #fff;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
	border-bottom-left-radius: 1px 12px;
	border-bottom-right-radius: 7px 12px;
	border-top-left-radius: 7px 12px;
	border-top-right-radius: 1px 12px;
}

.rat_tabs input[type="radio"]:checked + label + .rat_tab {
	display: block;
	-webkit-animation-name: tr_scale;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-delay: 0s;
	animation-name: tr_scale;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-duration: 0.7s;
	animation-delay: 0s;
}

@-webkit-keyframes tr_scale {
	0%,
  80% {
		transform: scale(1.2);
	}

	80%,
  80% {
		transform: scale(0.9);
	}
}

@keyframes tr_scale {
	0%,
  80% {
		transform: scale(1.2);
	}

	80%,
  80% {
		transform: scale(0.9);
	}
}

.fl {
	float: left;
}

.new_paying {
	width: 410px;
	display: block;
	font-family: a_FuturaRound;
}

.page .new_paying {
	width: 450px;
}

.new_paying .sel_server,
.new_paying .sel_char {
	display: inline-block;
	width: 200px;
}

.box_sel {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.box_count {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.select_don {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px;
}

.select_don select {
	background-color: #ffc54c;
	font-family: a_FuturaRound;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 50px;
	width: 100%;
	margin: 0 0 0 0;
	text-indent: 10px;
}

.select_don select:hover {
	background-color: #e59000;
	cursor: pointer;
}

.input_don {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 15px 0 0 15px;
	display: inline-block;
}

.input_don input {
	background-color: #ffc54c;
	font-family: a_FuturaRound;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 50px;
	width: 210px;
	margin: 0 0 0 0;
	text-indent: 10px;
}

.page .input_don input {
	width: 250px;
}

.input_label {
	min-height: 50px;
	vertical-align: middle;
	font-size: 18px;
	margin: 0 0 0 15px;
	display: inline-block;
}

.input_label2 {
	background: linear-gradient(to right, #f03a17 0%, #ffcd00 100%);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 15px;
	display: inline-block;
	width:380px;
}

.input_label2 span {
	color: #f03a17;
	font-size: 22px;
	font-weight:bold;
	background: #f03a17;
	background: linear-gradient(to right, #fff 0%, #fff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding:10px;
	display: inline-block;
	transition: background-color 0.35s ease-in-out 0s;
	-moz-transition: background-color 0.35s ease-in-out 0s;
	-o-transition: background-color 0.35s ease-in-out 0s;
	-webkit-transition: background-color 0.35s ease-in-out 0s;
}

.go_pay {
	width: 410px;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: a_FuturaRound;
}

.page .go_pay {
	width: 450px;
}

.go_pay h1 {
	padding: 15px;
	margin: 0 0 0 10px;
	font-size: 24px;
	display: block;
}

.go_pay ul {
	list-style: none;
	padding: 0 15px 0 15px;
}

.go_pay li {
	padding: 10px 10px 5px 35px;
	min-height: 50px;
	margin: 0 0 5px 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #efefef;
	background: linear-gradient(90deg, #efefef, #eee);
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	display:inline-block;
	width:100%;
	box-sizing: border-box;
}

/* .go_pay li:nth-child(6), .go_pay li:nth-child(5) {
	width:50%;
} */

.go_pay li:hover {
	background-color: #e59000;
	background: linear-gradient(90deg, #e59000, #ffc54c);
}

.go_pay li:hover i {
	color: #fff;
}

.go_pay li {
	color: #000;
	font-size: 14px;
	cursor: pointer;
}

.go_pay li i {
	color: #e59000;
	font-size: 15px;
}

.go_pay li:before {
	height: 0px;
}

.go_pay li span {
	color: #2c2828;
	font-weight: normal;
	font-size: 10px;
}



.go_pay li.lisel {
	width:75%;
}

.go_pay .cursel {
	font-size: 18px;
	font-family: a_FuturaRound;
	font-weight: bold;
	text-align:right;
	padding: 10px 10px 5px 5px;
	min-height: 50px;
	margin:  0 0 0 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #efefef;
	background: linear-gradient(90deg, #efefef, #eee);
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	display:inline-block;
	width:22%;
	box-sizing: border-box;
	float:right;
}
.go_pay .cursel option {
	font-size: 18px;
	font-family: a_FuturaRound;
	font-weight: bold;
	text-align:left;
	padding-left:5px;
	background-color: #fff;
}
.go_pay .cursel optgroup {
	font-size: 15px;
	font-family: a_FuturaRound;
	font-weight: italic;
	text-align:left;
	padding-left:5px;
	background-color: #e59000;
}

.go_pay .cursel:hover {
	background-color: #e59000;
	background: linear-gradient(90deg, #e59000, #ffc54c);
}

.go_pay ul li .icon {
	width: 32px;
	height: 32px;
	position: absolute;
	margin: -4px 0 0 -55px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	border: solid 4px #fff;
}

.go_pay .collapse {
	width:350px;
	padding: 20px 20px 20px 40px;
	margin: -250px 0 0 30px;
	visibility: hidden;
	opacity: 0;
	z-index: 1000;
	position: absolute;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.95);
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.go_pay:hover > .collapse {
	visibility: visible;
	opacity: 1;
}

.go_pay li .hide {
	margin: -40px 20px 0 180px;
	padding: 20px 20px 20px 20px;
	visibility: hidden;
	opacity: 0;
	z-index: 500;
	position: absolute;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.95);
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
}

.go_pay li .hide ul a:before {
	height: 0px;
}

.go_pay:hover > .collapse li:hover .hide {
	visibility: visible;
	opacity: 1;
	cursor: default;
}

.go_pay li:hover .hide {
	visibility: visible;
	opacity: 1;
	cursor: default;
}

.slider-scale {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	height: 40px;
	position: relative;
	margin: 0 15px;
}

.slider-scale-tick {
	position: relative;
}

.slider-scale-tick:before {
	content: "";
	border-left: 1px solid #677680;
	display: block;
	position: absolute;
	height: 8px;
}

.slider-scale-big:before {
	height: 4px;
}

.slider-scale-tick:after {
	top: 10px;
	counter-increment: section;
	content: attr(data-label);
	transform: translateX(-50%);
	text-align: center;
	position: absolute;
	cursor: pointer;
}

#slider {
	margin: 5px 15px;
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	cursor: pointer;
}

#slider .ui-slider-handle {
	background: #dd2527;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

.new_bonus {
	width: 400px;
	min-height: 305px;
	float: right;
	vertical-align: top;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 20px;
	font-family: a_FuturaRound;
}

.page .new_bonus {
	width: 455px;
}

.new_bonus h1 {
	font-size: 27px;
	margin: 0 0 10px 0;
	text-align: justify;
	padding: 15px;
}

.new_bonus > div {
	padding: 0 15px 15px 15px;
}

.new_bonus > div h3 {
	font-size: 27px;
}

.new_bonus h1 span {
	margin: 0 0 0 40px;
	font-size: 16px;
	display: block;
}

.new_bonus h3 span {
	color: #f03a17;
	font-weight: normal;
}

.new_bonus span {
	font-weight: bold;
}

#b0,
#b20,
#b50,
#b100,
#b200,
#b300,
#b500 {
	display: none;
}

.new_bonus ul {
	list-style: none;
}

.new_bonus li {
	font-size: 18px;
	padding: 15px 10px 5px 35px;
	min-height: 30px;
	margin: 0 0 5px 0;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #73b200;
	background: linear-gradient(90deg, #73b200, #fff);
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}

.new_bonus li img {
	width: 32px;
	height: 32px;
	position: absolute;
	margin: -10px 0 0 -55px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 33px 0px rgba(0, 0, 0, 0.31);
	border: solid 4px #fff;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}

.new_bonus li:hover img {
	 transform: rotate(30deg);
}

.new_bonus li:hover {
	color:#fff;
	background: linear-gradient(90deg, #0c7c00, #73b200);
}









.social_bottom {
	width:310px;
	margin-top:20px;
	margin-right:20px;
	position: relative;
	display: inline-block;
	padding:0;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	vertical-align:top;
	background-size: 400% 400%;
	animation: gradient 10s ease infinite;
}
.social_bottom:last-child {
	margin-right: 0px;
}

#vk_groups {
	position: relative;
	display: inline-block;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	margin:0 0 0 15px;
}
.social_bottom.sb1 {
	background: linear-gradient(-45deg, #369999, #000, #369999, #36ff99);
}
.social_bottom.sb2 {
	background: linear-gradient(-45deg, #065892, #000, #065892, #3aabbc);
}
.social_bottom.sb3 {
	background: linear-gradient(-45deg, #369206, #000, #369206, #ddd000);
}
.social_bottom h3 {
	font-family: a_FuturaRound;
	text-transform: uppercase;
	font-size: 27px;
	margin: 0 auto;
	text-align: center;
	color: #000;
	width:100%;
	padding: 10px 0 5px 0;
}
.social_bottom h3 span {
	background: linear-gradient(to bottom, #fff 100%, #000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.social_bottom .inp {
	min-height:350px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #fff;
	padding:10px;
	margin:0 15px 15px 15px;
	text-align:center;
	overflow:hidden;
}
.social_bottom .inp ul {
	margin:0;
	text-align:left;
}


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



.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.ui-widget-content {
    border: 1px solid #000;
    background: #ffc54c;
    color: #333;
}
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider {
    position: relative;
    text-align: left;
}

.support_button {
	position:fixed;
	bottom:15px;
	right:15px;
	width:70px;
	height:70px;
	z-index:2000;
	overflow:hidden;
 	box-sizing:border-box;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-webkit-box-shadow: 0 0 8px 8px rgba(255, 255, 255, 0.31);
	-moz-box-shadow: 0 0 8px 8px rgba(255, 255, 255, 0.31),
	0 0 8px 8px rgba(255, 255, 255, 0.31),
	0 0 8px 8px rgba(255, 255, 255, 0.31),
	0 0 8px 8px rgba(255, 255, 255, 0.31);
	box-shadow: 0 0 8px 8px rgba(255, 255, 255, 0.31),
	0 0 8px 8px rgba(255, 255, 255, 0.31),
	0 0 8px 8px rgba(255, 255, 255, 0.31),
	0 0 8px 8px rgba(255, 255, 255, 0.31);
    border-radius: 50%;
	-webkit-animation: pulsing 2s infinite;
	animation: pulsing 2s infinite;
	outline: 5px double #1C6EA4;
	outline-offset: 2px;
}
.support_button:hover {
	overflow:hidden;
	width:300px;
	height:300px;
	bottom:0;
	-webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 0 0 8px 8px  rgba(0, 0, 0, 0.31);
	box-shadow: 0 0 8px 8px  rgba(0, 0, 0, 0.31);
	border-radius: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	-webkit-animation: none;
	animation: none;
	outline: none;
	outline-offset: 0;
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7)
  }
  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7)
  }
  50% {
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
  }
  100% {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
  }
}


.support_button:hover .sup_top {
	display:none;
}
.support_button .sup_top {
	box-sizing:border-box;
	background: #2ea5e1;
	background: linear-gradient(180deg, #2ea5e1, #0c5276);
	cursor:pointer;
	width:100%;
	height:70px;
	box-sizing:border-box;
	font-size:30px;
	line-height:60px;
	text-align:center;
}
.support_button span {
	color:#000;
}
.support_button .sup_body {
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background-color: rgb(255, 255, 255);
}
.support_button .sup_body h2 {
	font-size:16px;
}
.support_button .sup_body h3 {
	font-size:11px;
}
.support_button .sup_body a {
	display:block;
	font-size:16px;
	box-sizing:border-box;
	padding:15px 0 15px 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin:10px 0 0 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #73b200;
	background: linear-gradient(90deg, #73b200, #fff);
	color:#000;
	-webkit-box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
	-moz-box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
	box-shadow: 10px 3px 13px 0px rgba(0, 0, 0, 0.31);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.support_button .sup_body a::before {
	content: "";
	position: absolute;
	width:36px;
	height:36px;
	margin:-10px 0 0 -55px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.support_button .sup_body a:hover::before {
	 transform: rotate(30deg);
	 color:#fff;
}
.support_button .sup_body a:hover {
	color:#fff;
	background: linear-gradient(90deg, #0c7c00, #73b200);

}
.support_button .sup_body a.telegramm::before {
	background: url("img/ico_mess.png?0") -108px 0 no-repeat;
	background-size: cover;
}
.support_button .sup_body a.skype::before {
	background: url("img/ico_mess.png") 0 0 no-repeat;
	background-size: cover;
}
.support_button .sup_body a.email::before {
	background: url("img/ico_mess.png") -36px 0 no-repeat;
	background-size: cover;
}
.support_button .sup_body a.max::before {
	background: url("img/ico_mess.png?1") -144px 0 no-repeat;
	background-size: cover;
}

img.circle32 {
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    border-radius: 50%;
 
    border: solid 2px #fff;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}
img.circle40 {
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
 
    border: solid 2px #fff;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
	
    border: solid 4px #f1bb0d;
}
img.circle32:hover,
img.circle40:hover,
img.circle24:hover {
	 transform: rotate(30deg);
}

img.circle24{
    width: 24px;
    height: 24px;
    -moz-border-radius: 50%;
    border-radius: 50%;
 
    border: solid 2px #fff;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
}


.pro-spoiler img.circle32,
.stab2 img.circle32,
.stab img.circle32 {
    width: 32px;
    height: 32px;
	margin:0px 0 -10px -25px;
}

.pro-spoiler div {
    padding-left:15px;
}

.pro-spoiler ul,
.stab2 ul,
.stab ul {
    line-height:30px;
}

a.tooltip span {
	visibility: hidden;
	min-width:120px;
	background-color:#442719;
	color: #fff;
	border-radius: 6px;
	padding: 5px;
	font-size:14px;
	font-weight:normal;
	margin-top:-16px;
	margin-left:-16px;
	position: absolute;
	z-index: 10;
	bottom:0;
	-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;border-radius:7px;box-shadow:0 0 10px #442719;-moz-box-shadow:0 0 10px #442719;-webkit-box-shadow:0 0 10px #442719;
	opacity:0;
	border:1px solid #aa8c52;


    transition:visibility 0.3s linear,opacity 0.3s linear;

}


a.tooltip:hover span {
	visibility: visible;
	opacity:0.9;
}
a.tooltip:hover span:has(img) {
  opacity:1.0;
}



a.tooltip:before,
.promo button a:before {
	height: 0px;
}



.img_invite {
	width:100%;
	min-height:400px;
	height:auto;
	background: url("../images/invite.png") top center no-repeat;
	background-size: contain ;
	margin: 0 auto;
	box-sizing: border-box;
}

.pagebg {
	width:100%;
	min-height:500px;
	position: absolute; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin-left: auto; 
	margin-right: auto; 
	z-index:-1;
	margin-bottom:30px;
	background-size: contain;
	filter: alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity: 0.2;
}

.popup .pagebg {
	top:0;
	min-height:400px;
}

.mirror {
	-moz-transform:    scaleX(-1); /* Gecko */
	-o-transform:      scaleX(-1); /* Opera */
	-webkit-transform: scaleX(-1); /* Webkit */
	transform:         scaleX(-1); /* Standard */
	filter: FlipH;                 /* IE 6/7/8 */
}

.ann {
	z-index:99999;
	float:right;
	margin:10px 100px 0 0;
}

@media (min-width: 1370px) {
	html {
		zoom: 130%;
		-ms-zoom: 130%;
		-webkit-zoom: 130%;
		-moz-transform-origin: left center;
	}
}
/* @media (min-width:1200px) AND (max-width:1349px) {
	.s_files,.s_reg,.s_login {transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);}
	.s_files,.s_reg,.s_login {margin:0 30px 20px 30px;}
	.but_cont span {display:inline-block;margin:50px 0 0 -200px;}
}
@media (min-width:1350px) AND (max-width:2560px) {
	body {min-width:100% !important;max-width:100%;}

	.top_icons {position:relative;width:100%;margin:0 auto;}
	.tops{display:inline-block;width:600px;text-align:right;}
	.social{display:inline-block;width:400px;text-align:left;}
	.langs{display:inline-block;width:100px;text-align:left;}

	.but_cont  {width:100%;margin:0 auto;margin-top:-10px;}
	.container {width:80%;}

	.h_menu {width:100%;text-align:center;}
	.h_menu .left a,
	.h_menu .right a {font-size:20px;}
	.h_menu .left {display:inline-block;padding:18px 0 0 0;width:500px;text-align:right;}
	.h_menu .right {display:inline-block;padding:18px 0 0 0;width:500px;text-align:left;}
	.h_menu .logo {display:inline-block;width:100px;text-align:center;margin-top:-20px;}

	.s_files,.s_reg,.s_login {transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);}
	.s_files,.s_reg,.s_login {margin:0 50px 20px 50px;}
	.s_files:hover,.s_reg:hover,.s_login:hover {transform:scale(1.4);-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-o-transform:scale(1.4);}

	.but_cont span {display:inline-block;margin:60px 0 0 -230px;}
	.but_cont span a{font-size:12px;}

	.news_cont{float:left;width:60%;position:relative;}
	.r_cont{float:right;width:40%;position:relative;overflow:hidden;}

	.n_id {transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);margin:30px 30px;}
	.last_cont {transform:scale(1.3);-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-o-transform:scale(1.3);margin:40px 70px;}
	.last_cont .last .t_id {width:100%;}
	.last_cont .last .fl {width:90%;}
	.rservs {transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);margin:20px 70px;}
	.rservs .servers .id {margin:0 5px;}

	table tr td,table tr th {font-size:20px;}
	button {height:40px;font-size:18px;}
	
	.popup {background-size:cover;width:50%;}

	.footer .f_menu a {font-size:20px;margin-bottom:10px;}
	.name_p {margin:50px 0 20px 0;}
	.popup form {width:450px;text-align:center;margin:0 auto;}
	.popup .input .generate {display:inline-block;float:right;margin:-55px 0 0 220px;}
	.popup .input .show_psw {display:inline-block;float:right;margin:-55px 0 0 180px;}
	.popup .captcha_img {display:inline-block;float:right;margin:-55px 0 0 160px;}

} */







.ui-tooltip, .ui-tooltip-page {color:#fff;text-align:left;font-size:14px;padding:8px; position: absolute; 
    top: 0px; left: 0px;z-index:9999;max-width:300px;-moz-border-radius:7px;-webkit-border-radius:7px;-khtml-border-radius:7px;border-radius:7px;box-shadow:0 0 10px #442719;-moz-box-shadow:0 0 10px #442719;-webkit-box-shadow:0 0 10px #442719;
	opacity:0.9;white-space: pre-line;} 
.ui-tooltip, .ui-tooltip-page, .arrow:after{background-color:#442719;border:1px solid #aa8c52;}
.arrow{width:70px;height:16px;overflow:hidden;position:absolute;right:15%;margin-left:-35px;bottom:-16px;}
.arrow:after{content:"";position:absolute;right:15px;top:-20px;width:25px;height:25px;box-shadow:6px 5px 9px -9px black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);tranform:rotate(45deg);}
.arrow.top{top:-16px;bottom:auto;}
.arrow.left{left:18px;}
.arrow.top:after{bottom:-20px;top:auto;}


.ui-dialog {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1500;
	background: rgba(0, 0, 0, 0.7);
}

.ui-dialog2 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1500;
	background: rgba(0, 0, 0, 0.7);
}

.ui-dialog-titlebar-close {width: 56px;
	height: 56px;
	background: url("img/close2.png") top center no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: inline-block;
	z-index:1000;border:0;
	box-shadow:inherit;}
.ui-dialog-titlebar-close:hover {background:none;background: url("img/close2.png") top center no-repeat;filter: invert(100%);}

.ui-dialog-titlebar {height:0px;}
.ui-dialog-content {
	margin: 0 auto;
	margin-top: 80px;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px;
	_border-bottom-left-radius: 7px 155px;
	_border-bottom-right-radius: 7px 25px;
	_border-top-left-radius: 7px 25px;
	_border-top-right-radius: 7px 155px;
	background: url("img/bg_popup2.jpg") #fff0d6 top center no-repeat;
	background-size: cover;
	border-bottom-left-radius: 7px 155px;
	border-bottom-right-radius: 7px 25px;
	border-top-left-radius: 7px 25px;
	border-top-right-radius: 7px 155px;
	width: 650px;
	max-width: 910px;
	height: auto;
	position: absolute;
	box-sizing: border-box;
	
}
.ui-widget.ui-widget-content {
border:0;
}

@media (max-width: 510px) {
	body {
	min-width: 315px !important;
	max-width: 100%;
	}

	.b_top {
	height: auto;
	}

	.h_menu {
		z-index:6;
		position: relative;
		text-shadow: 0px 0px 10px rgba(23, 13, 5, 1), 0px 0px 10px rgba(23, 13, 5, 1), 0px 0px 10px rgba(23, 13, 5, 1), 0px 0px 10px rgba(23, 13, 5, 1), 0px 0px 10px rgba(23, 13, 5, 1), 0px 0px 10px rgba(23, 13, 5, 1);
	}

	.b_cent_girl {
		display:block;
		background: url("img/background-eve_trial.png") top left no-repeat;
		position: absolute;
		top:0;
		right:0;
		margin:-558px 0 0 0;
		height: 558px;
		width: 259px;
		z-index:1;
		opacity:0.7;
		-webkit-animation: moveanim 2s;
		animation: moveanim 2s;
	  }
	.b_cent_girl2 {
		display:block;
		background: url("img/background-eve_trial2.png") top left no-repeat;
		position: absolute;
		top:0;
		right:0;
		margin:-528px 0 0 0;
		height: 528px;
		width: 259px;
		z-index:1;
		opacity:0.9;
		-webkit-animation: moveanim 2s;
		animation: moveanim 2s;
	  }

	@-webkit-keyframes moveanim {
	  0% {
			transform: translate(259px,0);
			-webkit-transform: translate(259px,0); /** Chrome & Safari **/
			-o-transform: translate(259px,0); /** Opera **/
			-moz-transform: translate(259px,0); /** Firefox **/
	  }
	  100% {
			transform: translate(0,0);
			-webkit-transform: translate(0,0); /** Chrome & Safari **/
			-o-transform: translate(0,0); /** Opera **/
			-moz-transform: translate(0,0); /** Firefox **/
	  }
	}

	@keyframes moveanim {
	  0% {
			transform: translate(259px,0);
			-webkit-transform: translate(259px,0); /** Chrome & Safari **/
			-o-transform: translate(259px,0); /** Opera **/
			-moz-transform: translate(259px,0); /** Firefox **/
	  }
	  100% {
			transform: translate(0,0);
			-webkit-transform: translate(0,0); /** Chrome & Safari **/
			-o-transform: translate(0,0); /** Opera **/
			-moz-transform: translate(0,0); /** Firefox **/
	  }
	}
	
	.but_cont {
	width: 253px;
	margin: 0 auto;
	margin-top: 20px;
	z-index:6;
	position:relative;
	}

	.tops .hide_ico {
	display:block;
	position:absolute;
	top: 0px;
	transition: all 1.5s ease-in-out 0s;
	-moz-transition: all 1.5s ease-in-out 0s;
	-o-transition: all 1.5s ease-in-out 0s;
	-webkit-transition: all 1.5s ease-in-out 0s;
	}
	
	.tops:hover .hide_ico {
	top: -39px;
	}

	.rservs .servers .id {
	width: 100px;
	height: 68px;
	}

	.rservs .leftRect,
	.rservs .rightRect {
	width: 20px;
	height: 78px;
	}

	.rservs .servers .body .name,
	.rservs .servers .body .rate,
	.rservs .servers .body .online	{
		text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
	}
	
	.rservs .servers .id:hover .body .name,
	.rservs .servers .id:hover .body .rate,
	.rservs .servers .id:hover .body .online,
	.rservs .servers .active .body .name,
	.rservs .servers .active .body .rate,
	.rservs .servers .active .body .online
	{
		text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
	}
	
	.rservs .servers .body img {
	width: 60px !important;
	height: 32px !important;
	}
	
	.ribbon-br {
	top: 15px;
	}
	
	.ribbon-br2 {
	top: 15px;
	}

	.page {
	padding: 0 10px 0 10px;
	min-height: 400px;
	font-size: 18px;
	}

	.page .name_p {
	font-size: 36px;
	padding: 0 0 20px 0;
	}

	.page .name_p2 {
	font-size: 27px;
	}

	.name_cat {
	font-size: 24px;
	}

	.cabinet .chars .name {
	font-size: 30px;
	margin: 0 0 0 0;
	}

	.cabinet .chead .acc_name,
	.cabinet .chead .balance {
		display: block;
		width: 100%;
		margin: 10px 0 10px 0;
		text-align:left;
	}

	.cabinet .chead .balance span {
		display: block;
		margin:0 0 0 10px;
	}
	
	.cabinet .chead .balance {
		display: inline-block;
		width: 100%;
		margin: 10px 0 10px 0;
		text-align:left;
	}
	
	.cabinet .chead .balance .exchange {
		display: inline-block;
	}

	.page {
		font-size: 20px;
	}

	.page .form_ajax {
	width: 100%;
	}

	.page .form_ajax #text {
	width: 100%;
	}

	.page .input input,
	.page .submit input,
	.page .select select,
	.page .captcha .captcha_div,
	.page .checkbox .checkbox_div,
	.link {
	height: 60px;
	}

	.page .input,
	.page .submit,
	.page .select,
	.page .captcha,
	.page .checkbox,
	.page .textarea,
	.page .link {
	width: 100%;
	margin: 0 auto;
	}

	.page .input input,
	.page .select select,
	.page .textarea textarea {
	background-color: #f9f9f9;
	-webkit-box-shadow: inset 0px 1px 1px 1px rgba(150, 150, 150, 0.5);
	-moz-box-shadow: inset 0px 1px 1px 1px rgba(150, 150, 150, 0.5);
	box-shadow: inset 0px 1px 1px 1px rgba(150, 150, 150, 0.5);
	width:60%;
	}

	.page .input .generate {
	margin: 13px 0 0 -40px;
	display:inline-block;
	}

	.page .input .show_psw {
	margin: 13px 0 0 -80px;
	display:inline-block;
	}

	.page .captcha .cont {
	height: 50px;
	}

	.page .captcha .g-recaptcha {
	margin: -8px 0 0 -10px;
	}

	.page .captcha input {
	margin-left: -20px;
	}

	.page .checkbox .cont {
	margin: 17px 0 0 3px;
	height: 50px;
	}

	.page .textarea textarea {
	width: 100%;
	}

	.page form label {
	font-family: a_FuturaRound;
	font-size: 40px;
	text-transform: uppercase;
	float: left;
	width: 30%;
	text-align: right;
	margin: 9px 30px 0 0;
	}

	.page form label span {
	font-size: 16px;
	display: block;
	margin: -10px 0 0 0;
	}

	.page .captcha_img {
	margin: 18px 0 0 -110px;
	}



	.popup {
	width: 100%;
	margin-top: 80px;
	padding: 20px 0 20px 0;
	border-bottom-left-radius: 0 0;
	border-bottom-right-radius: 0 0;
	border-top-left-radius: 0 0;
	border-top-right-radius: 0 0;
	}

	.popup .p_head {
	font-size: 27px;
	margin: 10px 0;
	}

	.popup .p_content {
	margin: 0 10px 0 10px;
	min-width: 315px !important;
	font-size: 18px;
	}

	.popup form {
	width: 90%;
	margin: 0 auto;
	}

	form #text {
	width: 100%;
	}

	.popup .input input,
	.popup .select select,
	.popup .captcha .captcha_div,
	.popup .checkbox .checkbox_div,
	.popup .textarea textarea {
		font-size: 18px;
	margin: 0 0 10px 100px;
	}

	.popup .select select {
	width: 225px;
	}

	.popup .submit input {
	width: 100%;
	}

	.popup .input input,
	.popup .captcha .captcha_div,
	.popup .checkbox .checkbox_div {
	width: 225px;
	}

	.popup .input .generate {
	display: inline-block;
	float: right;
	margin: 5px 0 0 -50px;
	}

	.popup form label {
	font-size: 18px;
	width: 100px;
	}

	.popup form label span {
	font-size: 8px;
	}

	.popup .captcha_img {
	position: absolute;
	margin: 5px 0 0 -90px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	}

	.popup .cont_form .captcha_img {
	position: absolute;
	margin: 7px 0 0 -100px;
	}

	.popup .select_cur {
	margin: -50px 0 0 0;
	position: absolute;
	right: 40px;
	}

	.popup .select_cur select {
	width: 70px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin: 0 0 20px 0;
	}

	.container {
	width: 100%;
	}

	.news_cont {
	width: 100%;
	float: none;
	margin: 0 0 0 0;
	}
	
	.error {
		top: 10px;
		font-size: 18px;

	}

	.info,
	.ok,
	.ok2,
	.warning,
	.invalid,
	.validation {
		font-size: 18px;
		line-height: 24px;

	}

	.character .c_title {
		font-size: 20px;
	}

	.character .c_name {
		font-size: 20px;
	}

	table tr th {
		font-size: 18px;
	}
	table tbody .a-name td {
		font-size: 18px;
	}
	button {
		font-size: 18px;
	}

	.select_1 select {
		font-size: 18px;
	}

	.n_id {
		border-bottom-left-radius: 0 0;
		border-bottom-right-radius: 0 0;
		border-top-left-radius: 0 0;
		border-top-right-radius: 0 0;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 30%, rgba(0, 0, 0, 0.0) 100%);
		height: auto;
	}

	.n_id .img {
	width: 240px;
	height: 240px;
	overflow: hidden;
	position: absolute;
	margin-top:25px;
	right: 0px;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-moz-border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	-khtml-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
	}

	.n_id .img img {
		width: 300px;
		height: 240px;
		box-shadow: 
		inset 30px 5px 70px 30px #f6dc8c,
		inset 30px 5px 70px 30px #f6dc8c, 
		inset 30px 5px 70px 30px #f6dc8c,
		inset 30px 5px 70px 30px #f6dc8c;
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
	}

	.n_id .img2 {
	width: 140px;
	height: 140px;
	position: absolute;
	z-index: -1;
	right: 0;
	}

	.n_id .cont {
	width: 90%;
	height:auto;
	float: left;
	margin: 0 0 0 15px;
	}
	

	.n_id .cont .text {
		font-size: 16px;
		height: 190px;
		width: 70%;
	}

	.n_id .cont .alink {
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	color: #3b2a20;
	text-align: left;
	border-bottom: 1px #29150a solid;
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	.r_cont {
	width: 100%;
	float: none;
	}

	.last_cont {
	width: 100%;
	float: none;
	}

	.last_cont .last a {
	width: 90%;
	margin: 0 0 10px 15px;
	}

	.last_cont .last .t_id {
	background: url("img/last.gif") center left no-repeat;
	width: 90%;
	padding: 0 0 0 15px;
	font-size: 18px;
	color: #3b2a20;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

	.last_cont .last .f_id {
	font-size: 11px;
	color: #3b2a20;
	margin: -15px 0 0 0;
	text-align: right;
	float: right;
	}
	
	.last_cont .last a {
		font-size: 18px;
	}

	.langs {
	top:5px;
	right:54px;
	}

	.h_menu {
	}

	.h_menu .left,
	.h_menu .right {
	width: 100%;
	float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	padding: 0 0 0 0;
	}

	.h_menu .left a,
	.h_menu .right a {
	margin-top: 25px;
	font-size: 24px;
	letter-spacing: 0;
	}

	.h_menu .logo {
	width: 50px;
	top: -40px;
	left: 50%;
	margin-left:-25px;

	transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	-webkit-transition: inherit;

	-webkit-animation: none;
	animation: none;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);

	position: absolute;
	z-index:9;
	}

	.h_menu .logo:hover {
	animation: none;
	-webkit-transform: scale(1.0);
	transform: scale(1.0);
	}

	.h_menu .logo img {
	background-size: 100% 100%;
	width: 40px;
	height: 40px;
	animation: none;

	}
	.h_menu .logo img:hover {
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-o-transform: scale(1.0);
	}

	.slide_cont {
	width: 100%;
	margin: 0 auto;
	}

	.float_aka_s,
	.float_kam_s,
	.float_gardon_s {
	display: none;
	}

	.otzPrev,
	.otzNext {
	font-size: 60px;
	line-height: 50px;
	top: 10px;
	display: none1;
	}

	.otzPrev {
	left: 0px;
	}

	.otzNext {
	right: 0px;
	}

	.infos {
	margin: 0 auto;
	text-align: center;
	}

	.h_text {
	margin: 0 0 0 0;
	font-size: 27px;
	}

	.s_text {
	height: 25%;
	font-size: 14px;
	}

	.s_text div {
	width: 25%;
	margin: 30px 0 0 0;
	}

	.servpts2 {
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	}

	.servpts2 {
	margin: 0 50px 0 0;
	text-align: right;
	width: 90%;
	}

	.servpts2 .t3 {
	width: 70%;
	float: right;
	}

	.float_scr_s {
	position: absolute;
	left: 10px;
	top: 120px;
	width: 150px;
	height: 120px;
	background: url("img/float_client_classic_s.png") top right no-repeat;
	background-size: cover;
	}

	.s_text_cd {
	height: 100px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
	}

	.s_text_cd div {
	width: 50px;
	background: url("img/dot1.png") top center no-repeat;
	padding: 20px 0 0 0;
	float: left;
	margin: 10px;
	}

	.s_text_cd div span {
	font-size: 30px;
	font-weight: bold;
	}

	.infos {
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	}

	.nowipes {
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	}

	.nolags {
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	text-align: left;
	width: 100%;
	}

	.servpts {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	}

	.massraid {
	width: 100%;
	margin: 0 0 0 0;
	text-align: right;
	}

	.t1 {
	font-size: 27px;
	padding: 0 0 0 30px;
	}

	.t2 {
	font-size: 27px;
	padding: 0 0 0 30px;
	}

	.t3 {
	font-size: 18px;
	}

	.nowipes .t3 {
	width: 100%;
	}

	.nolags .t3 {
	width: 100%;
	float: right;
	}

	.servpts .t2 {
	font-size: 30px;
	}

	.massraid .t2 {
	padding: 0 30px 0 0;
	}

	.massraid .t3 {
	width: 100%;
	}

	.nowipes .link a,
	.nolags .link a {
	font-size: 20px;
	margin: 10px 0 10px 20px;
	}

	.pro-spoiler {
	width: 100%;
	float: none;
	padding: 5px;
	margin: 0 0 30px 0;
	font-size: 27px;
	}

	.pro-spoiler div {
		font-size: 18px;
	}
	
	.description {
		padding: 0px;
	}

	.footer .f_menu .flogo2 {
	width: 100%;
	}

	.box {
	max-width: 95%;
	width: 95%;
	}
	
	.but a {
		font-size: 18px;
	}

	.footer .f_menu a {
		font-size: 18px;
		line-height: 24px;
	}


	.slide_container .but_reg {
	display: none;
	}

	.girl_center,
	.logo_center {
	display: none;
	}

	.tops {
	width:44px;
	height:39px;
	overflow:hidden;
	transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	-webkit-transition: all 0.35s ease-in-out 0s;
	}
	.tops:hover {
	height:343px;
	background-color:#180d09;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;		
	}
	.tops:hover .item {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	}
	.tops a {
	display:block;
	margin-bottom:5px;
	}
	.head_social,
	.head_social {
	display: none;
	}

	.top_icons {
	width: 100%;
	z-index:10;
	}

	.social {
	left: 5px;
	}

	.tops {
	right: 50px;
	}	
	.langs {
	right: 5px;
	}

	.preloader .status {
	width: 200px;
	height: 200px;
	margin: -100px 0 0 -100px;
	}

	.support_line > div {
	font-size: 16px;
	line-height: 50px;
	}

	.ui-helper-hidden-accessible {
	display: none;
	}
	
	.stabs {
	margin-left:0px;
	}
	.stabs label {
	order: 1;
	display: block;
	padding: 10px 5px 10px 0;
	cursor: pointer;
	font-weight: bold;
	transition: background ease 0.2s;
	font-size: 16px;
	margin: 0 0 0 0;
	width: auto;
	min-width:60px;
	text-align: center;
	-webkit-transform: rotate(-75deg);
	-moz-transform: rotate(-75deg);
	-ms-transform: rotate(-75deg);
	-o-transform: rotate(-75deg);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
	
	.stabs input[type="radio"]:checked:first-child + label {
		margin: 0 0 0 25px;
	}
	.stabs input[type="radio"]:checked + label {
	border-radius: 			0px 0px 0px 0px;
	-moz-border-radius: 	0px 0px 0px 0px;
	-webkit-border-radius:	0px 0px 0px 0px;
	-webkit-transform: skew(-45deg);
	   -moz-transform: skew(-45deg);
	     -o-transform: skew(-45deg);
	}



.stabs2 {
	margin-left:5px;
	width:97%;
}
.stabs2 label {
	order: 1;
	display: block;
	padding: 20px 10px;
	margin-right: 0;
	cursor: pointer;
	font-weight: bold;
	transition: background ease 0.2s;
	font-size:20px;
	margin:0 0 0 0;
	width:auto;
	text-align:center;
}

.stabs2 .stab2 {
	order: 99;
	flex-grow: 1;
	width: 100%;
	display: none;
	padding: 10px;
	font-size:20px;
}




	.stabs2 img {
		width:40px;
		height:40px;
		margin-bottom: -35px;
	}
	

	.stabs2 input[type="radio"]:checked + label img {
		width:70px;
		height:70px;
		margin-bottom: 0;
	}
	

	
	
	.pagebg {
	width:100%;
	min-height:300px;
	}
	
	.ann {
		z-index:-1;
		display: none;
	}
	

	
		
		
	/* 
	.ui-tooltip{color:#000;text-align: justify;font-size:20px;padding:20px; position: absolute; 
		top: 0px; left: 0px;z-index:9999;width:100%;max-width:100%;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;box-shadow:0 0 20px #f7df8f;-moz-box-shadow:0 0 20px #f7df8f;-webkit-box-shadow:0 0 20px #f7df8f;
		white-space: pre-line;background-color:#f7df8f;background: url("img/bg_popup2.jpg") #f7df8f top center no-repeat;border:1px dotted #442719;
		
		
		animation: pop-ui-tooltip 2s ease-in-out 1 alternate;

		
		}
	.arrow{display:none;} */

	@keyframes pop-ui-tooltip {
		0% {
			opacity:0.0;
		}

		100% {
			opacity:1.0;
		}

	}

	.fl {
		float: inherit;
		display: block;
	}

	.new_paying {
		width: 100%;
		display: block;
	}

	.new_paying .sel_server {
		float: left;
		display: inline-block;
		width: 50%;
		padding: 0;
	}

	.new_paying .sel_char {
		float: right;
		display: inline-block;
		width: 50%;
		padding: 0;
	}

	.new_paying .input_don {
		display: inline-block;
		width: 45%;
	}

	.new_bonus {
		width: 100%;
		display: block;
		margin-left: 0px;
		margin-bottom: 20px;
		float: inherit;
	}

	.go_pay {
		width: 100%;
		display: inline-block;
		margin-bottom: 15px;
	}

	.input_label2 {
		width:calc(100% - 30px);
	}
	
	.input_label2 span {
		font-size: 20px;
	}
	
	.page .go_pay, .page .new_paying, .page .new_bonus {
		width: 100%;
	}
	
	.go_pay .collapse {
		width:290px;
	}
	
	.go_pay .cursel {
		font-size: 16px;
		padding-left:0px;
		text-align:right;
	}
	
	.go_pay .cursel option {
		text-align:right;
	}
	
	.go_pay li .hide {
		margin: -40px 0 0 -80px;
		width:calc(100% - 50px);
	}
	
	.page .new_paying .sel_server,
	.page .new_paying .sel_char {
		width: 100%;
	}
	
	.social_bottom {
		width:100%;
		margin-top:20px;
		margin-right:20px;
		position: relative;
		display: inline-block;
		padding:0;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		vertical-align:top;
		background-size: 400% 400%;
		animation: gradient 10s ease infinite;
	}


	
	
}

@media (max-width: 370px) {
	.h_menu .left a,
  .h_menu .right a {
		font-size: 14px;
	}
}






.stabs_pr{	background: linear-gradient(-45deg, #fffded, #000, #ff00ff, #fff000);
background-size: 400% 400%;
animation: gradient 10s ease infinite;
display: flex;
flex-wrap: wrap; 
position:relative;

margin:0px;
width:100%;
padding:0;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}



.stabs_pr h3 {
font-family: a_FuturaRound;
text-transform: uppercase;
font-size: 27px;
margin: 0 auto;
text-align: center;
color: #000;
width:100%;
padding: 20px 0 10px 0;
}
.stabs_pr h3 span {
background: linear-gradient(to bottom, #fff 60%, #000 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}


.stabs_pr label {
order: 1;
display: inline-block;
padding: 10px;
margin-right: 0.2rem;
cursor: pointer;
font-weight: bold;
transition: background ease 0.2s;
font-size:16px;
margin:0 auto;
width:auto;
text-align:center;
display:none;
}

.stabs_pr .stab_pr {
order: 99;
flex-grow: 1;
width: 100%;
display: none;
font-size:18px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #fff;
padding:20px;
margin:20px;
text-align:center;
}


.stabs_pr input[type="radio"] {
display: none;
}
.stabs_pr input[type="radio"]:checked + label {
transition: all 0.55s ease-in-out 0s;
-moz-transition: all 0.55s ease-in-out 0s;
-o-transition: all 0.55s ease-in-out 0s;
-webkit-transition: all 0.55s ease-in-out 0s;
}
.stabs_pr input[type="radio"]:checked + label + .stab_pr {
display: block;
}


.stabs_pr input[type="radio"]:checked + label,
.stabs_pr input[type="radio"]:checked + label:hover {
background-color: #ffc54c;
border-radius: 200px / 40px;
border-top-right-radius: 7px 50px;
border-bottom-left-radius: 7px 25px;
}
.stabs_pr label img {	padding: 7px;
cursor: default;
color: #fff;
background-color: #ffc54c;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.bicon img.circle40{
margin:0 10px;

}

.bicon {

position: relative;
display: inline-block;
}



.stabs_pr .stab_pr a {
font-family: 'Roboto', sans-serif;
font-size: inherit;
letter-spacing: 0px;
color: #ff00ff;

}



.stabs_pr .stab_pr a:hover {
color: #ff00ff;

}

.stabs_pr .stab_pr ul {
text-align:left;
margin:0;

}












.tg_reg {
	width: 400px;
	height: 104px;
	margin: 0 auto;
	margin-top: 10px;
	transition: all 7s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
	background: url("img/but_tg_big.png") top center no-repeat;
	cursor: pointer;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	border-top-left-radius: 50% 25%;
	border-top-right-radius: 50% 25%;
	border-bottom-left-radius: 50% 25%;
	border-bottom-right-radius: 50% 25%;
}

.tg_reg a {
	text-decoration: none;
	color: #fff;
}

.tg_reg div {
	font-family: a_FuturaRound;
	font-size: 27px;
	text-transform: uppercase;
	letter-spacing: 0px;
	color: #fff;
	width: 220px;
	padding: 15px 0 0 105px;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(32, 22, 0, 0.48);
}


.tg_reg:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	pointer: pointer;
	border-top-left-radius: 45% 20%;
	border-top-right-radius: 45% 20%;
	border-bottom-left-radius: 45% 20%;
	border-bottom-right-radius: 45% 20%;
}

a.tg_reg:before {
	height: 0px;
}