@import url(reset.css);

/* fonts
=====================*/

@font-face{
	font-family: 'roboto';
	src: url('../fonts/roboto-regular_1.eot');
	src: url('../fonts/roboto-regular_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-regular_1.woff2') format('woff2'),
		 url('../fonts/roboto-regular_1.woff') format('woff'),
		 url('../fonts/roboto-regular_1.ttf') format('truetype'),
		 url('../fonts/roboto-regular_1.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'roboto_thin';
	src: url('../fonts/roboto-thin_1.eot');
	src: url('../fonts/roboto-thin_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-thin_1.woff2') format('woff2'),
		 url('../fonts/roboto-thin_1.woff') format('woff'),
		 url('../fonts/roboto-thin_1.ttf') format('truetype'),
		 url('../fonts/roboto-thin_1.svg#robotothin') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'roboto_light';
	src: url('../fonts/roboto-light_1.eot');
	src: url('../fonts/roboto-light_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-light_1.woff2') format('woff2'),
		 url('../fonts/roboto-light_1.woff') format('woff'),
		 url('../fonts/roboto-light_1.ttf') format('truetype'),
		 url('../fonts/roboto-light_1.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'roboto_light';
	src: url('../fonts/roboto-lightitalic_1.eot');
	src: url('../fonts/roboto-lightitalic_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-lightitalic_1.woff2') format('woff2'),
		 url('../fonts/roboto-lightitalic_1.woff') format('woff'),
		 url('../fonts/roboto-lightitalic_1.ttf') format('truetype'),
		 url('../fonts/roboto-lightitalic_1.svg#robotolight_italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face{
	font-family: 'roboto_medium';
	src: url('../fonts/roboto-medium_1.eot');
	src: url('../fonts/roboto-medium_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-medium_1.woff2') format('woff2'),
		 url('../fonts/roboto-medium_1.woff') format('woff'),
		 url('../fonts/roboto-medium_1.ttf') format('truetype'),
		 url('../fonts/roboto-medium_1.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'roboto';
	src: url('../fonts/roboto-bold_1.eot');
	src: url('../fonts/roboto-bold_1.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/roboto-bold_1.woff2') format('woff2'),
		 url('../fonts/roboto-bold_1.woff') format('woff'),
		 url('../fonts/roboto-bold_1.ttf') format('truetype'),
		 url('../fonts/roboto-bold_1.svg#robotobold') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* gread
=====================*/

.row{margin-bottom: 20px;}
.row:last-child{margin-bottom: 0;}
.row:after{
	width: 0;
	height: 0;
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5{
	float: left;
	display: inline;
	margin-right: 1.1%;
}

/* .col-1:last-child,
.col-2:last-child,
.col-3:last-child,
.col-4:last-child,
.col-5:last-child{
	float: right;
	margin-right: 0;
} */
/* .col-1:nth-last-child(2),
.col-2:nth-last-child(2),
.col-3:nth-last-child(2),
.col-4:nth-last-child(2),
.col-5:nth-last-child(2){margin-right: 0;} */

.col-1 { width: 15.5%; }
.col-2 { width: 32.2%; }
.col-3 { width: 23%; }
.col-4 { width: 38;   }
.col-5 { width: 59.4%; }

.offset-1 { margin-left: 15.5%; }
.offset-2 { margin-left: 32%;   }

/* basic
=====================*/

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

* html .clearfix			{zoom: 1;}
*:first-child+html .clearfix{zoom: 1;}

body{
	background:
	url(../images/content-page.png) 0 -1px,
	url(../images/bg.jpg) center top #17181b no-repeat;
	font: normal 16px 'roboto_light', Tahoma;
	color: #313131;
}

a	  {color: inherit;text-decoration: none;cursor: pointer;}
a:hover{text-decoration: underline;}

.wrapper{
	/* max-width: 1420px; */
	min-height: 0px;
	margin: 0 auto;
	padding: 0 29px 0 20px;
	position: relative;
}

body *.no-bg{background: none;}

.clear	   {clear: both  ;}
.display-none{display: none;}
.float-l	 {float: left  ;}
.float-r	 {float: right ;}

.text-l  {text-align: left!important;}
.text-c{text-align: center!important;}
.text-r {text-align: right!important;}

h1,
h2,
h3{
	display: block;
	font-weight: normal;
	line-height: normal;
	font-family: 'roboto_light';
}

.clearfix:after,
.clearfix:before,
.wrapper:after,
.wrapper:before{
	height: 0;
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

.icon-sprite{
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	margin: 0 0 5px;
	content: '';
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

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

/* header
=====================*/

.header{
	background: #212429;
	box-shadow: 0 3px 3px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,.08);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,.08);
	-ms-box-shadow: 0 3px 3px rgba(0,0,0,.08);
	-o-box-shadow: 0 3px 3px rgba(0,0,0,.08);
	position: relative;
	overflow: hidden;
	z-index: 1000;
}

.logo{
	background: url(../images/logo.png) no-repeat;
	width: 289px;
	height: 68px;
	display: block;
	float: left;
}

.header-right{float: right;}
.header-right-panel{float: left;}

.header-right-panel li{
	float: left;
	line-height: 68px;
}

.header-right-panel li a{
	height: 68px;
	padding: 0 18px;
	display: block;
}
.header-right-panel li a:hover{background: #262a30;}

.panel-item-1 i{
	background-position: 0 0;
	width: 26px;
	height: 26px;
}
.panel-item-1 a:hover i{background-position: 0 -26px;}

.panel-item-2 i{
	background-position: -26px 0;
	width: 32px;
	height: 24px;
}
.panel-item-2 a:hover i{background-position: -26px -24px;}

.header-right-language{
	margin: 0 0 0 10px;
	float: right;
}

.header-right-language li{
	margin: 0 12px 0 0;
	float: left;
	line-height: 68px;
}

.header-right-language li a{color: #34505a;}
.header-right-language li.active a{color: #fff;}
.header-right-language li:last-child{margin-right: 0;}

.header-right-language li a:hover{
	color: #fff;
	text-decoration: none;
}

/* map-location
=====================*/

.map-location{
	max-width: 1166px;
	height: 729px;
	margin: 0 auto;
	position: relative;
}

.map-lloc{
	position: absolute;
	top: 52px;
	left: 2px;
	z-index: -1;
}

.choose-location{
	width: 100%;
	position: absolute;
	bottom: 27px;
	font-size: 24px;
	color: #464c50;
	text-align: center;
}
.choose-location .text-c{margin: 9px 0 0;}

.choose-location i{
	background-position: 0 -52px;
	width: 40px;
	height: 64px;
}

.location-mark{overflow: visible;}
.location-mark .item{position: absolute;}

.location-mark .item .item-in{position: relative;cursor: pointer;}

.location-mark .item-bg{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-shadow: inset 0 0 0 7px #2ad4c4;
	-webkit-box-shadow: inset 0 0 0 7px #2ad4c4;
	-moz-box-shadow: inset 0 0 0 7px #2ad4c4;
	-ms-box-shadow: inset 0 0 0 7px #2ad4c4;
	-o-box-shadow: inset 0 0 0 7px #2ad4c4;
}

.location-mark .item-bg-hover{
	background: url(../images/item-bg-hover.png);
	width: 60px;
	height: 60px;
	position: absolute;
	top: -20px;
	left: -20px;
	visibility: hidden;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: -1;
}

.location-mark .item:hover .item-bg + .item-city-wrap,
.location-mark .item:hover .item-bg + .item-city-wrap + .item-bg-hover{
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1,1);
	   -moz-transform: scale(1,1);
		-ms-transform: scale(1,1);
		 -o-transform: scale(1,1);
			transform: scale(1,1);
}

.location-mark .item-bg:hover{
	box-shadow: inset 0 0 0 7px #e81d62;
	-webkit-box-shadow: inset 0 0 0 7px #e81d62;
	-moz-box-shadow: inset 0 0 0 7px #e81d62;
	-ms-box-shadow: inset 0 0 0 7px #e81d62;
	-o-box-shadow: inset 0 0 0 7px #e81d62;
}

.location-mark .item-city-wrap{
	position: absolute;
	top: -42px;
	left: 9.5px;
	visibility: hidden;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .15s linear;
	   -moz-transition: all .15s linear;
		-ms-transition: all .15s linear;
		 -o-transition: all .15s linear;
			transition: all .15s linear;
	-webkit-transform: scale(1,0);
	   -moz-transform: scale(1,0);
		-ms-transform: scale(1,0);
		 -o-transform: scale(1,0);
			transform: scale(1,0);
	z-index: 2;
}

.location-mark .item-city{
	background: #343d49;
	padding: 8px 12px 7px 12px;
	font-size: 14px;
	color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	position: relative;
}

.location-mark .item-city:after{
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	border: 8px solid #343d49;
	border-bottom: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* our-services
=====================*/

.our-services{
	background: url(../images/our-services.jpg) center top #22242a no-repeat;
	padding: 30px 0 49px 0;
	border-top: 1px solid #292c32;
	border-bottom: 1px solid #292c32;
	overflow: hidden;
}

.our-services-item{
	padding: 22px 0 0;
	overflow: hidden;
}

.our-services-item > div{
	font-size: 26px;
	color: #828b92;
}

.our-services-item > div span{
	font: bold 18px 'roboto';
	color: #fff;
	text-transform: uppercase;
}

.sprite-arrow i.icon-sprite{
	background-position: 0 -116px;
	width: 57px;
	height: 38px;
}

.our-services-item .our-price{
	min-height: 39px;
	font-size: 30px;
	font-family: 'roboto_medium';
	color: #00bbd3;
}
.our-services-item .our-price-no-font{padding: 6px 0 7px 0;font-size: 18px;}

.our-services-item .our-services-name{
	padding: 11px 0 15px 0;
	font-size: 30px;
	color: #00bbd3;
}

.our-services-item .our-services-text{
	font-size: 18px;
	color: #89939a;
}

.our-services-item .our-services-text li{padding: 1px 0;}
.font-thin{font-family: 'roboto_thin';}

.appeal-services{
	padding: 40px 0 12px 0;
	line-height: 24px;
	color: #43484e;
}

.appeal-services h2{
	padding: 0 0 24px;
	font-size: 30px;
	line-height: normal;
	color: #89939a;
}

/* footer-top
=====================*/

.footer-top{
	background: #1e1f23;
}

.footer-notice{
	padding: 16px 0 18px 0;
	border-bottom: 1px solid #25282e;
}

.footer-notice .col-2{
	
}

.footer-notice .col-2 ul{
	line-height: 22px;
}
.footer-notice .col-2 li{padding: 4px 0 8px 0;}

.footer-notice .col-2 li i{
	background-position: 0 -154px;
	width: 22px;
	height: 22px;
	margin: -4px 19px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.footer-notice .col-2 li a{
	font-size: 16px;
	color: #00bbd3;
	text-decoration: none;
}
.footer-notice .col-2 li a:hover{text-decoration: underline;}

.choose-oplata{
	padding: 2px 0 24px 0;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}

.choose-oplata .item{
	margin: 0 17px;
	display: inline-block;
	line-height: 90px;
}

.choose-oplata .item:first-child{margin-left: 0;}
.choose-oplata .item:last-child{margin-right: 0;}
.choose-oplata .item img{max-width: 100%;vertical-align: middle;}

/* footer
=====================*/

.footer{
	background: #17181b;
	padding: 25px 0;
	box-shadow: inset 0 3px 3px rgba(0,0,0,.18);
	-webkit-box-shadow: inset 0 3px 3px rgba(0,0,0,.18);
	-moz-box-shadow: inset 0 3px 3px rgba(0,0,0,.18);
	-ms-box-shadow: inset 0 3px 3px rgba(0,0,0,.18);
	-o-box-shadow: inset 0 3px 3px rgba(0,0,0,.18);
}

.footer-money{overflow: hidden;}
.footer-money .item{
	height: 29px;
	margin: 0 6px 0 0;
	float: left;
	border: 1px solid #1e1f23;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	line-height: 27px;
}

.footer-money .item:last-child{margin-right: 0;}

.footer-money .item-text{
	padding: 0 9px;
	float: left;
	font-size: 12px;
	color: #616870;
}

.footer-money .item-img{
	background: #1e1f23;
	padding: 0 11px 5px 11px;
	float: left;
	line-height: 24px;
}
.footer-money .item-img img{vertical-align: middle;}

.footer-copyright{
	padding: 4px 0 0;
	font-size: 16px;
	color: #434b53;
	text-align: right;
}

/*=====================
/* in-page.html
=====================*/

.content-page{
	background:
	url(../images/content-page.png) 0 -1px,
	url(../images/content-page.jpg) center bottom #17181b no-repeat;
	margin: 20px 0 0;
	padding: 20px 0 152px 20px;
	border-top: 1px solid #20242a;
	font-size: 16px;
	line-height: 24px;
	color: #5f6369;
}

.content-page h2{
	padding: 20px 0 24px 0;
	font-size: 30px;
	line-height: normal;
	color: #9ca7af;
}

.content-page h3{
	padding: 26px 0 8px 0;
	font-size: 24px;
	color: #9ca7af;
}

.content-page .wrapper > p{min-height: 24px;}
.content-page .wrapper > ul{margin: 3px 0 0 25px;}
.content-page .wrapper > ul li{
	background: url(../images/ul-marker.png) 0 2px no-repeat;
	margin: 0 0 10px;
	padding: 0 0 0 28px;
	line-height: 20px;
}

.in-page-left{margin: 0 0 0 70px;}

/* aside
=====================*/

.aside{
	background: #2c2f34;
	width: 70px;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.aside-top{
	background: #1d2024;
	width: 70px;
	height: 68px;
	display: table-cell;
	font-size: 12px;
	line-height: 14px;
	color: #63676e;
	text-align: center;
	vertical-align: middle;
	box-shadow: 0 2px 1px rgba(0,0,0,.4);
	position: relative;
}

.aside-nav{
	position: static;
	overflow: visible;
}

.aside-ul{
	position: static;
	overflow: visible;
}

.aside-ul > li{
	width: 70px;
	height: 99px;
	cursor: pointer;
	display: table-cell;
	font-size: 12px;
	line-height: 14px;
	color: #63676e;
	text-align: center;
	border-bottom: 1px solid #3c3e42;
	vertical-align: middle;
}

.aside-ul i.item-1.icon-sprite{
	background-position: 0 -176px;
	width: 26px;
	height: 20px;
}

.aside-ul i.item-2.icon-sprite{
	background-position: 0 -196px;
	width: 26px;
	height: 26px;
}

.aside-ul.active > li > ul{top: 0;visibility: visible;}
.aside-ul.active > li{background: #212429;border-bottom-color: #212429;}

.aside-ul > li > ul a:hover{
	color: #e81d62;
	text-decoration: none;
}

.aside-ul > li > ul{
	background: #212429;
	height: 100%;
	padding: 98px 64px 30px 44px;
	cursor: default;
	position: absolute;
	top: -100%;
	visibility: hidden;
	left: 70px;
	font-size: 12px;
	font-family: 'roboto';
	color: #929ca3;
	text-transform: uppercase;
	text-align: left;
	box-shadow:
	inset 3px 0 3px rgba(0,0,0,.08),
	0 0 3px rgba(0,0,0,.08),
	inset 0 3px 3px rgba(0,0,0,.08);
	-webkit-box-shadow:
	inset 3px 0 3px rgba(0,0,0,.08),
	0 0 3px rgba(0,0,0,.08),
	inset 0 3px 3px rgba(0,0,0,.08);
	-moz-box-shadow:
	inset 3px 0 3px rgba(0,0,0,.08),
	0 0 3px rgba(0,0,0,.08),
	inset 0 3px 3px rgba(0,0,0,.08);
	-ms-box-shadow:
	inset 3px 0 3px rgba(0,0,0,.08),
	0 0 3px rgba(0,0,0,.08),
	inset 0 3px 3px rgba(0,0,0,.08);
	-o-box-shadow:
	inset 3px 0 3px rgba(0,0,0,.08),
	0 0 3px rgba(0,0,0,.08),
	inset 0 3px 3px rgba(0,0,0,.08);
}

.aside-ul > li > ul > li{
	min-width: 80px;
	min-height: 11px;
	margin: 0 0 16px;
	padding: 0 0 0 14px;
	display: block;
	position: relative;
}
.aside-ul > li > ul > li:last-child{margin-bottom: 0;}

.aside-ul > li > ul > li i.icon-sprite{
	background-position: 0 -222px;
	width: 5px;
	height: 8px;
	position: absolute;
	top: 3px;
	left: 0;
}

.aside-ul:before{
	background: #e81d62;
	width: 4px;
	height: 99px;
	content: '';
	display: none;
	position: absolute;
	right: -4px;
	z-index: 1;
}

.aside-ul:after{
	background: url(../images/aside-ul-arrow.png);
	width: 4px;
	height: 9px;
	margin: -57px 0 0;
	content: '';
	display: none;
	position: absolute;
	right: -8px;
	z-index: 5;
}
.aside-ul.active:after,
.aside-ul.active:before{display: block;}

/*=====================
/* list-servers.html
=====================*/

.list-servers-ob{
	margin: 9px 0 0 0;
	padding: 0 8px 0 0;
}
.list-servers-ob .item{
	margin-bottom: 20px;
	background: #212429;
}

.list-servers-ob .item-head{
	background: #262a30;
	padding: 22px 22px 20px 22px;
	border-bottom: 1px solid #262a30;
	box-shadow: 0 1px 0 #262a30;
	position: relative;
	overflow: hidden;
}

.list-servers-ob .item-head .item-head-bg{
	background: #23262b;
	width: 101%;
	height: 100%;
	position: absolute;
	top: 14%;
	left: -23%;
	transform: rotate(51deg);
	-webkit-transform: rotate(51deg);
	-moz-transform: rotate(51deg);
	-ms-transform: rotate(51deg);
	-o-transform: rotate(51deg);
	z-index: 0;
}

.list-servers-ob .item-price{
	padding: 0 0 8px;
	font-family: 'roboto_medium';
	font-size: 30px;
	color: #00bbd3;
	position: relative;
	z-index: 1;
}

.list-servers-ob .item-price span{
	padding: 0 0 0 8px;
	font-size: 16px;
	font-family: 'roboto_light';
	color: #586269;
}

.list-servers-ob .item-name{
	font-size: 18px;
	font-family: 'roboto';
	color: #00bbd3;
	position: relative;
	z-index: 1;
}

.list-servers-ob .item-content{
	/* min-height: 400px; */
	line-height: 21px;
}

.list-servers-ob .item-properties-top{
	padding: 1px 21px;
	color: #bbc8d0;
	border-bottom: 1px solid #282a2d;
}
.list-servers-ob .item-content p{margin: 10px 0;}

.list-servers-ob .item-properties-middle{
	padding: 1px 21px;
	color: #8AA3B3;
	border-bottom: 1px solid #282a2d;
}

.list-servers-ob .item-properties-bottom{
	padding: 1px 21px;
	color: #4f585e;
	border-bottom: 1px solid #282a2d;
}

.list-servers-ob .item-list{
	margin: 15px 0 13px 0;
	padding: 0 21px;
	color: #9ca7af;
}

.list-servers-ob .item-list a{
	font: italic 16px 'roboto_light';
	color: #9ca7af;
	text-decoration: underline;
}
.list-servers-ob .item-list a:hover{text-decoration: none;}

.list-servers-ob .item-buy{
	background: #262a30;
	padding: 14px 0;
	display: block;
	font: bold 16px 'roboto';
	color: #2ad1c1;
	text-align: center;
	text-transform: uppercase;
   /*  border-top: 1px solid #2f3135; */
}

.list-servers-ob .item-buy:hover{
	color: #e81d62;
	text-decoration: none;
}
.list-servers-ob .item-buy:hover .icon-sprite{background-position: 0 -250px;}

.list-servers-ob .icon-sprite{
	background: url(../images/sprite.png) 0 -230px;
	width: 20px;
	height: 20px;
	margin: -4px 14px 0 0;
}

.panel-up-ob{
	padding: 20px 0 0;
	border-top: 1px solid #20242a;
}

.item.col-4 .item-head{
	background: #262a30;
	padding: 40px 0;
	font-size: 18px;
	font-family: 'roboto';
	color: #00bbd3;
	border-bottom: 1px solid #262a30;
	box-shadow: 0 1px 0 #181c21;
	-webkit-box-shadow: 0 1px 0 #181c21;
	-moz-box-shadow: 0 1px 0 #181c21;
	-ms-box-shadow: 0 1px 0 #181c21;
	-o-box-shadow: 0 1px 0 #181c21;
	position: relative;
	overflow: hidden;
}

.item.col-4 .item-head .item-left{
	width: 70%;
	padding: 0 21px;
	float: left;
	position: relative;
	z-index: 2;
}

.item.col-4 .item-head .item-right{
	width: 29.5%;
	padding: 0 21px;
	float: right;
	text-align: center;
	position: relative;
	z-index: 2;
}

.item.col-4 .item-head .item-head-bg{
	background: #23262b;
	width: 100%;
	height: 94%;
	position: absolute;
	top: -14px;
	left: -40%;
	transform: rotate(51deg);
	-webkit-transform: rotate(51deg);
	-moz-transform: rotate(51deg);
	-ms-transform: rotate(51deg);
	-o-transform: rotate(51deg);
	z-index: 0;
}

.item.col-4 .item-content{
	background: #1f2227;
	padding: 21px 0;
	font-size: 16px;
	color: #4f585e;
}

.item.col-4 .item-row{
	padding: 8px 0;
	border-bottom: 1px solid #282a2d;
}
.item.col-4 .item-row:last-child{border-bottom: none;}

.item.col-4 .item-row .item-left{
	width: 70%;
	padding: 0 21px;
	float: left;
}

.item.col-4 .item-row .item-right{
	width: 29.5%;
	padding: 0 21px;
	float: right;
	color: #bbc8d0;
	text-align: center;
}

.item.col-5{
	font-size: 16px;
	line-height: 24px;
	color: #5f6369;
}
.item.col-5 h2{padding: 30px 0 25px 0;}

/*=====================
/* contacts.html
=====================*/

.contacts-ob{
	overflow: hidden;
}

.form-contact-ob{
	width: 39.38%;
	float: left;
	text-align: left;
	overflow: hidden;
}

.form-input{
	margin: 20px 0 0;
	padding: 17px 12px 18px 53px;
}

.form-input > input:first-child{margin-top: 0;}

.form-input,
.form-textarea{
	background: #212429;
	width: 100%;
	display: block;
	font-size: 16px;
	font-family: 'roboto_light';
	color: #5f6369;
	border: 1px solid #2d3035;
	box-shadow: inset 0 5px 5px rgba(0,0,0,.08);
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.08);
	-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.08);
	-ms-box-shadow: inset 0 5px 5px rgba(0,0,0,.08);
	-o-box-shadow: inset 0 5px 5px rgba(0,0,0,.08);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

.form-input:focus,
.form-textarea:focus{
	border-color: rgba(240,240,240,.4);
}

.form-input::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder{color: #5f6369;}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder{color: #5f6369;}

.form-input:-moz-placeholder,
.form-textarea:-moz-placeholder{color: #5f6369;}

.form-input:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder{color: #5f6369;}

.form-input-name{
	background: url(../images/form-input-name.png) 23px center #212429 no-repeat;}
.form-input-name-e-mail{
	background: url(../images/form-input-e-mail.png) 23px center #212429 no-repeat;}
.form-input-message{
	background: url(../images/form-textarea.png) 23px 22px #212429 no-repeat;}

.form-textarea{
	min-height: 162px;
	margin: 20px 0 0;
	padding: 19px 12px 12px 52px;
	resize: none;
}

.form-submit{
	background: #32363c;
	width: auto;
	margin: 23px 0 0;
	padding: 19px 37px;
	float: right;
	font: bold 16px 'roboto';
	color: #fff;
	text-transform: uppercase;
	box-shadow: inset 0 2px 0 0 #43484f;
	-webkit-box-shadow: inset 0 2px 0 0 #43484f;
	-moz-box-shadow: inset 0 2px 0 0 #43484f;
	-ms-box-shadow: inset 0 2px 0 0 #43484f;
	-o-box-shadow: inset 0 2px 0 0 #43484f;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}
.form-submit:hover{color: #e81d62;}

.right-contacts{
	width: 22.44%;
	margin: 0 0 0 149px;
	float: left;
	overflow: hidden;
}

.content-page .right-contacts h2{
	margin: -10px 0 0;
	padding: 0;
}

.contacts-e-mail-ob{
	padding: 23px 0 28px 5px;
	overflow: hidden;
}

.contacts-e-mail-ob li{
	background: url(../images/form-input-e-mail.png) left 10px no-repeat;
	margin: 12px 0 0;
	padding: 0 0 0 38px;
	font-size: 16px;
	color: #9ca7af;
}
.contacts-e-mail-ob li:first-child{margin-top: 0;}

.contacts-e-mail-ob li a{
	color: #9ca7af;
	border-bottom: 1px dashed #9ca7af;
}
.contacts-e-mail-ob li a:hover{
	text-decoration: none;
	border-bottom-color: transparent;
}

.contacts-phone{
	background: url(../images/contacts-phone.png) left center no-repeat;
	padding: 18px 0 18px 39px;
	font: bold 18px 'roboto';
	color: #9ca7af;
	border-top: 1px solid #282c32;
	border-bottom: 1px solid #282c32;
}

.contacts-ticket{
	margin: 37px 0 0;
}

.contacts-ticket li{
	background: url(../images/contacts-ticket.png) left center no-repeat;
	min-height: 16px;
	margin: 9px 0 0;
	padding: 0 0 0 36px;
}
.contacts-ticket li:first-child{margin-top: 0;}

.contacts-ticket li a{
	font: italic 16px 'roboto_light';
	color: #00bbd3;
	text-decoration: underline;
}
.contacts-ticket li a:hover{text-decoration: none;}

/* choose-language-ob */

.choose-language-ob{
	background: rgba(37,39,45,.9);
	width: 100%;
	max-width: 720px;
	height: 100%;
	max-height: 472px;
	margin: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 12px 2px rgba(10,10,10,.3);
	-webkit-box-shadow: 0 0 12px 2px rgba(10,10,10,.3);
	-moz-box-shadow: 0 0 12px 2px rgba(10,10,10,.3);
	-ms-box-shadow: 0 0 12px 2px rgba(10,10,10,.3);
	-o-box-shadow: 0 0 12px 2px rgba(10,10,10,.3);
	overflow: hidden;
	z-index: 10001;
}

.choose-language-top{
	padding: 73px 0 58px 0;
	font-size: 18px;
	font-family: 'roboto';
	color: #71747e;
	text-align: center;
}
.choose-language-top span{padding: 0 12px;}

.choose-language-content{
	font-size: 0;
	text-align: center;}

.choose-language-content .item{
	width: 176px;
	height: 175px;
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #2d2f35;
	cursor: pointer;
	position: relative;
}

.choose-language-content .item a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

.choose-language-content .item:hover{
	background: #2d2f35;
}

.choose-language-content .item-img{
	padding: 39px 0 7px 0;
	text-align: center;
	position: relative;
}

.choose-language-content .item-text{
	padding: 18px 0 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	position: relative;
}

.choose-language-overlay{
	background: rgba(21,22,24,.8);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000;
}

/*============== responsive ==============*/

@media screen and (max-width: 1166px){
	.map-location{
		overflow-x: scroll;
	}
	.list-servers-ob .item.col-3{
		width: 48%;
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}
	.list-servers-ob .item.col-3:last-child{
		float: none;
	}
}

@media screen and (max-width: 768px){
	.col-1,
	.col-2,
	.col-3,
	.col-4,
	.col-5{
		width: 100%;
		display: block;
		margin-right: 0;
		float: none;
	}
	.col-1:last-child,
	.col-2:last-child,
	.col-3:last-child,
	.col-4:last-child,
	.col-5:last-child{
		float: none;
	}
	.list-servers-ob .item.col-3{
		width: 100%;
		display: block;
	}
	.list-servers-ob .item.col-3:last-child{
		float: none;
	}
	.footer-money .item{
		margin-bottom: 10px;
	}
	.our-services-item > div{
		margin-bottom: 4px;
		padding: 0 0 10px;
		border-bottom: 1px solid #3c3e42;
	}
	.form-contact-ob{
		width: 100%;
		margin: 0 0 10px;
		padding: 0 0 10px;
		border-bottom: 1px solid #3c3e42;
		float: none;
	}
	.right-contacts{
		width: 100%;
		margin: 0;
		float: none;
	}
}

@media screen and (max-width: 480px){
	.form-submit{
		width: 100%;
		float: none;
	}
}
/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.formError.inline {
	position: relative;
	top: 0;
	left: 0;
	display: inline-block;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none;
}

.formError .formErrorContent {
	width: 100%;
	background: #981D39;
	position:relative;
	color: #fff;
	min-width: 200px;
	margin-top: 14px;
	font-size: 14px;
	line-height:20px;
	/* border: 2px solid #ddd;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000; */
	padding: 12px;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	-o-border-radius: 1px;
}

.formError.inline .formErrorContent {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	/* border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0; */
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	margin: 0px 0 0 12px;
	top:-3px;
}

.formError .formErrorArrow div {
	/* border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	box-shadow: 0 2px 3px #444;
	-moz-box-shadow: 0 2px 3px #444;
	-webkit-box-shadow: 0 2px 3px #444;
	-o-box-shadow: 0 2px 3px #444; */
	font-size: 0px;
	height: 1px;
	background: #ff0039;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	/* border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd; */
}

.formError .formErrorArrow .line2 {
	/* width: 3px;
	border: none;
	background: #ddd; */
	display: none;
}

.formError .formErrorArrow .line1 {
	/* width: 1px;
	border: none;
	background: #ddd; */
	display: none;
}