html {
font: 14px 'Exo2Regular';

	width: 100%;
	display: block;
	position: absolute;
	color: #232323;
}

a:hover {
	text-decoration: none;
	opacity: 0.9;
}
.wrapper {
    margin: 0 auto;
    /* width: 970px; */
}

.zero {
	margin-left: -15px;
}
.paragraph {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 11px 0 0 15px;
}
.paragraph.green span:nth-child(1) {
	color: #ffcc3c;
}
.paragraph.green:before {
	/* content: ''; */
	display: block;
	width: 6px;
	height: 6px;
	background-color: #2b4761;
	/* box-shadow: 0 0 30px #0084ff; */
	float: left;
	margin: 5px 11px 0 3px;
}
.paragraph.yellow span:nth-child(1) {
	color: #ffcc3c;
}
.paragraph.yellow:before {
	/* content: ''; */
	display: block;
	width: 6px;
	height: 6px;
	background-color: #ffcc3c;
	box-shadow: 0 0 30px #ffcc3c;
	float: left;
	margin: 5px 11px 0 3px;
}
.paragraph.red span:nth-child(1) {
	color: #ffcc3c;
}
.paragraph.red:before {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #f94747;
	box-shadow: 0 0 30px #f94747;
	float: left;
	margin: 5px 11px 0 3px;
}
.paragraph.blue span:nth-child(1) {
	color: #ffcc3c;
}
.paragraph.blue:before {
	/* content: ''; */
	display: block;
	width: 6px;
	height: 6px;
	/* background-color: rgb(0, 222, 255); */
	box-shadow: 0 0 30px rgb(0, 222, 255);
	float: left;
	margin: 5px 11px 0 3px;
}
.rubric {
	color: #f5bf25;
	text-transform: uppercase;
	font-size: 11px;
	margin: 2px 0 11px 35px;
}
.rubric.only {
	margin-left: 5px;
}

.test-servers {
	margin: 15px;
}
.test-server {
	background-color: #1b274194;
	border-top: 1px solid #ffcc3c;
	padding: 11px;
	margin-top: 11px;
	min-width: 325px;
	position: relative;
}
.test-server:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 1px;
	right: 1px;
	bottom: 1px;
	background-color: #ffcc3c;
}
.test-server:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 5px;
	right: 1px;
	bottom: 1px;
	background-color: #ffcc3c;
}
.test-server p {
	font-size: 11px;
	padding: 6px;
}
.test-server p span {
	color: #ffcc3c;
}
.test-server .image img {
	width: 65px;
	height: 65px;
	padding: 1px;
	margin-right: 11px;
	border-radius: 5%;
	border: 1px solid #ffcc3c;
}
.test-server.blue p span {
	color: rgb(0, 222, 255);
}
.test-server.blue {
	border-color: rgb(0, 222, 255);
}
.test-server.blue:before {
	content: '';
	background-color: rgb(0, 222, 255);
}
.test-server.blue:after {
	content: '';
	background-color: rgb(0, 222, 255);
}
.test-server.blue .image img {
	border-color: rgb(0, 222, 255);
}
.test-server.green p span {
	color: #0084ff;
}
.test-server.green {
	border-color: #0084ff;
}
.test-server.green:before {
	content: '';
	background-color: #0084ff;
}
.test-server.green:after {
	content: '';
	background-color: #0084ff;
}
.test-server.green .image img {
	border-color: #0084ff;
}
.test-server.red p span {
	color: #f94747;
}
.test-server.red {
	border-color: #f94747;
}
.test-server.red:before {
	content: '';
	background-color: #f94747;
}
.test-server.red:after {
	content: '';
	background-color: #f94747;
}
.test-server.red .image img {
	border-color: #f94747;
}
.news-mini {
	width: 575px;
	margin-right: 20px;
}
.news-mini.all .new {
	border-left: 0;
	margin: 15px 0 0 -4px;
}
.news-mini .new {
    margin: 15px 0 0 4px;
    padding: 8px 15px;
    /* border-radius: 3px; */
    background-color: #1b274194;
    border-left: 1px solid #0084ff;
}
.news-mini .new .header {
	padding-bottom: 11px;
}
.news-mini .new .header h3 {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	color: #0084ff;
}
.news-mini .new .header p {
	padding-top: 5px;
	font-size: 11px;
	color: #919394;
	text-transform: uppercase;
}

.news-mini .new .text {
	padding: 15px 0;
	font-size: 11px;
}
.news-mini .new .tags {
	display: inline-block;
}
.news-mini .new .tags span {
	color: #0084ff;
}
a.news-all {
	display: inline-block;
	width: 141px;
	color: #0084ff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	padding-bottom: 2px;
	margin-top: 15px;
	border-bottom: 1px dotted;
}
a.news-all:hover {
	border: 0;
	margin-bottom: 1px;
}
.about {
	text-align: justify;
	padding: 15px;
}
.about p {
	padding: 5px;
	line-height: 1.2;
	font-family: tahoma;
}
.about p.rubric {
	padding: 0;
	font-size: 14px;
}
.reviews-button {
	margin: 20px 11px 11px 3px;
	padding: 11px 11px 11px 15px;
	border-left: 1px solid rgb(0, 222, 255);
	width: 380px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}
.reviews-button:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	width: 100px;
	background-color: rgb(0, 222, 255);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.reviews-button:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 35px;
	background-color: rgb(0, 222, 255);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.reviews-button:hover:before {
	content: '';
	width: 35px;
}
.reviews-button:hover:after {
	content: '';
	width: 100px;
}
.reviews-button a {
	color: rgb(0, 222, 255);
	text-decoration: none;
}
.reviews-button a:hover {
	color: rgb(0, 222, 255);
}
.reviews-button a:nth-child(2) {
	position: absolute;
	top: 1px;
	right: 1px;
	background-color: rgb(0, 222, 255);
	padding: 9px;
}
.reviews-button a:nth-child(2):hover {
	background-color: #3379ff;
}
.reviews-button i {
	color: #fff;
}
.benefits, .instruction {
	/* text-transform: uppercase; */
	margin-top: -15px;
	font-weight: bold;
	font-size: 11px;
}
.benefits div {
	margin: 11px 0;
	color: #ffcc3c;
}
.benefits span {
	padding: 2px 7px;
	margin-right: 8px;
	background-color: #ffcc3c;
	color: #73590f;
}
.instruction div {
	margin: 15px 0;
	color: #ffcc3c;
}
.instruction span {
	padding: 2px 7px;
	margin-right: 8px;
	background-color: #f94747;
	color: #730f0f;
}
.instruction a {
	color: #ffcc3c;
}
.instruction a:hover {
	text-decoration: underline;
	color: #f94747;
}
.fortune-button {
	margin-top: 11px;
	display: inline-block;
	position: relative;
}
.fortune-button:hover:before {
	content: '';
	width: 190px;
}
.fortune-button:hover:after {
	content: '';
	width: 184px;
}
.fortune-button:before {
	content: '';
	position: absolute;
	left: -129px;
	top: -12px;
	width: 15px;
	height: 32px;
	border: 1px solid #f94747;
	border-right: 0;
	z-index: 10;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.fortune-button:after {
	content: '';
	position: absolute;
	right: -123px;
	top: -12px;
	width: 15px;
	height: 32px;
	border: 1px solid #f94747;
	border-left: 0;
	z-index: 10;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.fortune-button a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	background-color: #f94747;
	border: 2px solid #f94747;
	color: #632121;
	padding: 3px 5px;
	margin: 0 8px;
	position: relative;
	z-index: 100;
}
.fortune-button span {
	height: 8px;
	width: 8px;
	border: 1px solid #f94747;
	display: inline-block;
	margin-top: 3px;
	position: relative;
}
.fortune-button span:nth-child(2):before {
	content: '';
	position: absolute;
	height: 6px;
	width: 6px;
	border: 1px solid #f94747;
	display: inline-block;
	left: -15px;
	top: -1px;
}
.fortune-button span:nth-child(2):after {
	content: '';
	position: absolute;
	height: 6px;
	width: 6px;
	border: 1px solid #f94747;
	display: inline-block;
	left: -30px;
	top: -1px;
}
.fortune-button span:nth-last-child(1):before {
	content: '';
	position: absolute;
	height: 6px;
	width: 6px;
	border: 1px solid #f94747;
	display: inline-block;
	right: -15px;
	top: -1px;
}
.fortune-button span:nth-last-child(1):after {
	content: '';
	position: absolute;
	height: 6px;
	width: 6px;
	border: 1px solid #f94747;
	display: inline-block;
	right: -30px;
	top: -1px;
}
.fortune-button a:hover {
	background-color: #1f395e87;
	color: #f94747;
}
.fortune-button a:hover~span {
	background-color: #f94747;
}
.fortune-button a:hover~span:before {
	content: '';
	background-color: #f94747;
	-webkit-transition: all 0.50s;
	-moz-transition: all 0.50s;
	-o-transition: all 0.50s;
	transition: all 0.50s;
}
.fortune-button a:hover~span:after {
	content: '';
	background-color: #f94747;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.fortune-button span:before {
	content: '';
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.fortune-button span:after {
	content: '';
	-webkit-transition: all 0.50s;
	-moz-transition: all 0.50s;
	-o-transition: all 0.50s;
	transition: all 0.50s;
}
.input-form {
	width: 430px;
	padding: 0 11px;
}
.input-data {
	/* position: relative; */
}
.input-data div {
	position: absolute;
	right: 11px;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	color: #0084ff;
	opacity: 0.8;
}
.input-data div:nth-last-child(2) {
	right: 100px;
}
.input-data div:nth-last-child(3) {
	right: 200px;
}
.input-data div:hover {
	opacity: 1;
}
.input-data label {
	min-width: 100px;
	display: inline-block;

	text-transform: uppercase;
	font-size: 12px;
	margin: 3px 0 1px;
	padding: 2px 0;
	z-index: 100;
}
.input-data label:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	/* background-color: #0084ff; */
	/* background: linear-gradient(to left, #0084ff, #0084ff, #1f395e87); */
	/* background: -webkit-linear-gradient(left, #0084ff, #0084ff, #1f395e87); */
	background: -moz-linear-gradient(left, #0084ff, #0084ff, #1f395e87);
	background: -o-linear-gradient(left, #0084ff, #0084ff, #1f395e87);
	background: -ms-linear-gradient(left, #0084ff, #0084ff, #1f395e87);
	left: 0;
	top: 21px;
}
.input-data label:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	/* background-color: #0084ff; */
	/* background: linear-gradient(to right, #0084ff, #0084ff, #1f395e87); */
	/* background: -webkit-linear-gradient(right, #0084ff, #0084ff, #1f395e87); */
	background: -moz-linear-gradient(right, #0084ff, #0084ff, #1f395e87);
	background: -o-linear-gradient(right, #0084ff, #0084ff, #1f395e87);
	background: -ms-linear-gradient(right, #0084ff, #0084ff, #1f395e87);
	right: 0;
	top: 21px;
}
.input-data label.only:before {
	content: '';
	display: none;
}
.input-data label.only:after {
	content: '';
	display: none;
}
.input-data label.only.pointer {
	width: initial;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	padding: 8px;
	background-color: #1b274194;
	border: 1px solid #1b2e4f99;
}
.input-data textarea {
	resize: vertical;
}
.input-data textarea.resize-none {
	resize: none;
}
.input-data textarea, .input-data select, .input-data input {
    display: block;
    outline: 0;
    padding: 6px 11px;
    font-size: 12px;
    width: 100%;
    background-color: #cfcfcf;
    border: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    color: #000;
}
.input-data select {
	cursor: pointer;
}
.input-data textarea::-webkit-input-placeholder, .input-data input::-webkit-input-placeholder {
	color: #6e6f6e;
}
.input-data textarea::-moz-placeholder, .input-data input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data textarea::-ms-input-placeholder, .input-data input::-ms-input-placeholder {
	color: #6e6f6e;
}
.input-data textarea::-moz-placeholder, .input-data input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data>span:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	/* background-color: #0084ff; */
	/* background: linear-gradient(to right, #0084ff, #0084ff, #1f395e87); */
	/* background: -webkit-linear-gradient(right, #0084ff, #0084ff, #1f395e87); */
	background: -moz-linear-gradient(right, #0084ff, #0084ff, #1f395e87);
	background: -o-linear-gradient(right, #0084ff, #0084ff, #1f395e87);
	background: -ms-linear-gradient(right, #0084ff, #0084ff, #1f395e87);
	right: 0;
	bottom: 14px;
	z-index: 100;
}
.input-data>span:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	/* background-color: #0084ff; */
	/* background: linear-gradient(to left, #0084ff, #0084ff, #1f395e87); */
	/* background: -webkit-linear-gradient(left, #0084ff, #0084ff, #1f395e87); */
	background: -moz-linear-gradient(left, #0084ff, #0084ff, #1f395e87);
	background: -o-linear-gradient(left, #0084ff, #0084ff, #1f395e87);
	background: -ms-linear-gradient(left, #0084ff, #0084ff, #1f395e87);
	left: 0;
	bottom: 14px;
	z-index: 100;
}
.screens {
	width: 368px;
	text-align: center;
	margin: -5px 0 0 5px;
}
.screens img {
	width: 100px;
	height: 50px;
	margin: 5px;
	border: 1px solid #ffcc3c;
}
.screens img:hover {
	opacity: 0.8;
}
.price-info {
	text-transform: uppercase;
	font-size: 23px;
	color: #43cb00;
	border: 1px dashed #43cb00;
	border-top: 0;
	border-bottom: 0;
	padding: 8px 12px;
}
.service-buy {
	cursor: pointer;
	color: #ffffff;
	background-color: #1b274194;
	display: inline-block;
	padding: 8px 11px;
	margin-top: 8px;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
}
.service-buy:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #ffffff;
	background: linear-gradient(to right, #1f395e87, #ffffff, #1f395e87);
	/* background: -webkit-linear-gradient(right, #1f395e87, #0084ff, #1f395e87); */
	background: -moz-linear-gradient(right, #1f395e87, #0084ff, #1f395e87);
	background: -o-linear-gradient(right, #1f395e87, #0084ff, #1f395e87);
	background: -ms-linear-gradient(right, #1f395e87, #0084ff, #1f395e87);
}
.service-buy:hover:after {
	content: '';
	background: #d7e1ea;
}
.services-mini-list {
	width: 98%;
	margin: 15px 0 0 15px;
}
.services-mini-list i {
	float: right
}
.services-mini-list a {
	display: block;
	color: #dfdada;
	padding: 5px 11px;
	font-size: 12px;
	text-decoration: none;
	margin-bottom: 1px;
	position: relative;
}
.services-mini-list a.active, .services-mini-list a:hover {
	color: #fff;
}

.price-game {
	width 800px; 
}
.services-mini-list a.active:before {
	content: '';
	background-color: rgb(0, 0, 0);
}
.services-mini-list a:hover:before {
	content: '';
	background-color: rgb(2, 2, 2);
}
.services-mini-list a.active:after {
	content: '';
	background-color: rgb(0, 0, 0);
}
.services-mini-list a:hover:after {
	content: '';
	background-color: rgb(50, 51, 51);
}
.services-mini-list a:before {
	content: '';
	position: absolute;
	width: 11px;
	height: 1px;
	background-color: #fff;
	left: -11px;
	top: 12px;
}
.services-mini-list a:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 27px;
	background-color: #fff;
	left: -11px;
	top: 0;
	z-index: 1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.services-mini-list a:nth-child(1):after {
	content: '';
	top: 12px;
}
.services-mini-list a:nth-last-child(1):after {
	content: '';
	top: -14px;
	z-index: 0;
}
.services-mini-list span, .mini-icon {
	display: inline-block;
	margin-right: 5px;
	background: url(../images/elements/services.png);
	width: 16px;
	height: 16px;
}
span.icon-cscz {
	background-position-x: -18px;
}
span.icon-cssold {
	background-position-x: -36px;
}
span.icon-cssold {
	background-position-x: -36px;
}
span.icon-css {
	background-position-x: -55px;
}
span.icon-csgo {
	background-position-x: -74px;
}
span.icon-samp {
	background-position-x: -111px;
}
span.icon-crmp {
	background-position-x: -543px;
}
span.icon-mta {
	background-position-x: -129px;
}
span.icon-mc {
	background-position-x: -92px;
}
span.icon-www {
	background-position-x: -416px;
}
span.icon-l4d {
	background-position-x: -218px;
}
span.icon-l4d2 {
	background-position-x: -236px;
}
span.icon-tf2 {
	background-position-x: -182px;
}
span.icon-rust {
	background-position-x: -146px;
}
span.icon-gm {
	background-position-x: -506px;
}
span.icon-arma3 {
	background-position-x: -560px;
}
span.icon-unt {
	background-position-x: -578px;
}
span.icon-dods {
	background-position-x: -254px;
}
.informer {
	background-color: #f2f2f2;
	border-color: #0083ff82;
	box-shadow: 0 2px 2px #9999998f;
	display: inline-block;
	width: 100%;
	padding: 5px 11px;
	font-size: 14px;
	color: #000;
	text-align: justify;
	border-radius: 3px;
	border-bottom: 1px solid;
}
.informer.mini {
	/* text-transform: uppercase; */
	font-size: 9px;
	padding: 10px 10px;
}
.informer a {
	text-decoration: underline;
	color: rgb(9 71 81);
}
.informer.red {
    background: #bf465ea8;
    border-color: #bf465ea8;
    display: inline-block;
    width: 100%;
    padding: 5px 11px;
    font-size: 14px;
    color: #fff;
    text-align: justify;
    border-radius: 3px;
    border-bottom: 1px solid;
}
.informer.red a {
	color: #f94747;
}
.informer.green {
	color: #0084ff;
	border-color: #0084ff;
}
.informer.green a {
	color: #0084ff;
}
.informer.yellow {
	color: #000000;
	/* border-color: #ffcc3c; */
	font-size: 14px;
}
.informer.yellow a {
	color: #01a51c;
}
.informer.gray {
	color: #adb2bd;
	border-color: #adb2bd;
}
.informer.gray a {
	color: #adb2bd;
}

.list-services li {
	padding: 8px 14px 6px;
	margin: 11px 15px;
	background-color: #17588b;
	list-style: none;
	line-height: 1.4;
	box-shadow: 0 2px 2px #9999996b;
}
.list-services li i {
	color: #d8d8d9;
}
.list-services li a {
	color: #10c373;
}

.pagination {
	display: inline-block;
	margin: 11px 0;
}
.pagination a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	padding: 5px 8px;
}
.pagination a:hover {
	background-color: #1b274194;
}
.pagination a.active {
	background-color: #1b2e4f99;
}
.pagination a[data-type="side"] {
}
.pagination span {
	padding: 5px 8px;
}
.info-block {
	margin: 0 0 -11px -11px;
}
.info-text {
	padding: 5px;
	text-transform: uppercase;
	font-size: 11px;
	display: inline-block;
	min-width: 24%;
}
.info-text.first {
    margin-left: 10px;
}
.info-text p {
	padding: 5px 0;
}
.info-text>span {
	padding: 6px 11px 5px;
	margin: 5px 7px 0 0;
	background-color: #dedede99;
	border-bottom: 1px solid #9b9f9e;
	float: left;
	min-width: 35px;
	box-shadow: 0 2px 2px #99999985;
	text-align: center;
}
.info-text p.gray {
    color: #000;
    outline: none;
}
.info-text p.zero-top {
	margin-top: -9px;
	/* font-size: 9px; */
	font: 8px "Tahoma";
	/* font: bold 8px Tahoma; */
}
.info-text b>span {
	color: #0084ff;
}
.list-services-manager li {
	padding: 8px 14px 6px;
	margin: 11px;
	box-shadow: 0 2px 2px #99999969;
	background-color: #e0ded2;
	list-style: none;
	line-height: 1.4;
}
.list-services-manager li i {
	color: #6a80a2;
}
.list-services-manager li a {
	color: #0084ff;
}
.server-manager {
	background-color: #e6e6e694;
	border-top: 1px solid #2b4460;
	padding: 11px 11px 5px;
	position: relative;
}
.server-manager .image, .server-manager .image>img {
    width: 150px;
    /* border: 2px solid #000; */
    height: 113px;
    /* border: 1px solid #fff; */
    /* opacity: 0.4; */
    /* box-shadow: 0 2px 2px #999; */
}
.server-manager .image, .server-manager .image>img:hover {
    opacity: 0.9;
}

.server-info {
	margin-top: -13px;
	padding-bottom: 8px;
}
.info-text.server-info {
	max-width: 27%;
	min-width: 27%;
}
.info-text.server-info p {
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 5px;
}
.info-text.server-info.last {
	padding-bottom: 0;
}
.manager-menu {
	text-align: center;
	/* box-shadow: 0 2px 2px #999; */
}
.manager-menu.server-menu {
	display: inline-block;
}

.table-data {
}
.table-data tr {
	background-color: #1f395e87;
}
.table-data tr:nth-child(2n) {
	background-color: #1b2e4f99;
}
.table-data thead tr {
	background-color: #e4e2d6;
}
.table-data th, .table-data td {
	padding: 5px;
}
.table-data td {
	text-shadow: 2px 2px 3px #1f395e87;
}
.table-data th span {
	display: inline-block;
	padding: 7px 15px;
	background-color: #c5c5c599;
	color: #000000;
}
.table-data td img {
	width: 20px;
	margin: -3px 5px -4px 0;
}
.table-top tbody tr:nth-child(1) td:nth-child(1), .table-top tbody tr:nth-child(2) td:nth-child(1), .table-top tbody tr:nth-child(3) td:nth-child(1) {
	font-weight: bold;
	text-shadow: 0 0 20px;
}
.table-top tbody tr:nth-child(1) td:nth-child(1) {
	color: #0084ff;
}
.table-top tbody tr:nth-child(2) td:nth-child(1) {
	color: #ffcc3c;
}
.table-top tbody tr:nth-child(3) td:nth-child(1) {
	color: #f94747;
}


#winlist-list td:nth-child(2) b {
	color: #0084ff;
}
#winlist-list td:nth-child(2) u {
	cursor: pointer;
	color: #f94747;
}
blockquote {
	position: relative;
	background-color: #0e1010;
	border-left: 3px solid #0084ff;
	padding: 12px 11px 11px 30px;
	margin-bottom: 11px;
}
blockquote:before {
	position: absolute;
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 11px;
	top: 2px;
	left: 9px;
	color: #0084ff;
}
.color-fff {
	color: #fff !important;
}
.color-red {
	color: #f94747 !important;
}
.color-green {
	color: rgb(0, 222, 255) !important;
}
.color-blue {
	color: rgb(0, 222, 255) !important;
}
.color-yellow {
	color: #000000 !important;
}
.box-form {
	position: absolute;
	z-index: 2000;
	top: 150px;
	width: 300px;
	left: calc(50% - 150px);
	box-shadow: 0 0 25px #0a0a0a;
	background-color: #1b274194;
	padding: 25px;
}
.box-fon {
	position: fixed;
	z-index: 1999;
	background-color: rgba(0, 0, 0, 0.50);
	width: 100%;
	height: 100%;
	top: 0;
}
.box-header {
	text-transform: uppercase;
	color: #0084ff;
	padding: 8px;
	border-bottom: 1px solid #0084ff;
}
.box-content {
	padding: 8px;
}
.box-content .buttons {
	margin: 15px 0 0;
	width: initial;
}
.box-content .buttons .btn {
	padding: 6px 8px;
}
.box-content .box-captcha {
	opacity: 1;
	position: absolute;
	right: -140px;
	top: 13px;
}
.history .log {
	margin-top: 15px;
	padding: 8px 8px 8px 15px;
	background-color: #1b274194;
	border-left: 1px solid rgb(0, 222, 255);
}
.history .log .header h3 {
	font-size: 12px;
	font-weight: normal;
	color: rgb(0, 222, 255);
}
.history .log .header p {
	padding-top: 5px;
	font-size: 11px;
	color: #919394;
}
.no-places-form {
	position: relative;
}
.no-places {
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	padding-top: 50%;
	left: -4px;
	width: calc(100% + 8px);
	height: 100%;
	z-index: 1000;
	background-color: #1f395e87c4;
	color: #ffffff99;
	cursor: no-drop;
	font-weight: bold;
	font-size: 18px;
}
.nav {
    /* padding: 6px 11px; */
    /* color: #0084ff; */
    font: bold 10px Tahoma;
    /* border: 1px solid; */
    /* text-transform: uppercase; */
    /* font-size: 11px; */
    margin: 3px 0px 10px 11px;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    /* transform: skewX(20deg); */
    /* background-color: #0083ff82; */
    /* text-shadow: 1px 1px 2px #0083ff82; */
}
#side_bar_panel {
	width: 170px;
	float: left;
	margin-right: 11px;
}
.nav i {
	/* padding: 0 3px; */
	color: #e77612;
	margin: 2px;
}
.nav a {
	color: #555;
	/* text-shadow: 1px 1px 2px #0083ff82; */
}
.nav a:hover {
	text-decoration: none;
}
.nav span {
	color: #555;
	/* text-shadow: 1px 1px 2px #696969; */
}
.change-map {
	position: absolute;
	top: 135px;
	left: 0;
	background-color: #1b274194;
	padding: 11px;
	z-index: 999;
}
.change-map>span {
	position: absolute;
	top: -12px;
	left: calc(50% - 33px);
	padding: 5px 8px;
	text-transform: uppercase;
	font-size: 12px;
	background-color: #f94747;
	color: #fff;
}
.change-map>div {
	max-height: 232px;
	overflow: hidden;
	overflow-y: scroll;
	border-top: 2px solid #f94747;
}
.change-map>div div {
	float: left;
	height: 120px;
	margin-right: 17px;
	cursor: pointer;
}
.change-map>div div:hover span {
	color: #9b9f9e;
}
.change-map>div div img {
	display: block;
	height: 90px;
}
.change-map>div div span {
	display: block;
	text-align: center;
	padding: 8px 5px;
	background-color: #1b274194;
	color: #fff;
	font-size: 12px;
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chat-wrap {
	overflow: hidden;
}
.chat {
	max-height: 500px;
	overflow-y: scroll;
	margin-right: -20px;
}
.chat .msg .avatar {
	margin: 11px 11px 11px 0;
}
.chat .msg .avatar img {
	width: 80px;
	height: 80px;
	padding: 1px;
	border: 1px solid #0084ff;
}
.chat .msg .content {
	width: 640px;
}
.chat .msg .header {
	border-bottom: 1px solid #0084ff;
	padding: 5px;
}
.chat .msg .header span {
	color: #0084ff;
}
.chat .msg .header div {
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
.chat .msg .text {
	color: #fff;
	font-size: 12px;
	padding: 8px 8px 0 0;
}
.chat-send {
	margin-top: 80px;
	position: relative;
}
.chat-send input {
	padding: 5px 30px;
	width: 100%;
	background-color: #1b274194;
	border: 1px solid #272a2d;
	outline: 0;
	color: #adadad;
}
.chat-send>i {
	cursor: pointer;
	position: absolute;
	color: #6a80a2;
	top: 7px;
}
.chat-send>i:hover {
	color: #adadad;
}
.chat-send .fa-wrench {
	left: 11px;
}
.chat-send .fa-smile {
	right: 11px;
}
.chat-send .settings {
	display: none;
	position: absolute;
	top: -68px;
	left: 0;
	background-color: #1b274194;
	padding: 7px;
	cursor: pointer;
	border: 1px solid #272a2d;
	border-bottom: 0;
}
.chat-send .settings .param {
	margin-bottom: 3px;
	color: #adadad;
}
.chat-send .settings .param:hover {
	color: #ddd;
}
.chat-send .settings .param i {
	font-size: 11px;
	line-height: 1.4;
	margin-right: 3px;
}
.chat-send .settings .param .fa-toggle-on {
	color: #0084ff;
}
.chat-send .settings .param .fa-toggle-off {
	color: #f94747;
}
.chat-send .smiles {
	display: none;
	position: absolute;
	top: -56px;
	right: 0;
	background-color: #1b274194;
	border: 1px solid #272a2d;
	border-bottom: 0;
	padding: 7px;
	cursor: pointer;
	text-align: justify;
}
.monitoring-type .info-text>span {
	min-width: 36px;
}
.monitoring-list li {
	/* padding: 11px 14px 9px; */
	margin: 11px 0;
	background-color: #ececec;
	list-style: none;
	line-height: 1.4;
	box-shadow: 0 2px 2px #99999994;
}
.monitoring-list .hostname {
	display: inline-block;
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.monitoring-list li span.float-right i {
	display: inline-block;
	width: 180px;
	color: #6a80a2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-left: -11px;
}
.monitoring-list li a {
	color: #000000;
}
.captcha {
	text-transform: uppercase;
}
.wiki-list li a {
	color: #0084ff;
}
.wiki-tags a {
	background-color: #1f395e87;
	line-height: 17px;
	padding: 5px;
	font-size: 11px;
	margin-right: 5px;
}
.wiki-tags-only a {
	line-height: 13px;
}
.icon-fa-box {
	min-width: 16px;
	text-align: center;
	margin-right: 5px;
}
.icon-fa-box.yellow {
	color: #ffcc3c;
}
.border-banners {
	border: 1px solid;
}
.border-green {
	border-color: #004e24;
}
.border-red {
	border-color: #612122;
}
.border-blue {
	border-color: #07325c;
}
.border-yellow {
	border-color: #5c5807;
}
.gorizontal-list-container {
	overflow: hidden;
	position: relative;
}
.gorizontal-list-container::before {
	content: '';
	position: absolute;
	z-index: 1000;
	height: calc(90% - 30px);
	border-left: 1px dotted #163220;
	margin-top: 5%;
	right: 0;
	border-top: 15px solid #079642;
	border-bottom: 15px solid #079642;
}
.gorizontal-list {
	overflow-y: scroll;
	margin-right: -30px;
	padding-right: 30px;
	height: 350px;
}
.help-status {
	font: 11px/14px 'PT Sans';
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 3px #1b274194;
	width: 100px;
	display: inline-block;
	margin-right: 5px;
}
.help-status-0 {
	background-color: #0084ff;
}
.help-status-1 {
	background-color: #f94747;
}
.help-status-2 {
	background-color: rgb(0, 222, 255);
}
.help-status-3 {
	background-color: #0084ff;
}
.loading-info {
	z-index: 3000;
	position: fixed;
	top: 0;
	left: calc(50% - 85px);
	width: 170px;
	background-color: #0084ff;
	text-shadow: 0 0 5px #0d2015;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
.table-data-inputs {
	margin-left: -8px;
}
.table-data-inputs th, .table-data-inputs td {
	padding: 5px;
	text-align: center;
}
.table-data-inputs th {
	text-transform: uppercase;
	font-size: 12px;
}
[class*="icheckbox_square-"] input {
	display: none;
}
.table-data-inputs input, .table-data-inputs select {
    padding: 0 5px;
    background-color: #1b274194;
    outline: 0;
    border: 1px solid #f9474736;
    color: #f94747;
    height: 22px;
    font-size: 10px;
    width: 92px;
    text-align: left;
}
.table-admins td:nth-child(1) {
	width: 1%;
}
.table-admins td:nth-child(2) {
	width: 17%;
}
.table-admins td:nth-child(3) {
	width: 10%;
}
.table-admins td:nth-child(4) {
	width: 20%;
}
.table-admins td:nth-child(5) {
	width: 14%;
}
.table-admins td:nth-child(6) {
	width: 10%;
}
.table-admins td:nth-child(7) {
	width: 17%;
}
.table-admins td:nth-child(8) {
	width: 7%;
}
.history.yellow .log {
	border-left: 1px solid #ffcc3c;
}
.history.yellow .log .header h3 {
	color: #ffcc3c;
}
.history.green .log {
	border-left: 1px solid #0084ff;
}
.history.green .log .header h3 {
	color: #0084ff;
}
.history.red .log {
	border-left: 1px solid #f94747;
}
.history.red .log .header h3 {
	color: #f94747;
}
.input-data.yellow label:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	background-color: #ffcc3c;
	background: linear-gradient(to left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -webkit-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -moz-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -o-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -ms-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	left: 0;
	top: 21px;
}
.input-data.yellow label:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: #ffcc3c;
	background: linear-gradient(to right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -webkit-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -moz-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -o-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -ms-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	right: 0;
	top: 21px;
}
.input-data.yellow textarea, .input-data.yellow select, .input-data.yellow input {
	display: block;
	outline: 0;
	padding: 6px 11px;
	font-size: 11px;
	width: 100%;
	background-color: #1b274194;
	border: 3px solid #192b47;
	border-left: 1px solid #ffcc3c;
	border-right: 1px solid #ffcc3c;
	color: #fff;
}
.input-data.yellow select {
	cursor: pointer;
}
.input-data.yellow textarea::-webkit-input-placeholder, .input-data.yellow input::-webkit-input-placeholder {
	color: #6e6f6e;
}
.input-data.yellow textarea::-moz-placeholder, .input-data.yellow input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data.yellow textarea::-ms-input-placeholder, .input-data.yellow input::-ms-input-placeholder {
	color: #6e6f6e;
}
.input-data.yellow textarea::-moz-placeholder, .input-data.yellow input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data.yellow span:before {
	content: '';
	background-color: #ffcc3c;
	background: linear-gradient(to right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -webkit-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -moz-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -o-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
	background: -ms-linear-gradient(right, #ffcc3c, #ffcc3c, #1f395e87);
}
.input-data.yellow span:after {
	content: '';
	background-color: #ffcc3c;
	background: linear-gradient(to left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -webkit-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -moz-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -o-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
	background: -ms-linear-gradient(left, #ffcc3c, #ffcc3c, #1f395e87);
}
.input-data.red label:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	background-color: #f94747;
	background: linear-gradient(to left, #f94747, #f94747, #1f395e87);
	background: -webkit-linear-gradient(left, #f94747, #f94747, #1f395e87);
	background: -moz-linear-gradient(left, #f94747, #f94747, #1f395e87);
	background: -o-linear-gradient(left, #f94747, #f94747, #1f395e87);
	background: -ms-linear-gradient(left, #f94747, #f94747, #1f395e87);
	left: 0;
	top: 21px;
}
.input-data.red label:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: #f94747;
	background: linear-gradient(to right, #f94747, #f94747, #1f395e87);
	background: -webkit-linear-gradient(right, #f94747, #f94747, #1f395e87);
	background: -moz-linear-gradient(right, #f94747, #f94747, #1f395e87);
	background: -o-linear-gradient(right, #f94747, #f94747, #1f395e87);
	background: -ms-linear-gradient(right, #f94747, #f94747, #1f395e87);
	right: 0;
	top: 21px;
}
.input-data.red textarea, .input-data.red select, .input-data.red input {
	display: block;
	outline: 0;
	padding: 6px 11px;
	font-size: 11px;
	width: 100%;
	background-color: #1b274194;
	border: 3px solid #192b47;
	border-left: 1px solid #f94747;
	border-right: 1px solid #f94747;
	color: #fff;
}
.input-data.red select {
	cursor: pointer;
}
.input-data.red textarea::-webkit-input-placeholder, .input-data.red input::-webkit-input-placeholder {
	color: #6e6f6e;
}
.input-data.red textarea::-moz-placeholder, .input-data.red input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data.red textarea::-ms-input-placeholder, .input-data.red input::-ms-input-placeholder {
	color: #6e6f6e;
}
.input-data.red textarea::-moz-placeholder, .input-data.red input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data.red span:before {
	content: '';
	background-color: #f94747;
	background: linear-gradient(to right, #f94747, #f94747, #1f395e87);
	background: -webkit-linear-gradient(right, #f94747, #f94747, #1f395e87);
	background: -moz-linear-gradient(right, #f94747, #f94747, #1f395e87);
	background: -o-linear-gradient(right, #f94747, #f94747, #1f395e87);
	background: -ms-linear-gradient(right, #f94747, #f94747, #1f395e87);
}
.input-data.red span:after {
	content: '';
	background-color: #f94747;
	background: linear-gradient(to left, #f94747, #f94747, #1f395e87);
	background: -webkit-linear-gradient(left, #f94747, #f94747, #1f395e87);
	background: -moz-linear-gradient(left, #f94747, #f94747, #1f395e87);
	background: -o-linear-gradient(left, #f94747, #f94747, #1f395e87);
	background: -ms-linear-gradient(left, #f94747, #f94747, #1f395e87);
}
.input-data.blue label:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 1px;
	background-color: rgb(0, 222, 255);
	background: linear-gradient(to left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -webkit-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -moz-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -o-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -ms-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	left: 0;
	top: 21px;
}
.input-data.blue label:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: rgb(0, 222, 255);
	background: linear-gradient(to right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -webkit-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -moz-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -o-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -ms-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	right: 0;
	top: 21px;
}
.input-data.blue textarea, .input-data.blue select, .input-data.blue input {
	display: block;
	outline: 0;
	padding: 6px 11px;
	font-size: 12px;
	width: 100%;
	background-color: #1b274194;
	border: 3px solid #192b47;
	border-left: 1px solid rgb(0, 222, 255);
	border-right: 1px solid rgb(0, 222, 255);
	color: #fff;
}
.input-data.blue select {
	cursor: pointer;
}
.input-data.blue textarea::-webkit-input-placeholder, .input-data.blue input::-webkit-input-placeholder {
	color: #6e6f6e;
}
.input-data.blue textarea::-moz-placeholder, .input-data.blue input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data.blue textarea::-ms-input-placeholder, .input-data.blue input::-ms-input-placeholder {
	color: #6e6f6e;
}
.input-data.blue textarea::-moz-placeholder, .input-data.blue input::-moz-placeholder {
	color: #6e6f6e;
}
.input-data.blue span:before {
	content: '';
	background-color: rgb(0, 222, 255);
	background: linear-gradient(to right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -webkit-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -moz-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -o-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -ms-linear-gradient(right, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
}
.input-data.blue span:after {
	content: '';
	background-color: rgb(0, 222, 255);
	background: linear-gradient(to left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -webkit-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -moz-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -o-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
	background: -ms-linear-gradient(left, rgb(0, 222, 255), rgb(0, 222, 255), #1f395e87);
}
.filetp {
	width: calc(100% + 20px);
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.filetp-wrapper {
	margin: 0 11px;
	overflow-x: hidden;
}
.static-graph {
	width: calc(100% - 30px);
	height: 160px;
	margin: 15px;
}
.boost-rating {
	padding: 5px;
	display: block;
	color: #ffcc3c;
	margin: 2px -8px;
}
.boost-rating i {
	margin: 0 6px;
	cursor: pointer;
}
.boost-rating span {
	color: #ffcc3c;
	border: 1px solid;
	padding: 3px 7px;
	font-weight: bold;
	border-right: 0;
	border-left: 0;
}
.paybuild-images {
	margin: -5px -5px 11px;
}
.paybuild-images img {
	width: 100px;
	height: 50px;
	margin: 5px;
	border: 1px solid #f94747;
}
.paybuild-images img:hover {
	opacity: 0.8;
}
.web-images {
	margin: -5px -5px 11px;
}
.web-images img {
	width: 100px;
	height: 50px;
	margin: 5px;
	border: 1px solid rgb(0, 222, 255);
}
.web-images img:hover {
	opacity: 0.8;
}
.chart-online-host {
	margin: 0 5px;
}
.chart-points {
	width: 195px;
	height: 52px;
	padding: 5px;
	vertical-align: bottom;
	display: table-cell;
	background-color: #1b274194;
	text-align: center;
}
.chart-points div {
	display: inline-block;
	background-color: rgb(0, 222, 255);
	width: 5px;
	vertical-align: bottom;
	margin: 0 1px;
}
.online-host-time {
	width: 195px;
	padding: 5px;
	font-size: 11px;
}
.online-host-now {
	margin: 15px 0px;
}
.online-host-now b {
	display: block;
	font-size: 24px;
	margin-top: 5px;
}
.wishes-button {
	margin: 20px 11px 11px 3px;
	padding: 11px 11px 11px 15px;
	border-left: 1px solid #0084ff;
	width: 400px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	position: relative;
}
.wishes-button:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	width: 100px;
	background-color: #0084ff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.wishes-button:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 35px;
	background-color: #0084ff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.wishes-button:hover:before {
	content: '';
	width: 35px;
}
.wishes-button:hover:after {
	content: '';
	width: 100px;
}
.wishes-button a {
	color: #0084ff;
	text-decoration: none;
}
.wishes-button a:hover {
	color: #0084ff;
}
.wishes-button a:nth-child(2) {
	position: absolute;
	top: 1px;
	right: 1px;
	background-color: #0084ff;
	padding: 9px;
}
.wishes-button a:nth-child(2):hover {
	background-color: #178f47;
}
.wishes-button i {
	color: #fff;
}

.img-sale {
    width: 100%;
    text-align: center;
    opacity: 0.5;
}

.img-sale:hover {
    opacity: 0.9;
}














/* ------------ Panorama UI ------------ */

#panorama_ui {
	width: 55px;
	background: #1f395e87;
	float: right;
	top: 60px;
	border-left: 4px solid #1b274194;
	border-top: 4px solid #1b274194;
	border-bottom: 1px solid #0084ff;
	right: 0;
	position: fixed;
	height: 81vh;
	z-index: 999999;
}

.panorama_ui ul li {
	margin-left: 20px;
	padding: 5px;
}

ul li {
	/* margin-left: 7px; */
	/* margin-top: -3px; */
	/* padding: 5px; */
}

/* ------------ HDD ------------ */

.polzunok_new_startsh {
	background: #1f395e87;
	height: 6px;
	margin: 2px 0px 0px 1px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.polzunok_new_ftp {
	background: #FFCC3C;
	height: 7px;
	margin: 3px 0px 0px 1px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.shkala_new {
	background: rgb(0, 222, 255);
	width: 130px;
	height: 12px;
	margin: 2px 0 0 0;
	float: left;
}

h3 {
	font-size: 11px;
}


.partnerList {
	text-align: justify;
	text-justify: newspaper;
}

.partnerList li {
    display: inline-block;
    width: 165px;
    padding: 6px 11px;
    background-color: #1b274194;
    border: 3px solid #0EA7E7;
    border-left: 1px solid #0EA7E7;
    border-right: 1px solid #0EA7E7;
}

.partnerList li a {
	text-decoration: none;
	color: #444;
	font-weight: 700;
}

.partnerList li img {
	padding-bottom: 5px;
	margin: 5px 0px 0px 7px;
	border-bottom: 1px solid #0EA7E7;
}

.partnerList li p {
	font-size: 20px;
	color: #0EA7E7;
	text-align: center;
	margin-right: 0 !important;
}

/* ------------ Monitoring ------------ */

.serveraimg {
	width: 60px;
	float: left;
	margin-top: -16px;
	padding-top: 5px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.startup_options_kira {
	width: 685px;
	background: #f5f5f5;
	float: left;
	margin: 5px 0 0 0;
	padding: 11px;
}

.left-startup-options {
	width: 170px;
	float: left;
}

.footer-startup-options {
	width: 740px;
	background-color: #1b274194;
	border: 3px solid #1b274194;
	float: right;
	margin: 23px 0 0 0;
	padding: 11px;
	color: #03a745;
	font-size: 12px;
}

.sel_map_int {
	height: 32px;
	max-width: 160px;
	margin: 0;
	margin-top: 141px;
}
/* ------------------ */

.time-zone {
	width: 100%;
	background-color: #1b274194;
	border: 1px solid #0EA7E7;
	float: left;
	margin: 0 0 2px 0;
	padding: 11px;
	font-size: 11px;
}

.right-startup-options ul {
	margin: 0;
	padding: 0;
}

.time-zone li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ------------------ */

.use-hard {
	width: 100%;
	background-color: #1b274194;
	border: 1px solid #0EA7E7;
	float: left;
	margin: 0 0 2px 0;
	padding: 11px;
	font-size: 11px;
}

/* ------------------ */

.ip-class {
    width: 100%;
    background-color: #1b274194;
    border: 1px solid #0EA7E7;
    float: left;
    margin: 0 0 2px 0;
    padding: 11px;
    font-size: 11px;
}

/* ------------------ 
.body:-webkit-full-page-media {
	background-color: #1f395e87;
}
*/

.disc-title-border {
	width: 97%;
	border-top: 1px dashed #4fc7fc;
	margin: 0 auto;
}

canvas#snowflakesCanvas {
	position: fixed;
	top: 0;
	overflow: hidden;
	pointer-events: none;
}

/* ADMIN SERVICES */

.frametable {
	float: left;
	border: 1px solid #03a745;
	padding: 15px;
	width: calc(100% - 30px);
	margin: 15px 15px;
}

.worktable_as {
	width: calc(100% - 0px);
	border-bottom: 2px solid #03a745;
	margin: 0;
	padding: 0;
}

.as_lightgray td {
	background: #2b4460;
	font-size: 12px;
	color: #fff;
	border-top: 2px solid #263f5b;
	border-bottom: 1px solid #1f395e87;
	padding: 15px;
}

.worktable_as td {
	margin: 0;
	padding: 15px;
}

.desc-server_as td {
	background: #f5f5f5;
	font-size: 12px;
	padding: 11px;
	border-top: 7px solid #dadada;
}

.desc-server-img_as {
	vertical-align: middle;
	margin: 0 11px 0px 0;
}

#div-advant ul {
	list-style: none;
}

.desc-server-price_as {
	text-align: center;
	color: #a81e22;
}


::-webkit-scrollbar-button {
	background-image:url('');
	background-repeat:no-repeat;
	width:6px;
	height:0px;
} 

::-webkit-scrollbar-track {
	background: #0d171e;
	box-shadow:0px 0px 3px #000 inset;
} 

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #ffffff82;
	box-shadow: 0px 1px 1px #000000 inset;
	background-image:url('https://yraaa.ru/_pu/24/59610063.png');
	background-position:center;
	background-repeat:no-repeat;
} 

::-webkit-scrollbar-thumb:hover{
	background-color: #0084ff;
}

::-webkit-resizer{
	background-image:url('');
	background-repeat:no-repeat;
	width:7px;
	height:0px;
} 

::-webkit-scrollbar{ 
	width: 11px; 
}

/* ========== THE END SCROLLBAR ========== */ 

img.news-img {
	width: 1108px;
}

/* ========== MAP ========== */ 

#map {
	position: relative;
}

#map #mapType {
	position: absolute;
	top: 25px;
	left: 0;
	width: 100%;
	z-index: 3;
	text-align: center;
}

.landingTitle {
	display: block;
	padding: 25px 0;
	text-align: center;
	font-family: klavika,sans-serif;
	font-weight: bolder;
	font-style: italic;
	font-size: 22px;
	color: #fff;
	color: var(--white);
	letter-spacing: 2px;
}

.heading, .landingTitle {
	text-transform: uppercase;
}

#map #mapType .landingTitle {
	padding: 25px 0 0;
	color: #0084ff;
}

#map #mapType small {
	color: #fff;
	color: var(--white);
	font-size: 12px;
	font-weight: lighter;
}

small {
	font-size: 80%;
}

#map #mapLocations {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	z-index: 3;
}

.map_block {
	justify-content: space-around;
	align-items: flex-end;
	margin: 0;
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	margin: 0 -.5rem;
}

.map_min_block {
	flex-basis: 25%;
	flex: none;
	box-sizing: border-box;
	padding: 0 .5rem 1rem;
	max-width: 285px;
	font-size: 11px;
}

#map #mapLocations ul {
	background: #1b274194;
	padding: 0;
	margin: 0;
	list-style: none;
}

#map #mapLocations li.locationTitle {
	background: #1f395e87;
	font-weight: 700;
	text-align: center;
	border: 0;
	color: #fff;
}

#map #mapLocations li {
    background: #1b274194;
    padding: 11px;
    font-size: 12px;
    font-weight: lighter;
    margin-left: 0px;
    color: #cdcccc;
    border-left: 2px solid #0084ff;
    border-left: 2px solid #0084ff;
}

#map #mapLocations li .flag {
	margin-right: 5px;
	margin-left: 0px;
	padding: 5px;
}

.flag.flag-us {
	background-position: 0 -154px;
}

.flag.flag-ru {
	background-position: -255px -121px;
}

.flag.flag-ge {
	background-position: -32px -11px;
}

.flag.flag-sg {
	background-position: -224px -121px;
}

.flag {
	display: inline-block;
	width: 16px;
	height: 11px;
	background: url(https://nodecraft.com/assets/images/flags.png) no-repeat;
}

#map #mapBackground {
	z-index: 2;
	position: relative;
}

.center {
	text-align: center;
}

.fitImg {
	max-width: 100%;
	height: auto;
}

#map #mapLocations li:nth-child(odd) {
    background: #1b274100;
    border-left: 2px solid #0084ff;
}

#map #mapLocations li.label_map {
	background: #0084ff;
	font-weight: 700;
	text-align: center;
	border: 0;
	color: #fff;
}

/* ================ Search ================ */

header .search {
	margin: 9px 5px 0px 0px;
	float: left;
}

header .search input {
	float: right;
	margin: 6px;
	display: block;
	font-size: 12px;
	width: 100%;
	background-color: rgb(46, 51, 56);
	color: rgb(255, 255, 255);
	outline: 0px;
	padding: 6px 11px;
	border-width: 3px 1px;
	border-style: solid;
	border-color: rgb(35, 41, 45) #0084ff;
	border-image: initial;
	border-left: 1px solid #0084ff;
	border-right: 1px solid #0084ff;
}

header .search > i {
	font-size: 11px;
	margin: 11px 0 0 145px;
	color: #0084ff;
	cursor: pointer;
	padding: 5px;
	position: absolute;
}

header .search .search_wiki_header_close {
	display: none;
	position: absolute;
	border: 1px solid #0084ff;
	color: #ee2050;
	z-index: 1100;
	font-size: 12px;
	margin: 50px 183px;
	cursor: pointer;
}

header .search .search_wiki_header_close i {
	font: 13px/15px FontAwesome;
	width: 16px;
	height: 16px;
	text-align: center;
}

header .search .search_wiki_result {
	position: absolute;
	z-index: 1000;
	display: none;
	padding: 5px;
	width: 300px;
	margin: 50px 0 0 -120px;
	color: #fff;
	background-color: #2e3338;
	border: 1px solid #0084ff;
	box-shadow: 0 0 11px #0084ff;
}

header .help_question {
	padding: 8px;
	background-color: #1f395e87;
	color: #fff;
	margin-bottom: 8px;
	border-bottom: 1px dashed #0084ff;
}

.help_question {
	border-bottom: 1px dashed #CCC;
	padding: 8px;
	background-color: #fff;
	margin-bottom: 8px;
}

header .help_question > info-block {
	margin: 0 0 -11px -11px;
}

header .help_question > a {
	color: #fff;
	font: 12px/20px 'PT Sans';
	display: block;
	float: right;
	padding: 0;
	margin: 0;
}

.help_question > a {
	/* text-decoration: underline; */
	margin-bottom: 5px;
	display: block;
}

header .search .search_wiki_result .help_question > div > a {
	border: 1px solid #00569d;
	background-color: #0c254a;
	color: #fff;
	font: 11px/4px Arsenal;
}

.help_question > div > a {
	padding: 3px 5px;
	background-color: #e8ebf0;
	display: inline-block;
	border-radius: 5px;
	font: 12px/7px Arsenal;
	margin-right: 5px;
	border: 1px solid #c2cdde;
}

/* ================ The End Search ================ */

.block-text-info {
	background: #1b274194;
	font-size: 12px;
	border-top: 1px solid #9b9f9e;
	color: #ffcc3c;
	margin: 5px 0;
	padding: 15px 15px 45px 25px;
}

.block-info-border {
	border-top: 1px dashed #ffcc3c;
	margin: 11px 0px 0 0px;
}

/* ================ Windows ====================== */

#window {
	line-height: 1.5em;
	width: 100%;
	min-height: 350px;
	background: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.45);
}

#toolbar {
	width: 100%;
	height: 25px;
	border-radius: 5px 5px 0 0;
	background: -webkit-linear-gradient(top,#12963f 0%,#1f395e87 100%);
}

#toolbar .top {
	position: relative;
}

#toolbar #lights {
	position: absolute;
	top: 4px;
	left: 7px;
}

.red {
	color: #ffcc3c;
}

.red_win {
	background: #f41b16;
	background: -moz-linear-gradient(top,#f41b16 0%,#fc7471 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f41b16),color-stop(100%,#fc7471));
	background: -webkit-linear-gradient(top,#f41b16 0%,#fc7471 100%);
	background: -o-linear-gradient(top,#f41b16 0%,#fc7471 100%);
	background: -ms-linear-gradient(top,#f41b16 0%,#fc7471 100%);
	background: linear-gradient(top,#f41b16 0%,#fc7471 100%);
}

.light {
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), 0px 0px 3px #000 inset;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.5),0px 0px 3px #000 inset;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.5), 0px 0px 3px #000 inset;
	overflow: hidden;
}

.red_win .glyph {
	position: relative;
	top: -3px;
	left: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	z-index: 50;
	opacity: 0;
}

.red_win .shine {
	position: relative;
	top: -23px;
	left: 5px;
}

.light .shine {
	width: 4px;
	height: 3px;
	border-radius: 11px;
	background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.red_win .glow {
	position: relative;
	top: -22px;
}

.light .glow {
	width: 14px;
	height: 8px;
	background-image: -webkit-gradient(radial,center bottom,0,center center,5,from(rgba(255,255,255,0.75)),to(rgba(255,255,255,0)));
	background: 0px 0px -moz-radial-gradient(bottom,cover,rgba(255,255,255,0.70) 0%,rgba(255,255,255,0) 80%);
}

.yellow_win {
	background: #f4a316;
	background: -moz-linear-gradient(left,#f4a316 0%,#fcc371 100%);
	background: -webkit-gradient(linear,left top,right top,color-stop(0%,#f4a316),color-stop(100%,#fcc371));
	background: -webkit-linear-gradient(left,#f4a316 0%,#fcc371 100%);
	background: -o-linear-gradient(left,#f4a316 0%,#fcc371 100%);
	background: -ms-linear-gradient(left,#f4a316 0%,#fcc371 100%);
	background: linear-gradient(left,#f4a316 0%,#fcc371 100%);
	margin: 0px 7px;
}

.yellow_win .glyph {
	position: relative;
	top: -4px;
	left: 4px;
	font-size: 24px;
	color: #854322;
	z-index: 50;
	opacity: 0;
	-webkit-transform: scaleY(1.5) scaleX(1.3);
}

.yellow_win .shine {
	position: relative;
	top: -23px;
	left: 5px;
}

.light .shine {
	width: 4px;
	height: 3px;
	border-radius: 11px;
	background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.light .glow {
	width: 14px;
	height: 8px;
	background-image: -webkit-gradient(radial,center bottom,0,center center,5,from(rgba(255,255,255,0.75)),to(rgba(255,255,255,0)));
	background: 0px 0px -moz-radial-gradient(bottom,cover,rgba(255,255,255,0.70) 0%,rgba(255,255,255,0) 80%);
}

.yellow_win .glow {
	position: relative;
	top: -22px;
}

.green_win {
	background: #4cae2e;
	background: -moz-linear-gradient(top,#4cae2e 0%,#dafc71 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4cae2e),color-stop(100%,#dafc71));
	background: -webkit-linear-gradient(top,#4cae2e 0%,#dafc71 100%);
	background: -o-linear-gradient(top,#4cae2e 0%,#dafc71 100%);
	background: -ms-linear-gradient(top,#4cae2e 0%,#dafc71 100%);
	background: linear-gradient(top,#4cae2e 0%,#dafc71 100%);
}

.green_win .glyph {
	position: relative;
	top: -3px;
	left: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #25571d;
	z-index: 50;
	opacity: 0;
}

.green_win .shine {
	position: relative;
	top: -22px;
	left: 5px;
}

.light .shine {
	width: 4px;
	height: 3px;
	border-radius: 11px;
	background: -moz-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: radial-gradient(center,ellipse cover,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}

.light .glow {
	width: 14px;
	height: 8px;
	background-image: -webkit-gradient(radial,center bottom,0,center center,5,from(rgba(255,255,255,0.75)),to(rgba(255,255,255,0)));
	background: 0px 0px -moz-radial-gradient(bottom,cover,rgba(255,255,255,0.70) 0%,rgba(255,255,255,0) 80%);
}

.green_win .glow {
	position: relative;
	top: -22px;
}

/*#title {
	position: absolute;
	top: 3px;
	width: 100%;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}*/

.t3-mainbody .t3-content .fa {
	color: #0277bd;
	font-size: 120%;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

#selcopied {
	position: absolute;
	right: 7px;
	top: 3px;
	text-align: right;
	font-size: 11px;
	line-height: 18px;
}

.t3-mainbody .t3-content .fa {
	color: #0277bd;
	font-size: 120%;
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

.fa-fw {
	width: 1.28571429em;
	text-align: center;
}

.fa-3x {
	font-size: 3em;
}

#body {
	font-family: monospace;
	font-size: 11px;
	width: 100%;
	height: 495px;
	background: #000;
	line-height: 1.4;
	overflow: auto;
	overflow-x: auto;
	border-radius: 0 0 5px 5px;
}

#area {
	color: lime !important;
	font-size: 11px;
	line-height: 16px;
	padding: 5px;
}

#area > div > div {
	white-space: nowrap;
}

#body .cursor {
	-webkit-animation-name: blink;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blink;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
}

.cursor {
	background: #63de00;
	display: inline-block;
	width: 8px;
	height: 16px;
	margin-bottom: -4px;
}

#lights:hover .glyph {
	opacity: 1;
	cursor: default;
}

a.onc_btn {
	cursor: pointer;
}

/* =========== NEW YEAR ===========  */

.snow {
	background: url(../images/new-year/snow_l.png) no-repeat scroll 0% 0%, url(../images/new-year/snow_c.png) no-repeat scroll 50% 0%, url(../images/new-year/snow_r.png) no-repeat scroll 100% 0%;
	display: block;
	height: 30px;
	left: -5px;
	z-index: 100;
	padding: 0 5px;
	position: relative;
	top: 11px;
	width: 1195px;
	margin: -25px auto;
}

/* =========== THE END NEW YEAR ===========  */



.hpr10 {
	width: 100%;
	height: 145px;
	background: url(../images/order/ordercs.png) no-repeat;
	margin: 0;
	padding: 68px 0 0;
}

.hpr61 {
	width: 100%;
	height: 145px;
	background: url(../images/order/ordercss.png) no-repeat;
	margin: 0;
	padding: 68px 0 0;
}

.hpr18 {
	width: 100%;
	height: 145px;
	background: url(../images/order/ordercssold.png) no-repeat;
	margin: 0;
	padding: 68px 0 0;
}




.error-block {
	width: 740px;
	background: #1E2021;
	float: left;
	clear: both;
	border-radius: 5px;
	margin: 5px 11px 11px 11px;
	padding: 0 0 11px;
}

.error-con {
	background: #252929;
	border-radius: 5px;
	margin: 0 2px;
	padding: 5px;
}

.news-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pay-met {
    float: right;
    width: 100%;
    background: #1b274100;
}

.img-pay-met {
    width: 100px;
    height: 36px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
	opacity: 0.4;
}

.img-pay-met:hover {
    width: 100px;
    height: 36px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 10px;
	opacity: 0.9;
}

.text-pay-met {
    background-color: #1b274194;
    padding: 11px 11px 11px;
    float: right;
    color: #68c9fc;
    margin: 0px 11px 11px 0;
    width: 605px;
}

.jobs-table {
    margin-bottom: 10px;
    margin-top: 10px;
}

span.jobs-tags {
    padding: 3px;
}

.jobs-desc {
    margin-top: 15px;
    margin-bottom: 10px;
    color: #000;
}

.jobs-term {
    color: black;
}

.jobs-term b {
    margin-bottom: 10px;
    color: red;
}

.jobs-term p {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.content1 {
    /* overflow: hidden; */
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 4px #999;
    -moz-box-shadow: 1px 2px 4px #999;
    box-shadow: 1px 2px 4px #999;
    margin: 2px 5px 0 0;
    padding: 8px 0 10px 8px;
}

.menuu {
    width: 941px;
    height: 44px;
    border: 2px solid #fff;
    margin: 0 0 6px 0;
    border-radius: 5px;
    box-shadow: 0 2px 2px #999;
}
#menu-left {
    width: 100%;
    background: url(https://www.myarena.ru/images/topbar.png) repeat-x;
    height: 40px;
    border-radius: 5px;
    padding: 0;
    overflow: hidden;
}

#menu-left a {
    color: #fff;
    float: left;
    /* background: url(https://www.myarena.ru/images/cp_icon.png?2) no-repeat -44px 0; */
    /* width: 8px; */
    /* height: 24px; */
    margin: 0px 0 0 0px;
    font-size: 16px;
    list-style-type: none;
    padding: 0 0 0 10px;
    padding: 10px;
    text-decoration: none;
    overflow: hidden;
}