/*/*@import url('fonts/fonts.css');*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700&subset=latin,cyrillic);

/*@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic);*/



/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	font: 14px/20px 'Open Sans', sans-serif;
	/*font-family: 'Noto Sans', sans-serif;*/
	/*font-family: 'Fira Sans', sans-serif;*/
	/*font-family: 'PT Sans', sans-serif;*/
	width: 100%;
	/*background: #bebebe;*/
	background:#f0f0f0 url("../img/allBack.gif") repeat -70% 0;
	color: #636363;
}

h1, h2
{
	/*margin: 20px auto;*/
	/*text-transform: uppercase;*/
	font-size: 2.2em;
	font-weight: 200;
	/*text-align: center;*/
	color: #39393B;
}
h3, h4
{
	text-transform: uppercase;
}
h6
{
	font-weight: bold;
}

.wrapper {
	width: 1020px;
	margin: 0 auto;
	background: #ffffff;
}

.content {
	position: relative;
/*	padding: 0 19px 30px;
	margin: 0 -20px 30px;
	background: url("../img/content-shadow.png") repeat-y;*/
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 72px;
	border-bottom: 3px solid #4a898a;
}

.header .header-logo
{
	position: absolute;
	top: 20px;
	left: 10px;
}

.header .header-links
{
	position: absolute;
	left: 260px;
	top: 20px;
}

.header-links .links-btn
{
	font-size: 16px;
	text-decoration: none;
	color: #8f8f8f;
	display: inline-block;
	border: 2px solid #ffffff;
	padding: 4px 5px;
	transition: all 0.2s ease;
}

.header-links .links-btn:hover
{
	padding: 4px 5px;
	display: inline-block;
	border: 2px solid #81bedd;
	color: #000000;
}

.header-links .active
{
	color: #087eba;
}

.header .header-contact
{
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 18px;
	padding-right: 40px;
}

.header-contact .phone-number
{
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 20px;
}

.header-contact .email-address
{
	display: block;
	text-align: left;
}

.header-contact .email-address a
{
	color: #599cca;
	text-decoration: none;
	font-size: 12px;
}

.header-contact .email-address a:hover
{
	color: #599cca;
	text-decoration: underline;
}

.header-price
{
	padding-left: 600px;
	padding-top: 4px;
}

.header-price .price-item
{
	margin-top: 4px;
}

.header-price .price-item .price-item-img
{
	
}

.header-price .price-item .price-item-name
{
	position: absolute;
    margin-top: 7px;
    margin-left: 4px;
}

/* ---------- Main */

label, a {
	color: teal;
	cursor: pointer;
	text-decoration: none;
}

.main-content .content-info, .description-info
{
	height: 440px;
	width: 100%;
	background: #59a1a0;
	position: relative;
	overflow: hidden;
}

/* остальный страницы информации */

.main-content .other-description-info
{
	width: 100%;
	background: #ffffff;
	position: relative;
	overflow: auto;
	min-height: 600px;
}

.other-description-info .ya-map
{
	position: absolute;
	right: 300px;
	top: 0px;
}
.other-description-info h1
{
	color: #575757;
	font-weight: 600;
	font-size: 26px;
}

.other-description-info h2
{
	color: #575757;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

.other-description-info .description-address
{
	position: relative;
	left: 20px;
	top: 40px;
}

.description-address .address-text
{
	font-weight: 600;
	margin-bottom: 10px;
}

.other-description-info .content-wrapper
{
	float:left;
	width:90%;
	margin:10px 0 0 8px;
	padding:0 6px 0 10px;
}

.content-wrapper p
{
	margin-top: 15px;
	margin-left: 50px;
	margin-bottom: 15px;
}

.content-wrapper .sat_image
{
	margin-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 25%;
	padding: 1px;
	border: 1px solid #bebebe;
	margin-bottom: 10px;
}

.content-wrapper .vent_image
{
	margin-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	padding: 1px;
	border: 1px solid #bebebe;
	margin-bottom: 10px;
}

.content-wrapper .install_image
{
	margin-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	padding: 1px;
	border: 1px solid #bebebe;
	margin-bottom: 10px;
}

.content-info .content-info-ul
{
	/*width: 2040px;*/
	padding: 0;
	margin: 0;
}

#active {
	position: absolute;
	width: 100%;
	bottom: 1px;
	text-align: center;
}

#active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #bbb;
}

#active label:hover {
	background: #ccc;
	border-color: #777 !important;
}
#active input[type="radio"] 
{
    display:none; 
}

#active input[type="radio"]:checked	+ label
{
	background: #333;
	border-color: #333 !important;
}

.content-info-ul .content-info-li
{
	width: 1020px;
	height: 100%;
	float: left;
	list-style: none;
}

.content-info .info-items
{
/*	width: 100%;
	height: 100%;*/
	position: relative;
	float: left;
}

.info-items h1
{
	position: relative;
	color: #ffffff;
	left: 550px;
	top: 110;
	font-size: 35px;
	font-weight: bold;
}

.info-items p
{
	position: absolute;
	left: 550;
	top: 160px;
	color: #ffffff;
	width: 340px;
	max-height: 175px;
}

.info-items .info-items-img
{
	position: absolute;
	left: 90px;
	top: 40px;
}

.content-info .next-btn
{
	display: inline-block;
	position: absolute;
	top: 200px;
	right: 10px;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background: url('../img/btnNavi.png');
	cursor: pointer;
}

.content-info .next-btn:hover
{
	background-position: 0 44;
}

.content-info .prev-btn
{
	display: block;
	position: absolute;
	top: 200px;
	left: 10px;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background: url('../img/btnNaviBack.png');
	cursor: pointer;
}

.content-info .prev-btn:hover
{
	background-position: 0 44;
}

.footer .ip-content
{
    position: absolute;
    right: 40%;
    color: #DADBDB;
    bottom: 12px;
    text-align: center;
}
/*.social-networks{width:50%;display:inline-block;font-size:12px;vertical-align:top}*/
.social-networks {position: absolute; right: 10px}
.social-networks a{display:inline-block;width:32px;height:32px;text-indent:-999em;overflow:hidden;margin-right:3px;vertical-align:top}
.social-networks a{background:url(../img/share.png) no-repeat}
.social-networks a.vk{background-position:0 -700px}
.social-networks a.vk:hover{background-position:0 -750px}

.content-brand .brand-text
{
	position: relative;
	box-sizing: border-box;
	color: #65737d;
	font-size: 24;
	font-weight: 500;
	left: 306px;
	top: 40px;
}

.main-content .content-brand
{
	height: 200px;
	box-sizing: border-box;
    overflow: hidden;
	background: #223d4e;
}

.content-brand .brand-imgs
{
	position: relative;
	box-sizing: border-box;
	width: max-content;
	white-space: nowrap;
	top: 70px;
}

.brand-imgs .image_item
{
	padding: 1px;
	box-sizing: border-box;
	display: inline-block;
}

.main-content .content-items 
{
	height: 480px;
	background: #7f0b47;
}

.content-items .items
{
	width: 340px;
	height: 240px;
	float: left;
}

.content-items .i1
{
	background-color: #d4c91e;
}
.content-items .i2
{
	background-color: #7f0b47;
}
.content-items .i3
{
	background-color: #e18705;
}
.content-items .i4
{
	background-color: #54a5a4;
}
.content-items .i5
{
	background-color: #0b4a7f;
}
.content-items .i6
{
	background-color: #87b312;
}

.items .item-title_split_cost
{
	position: relative;
	color: #7f0b47;
	font-size: 18px;
	top: 24px;
	left: 20px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.items .item-title_split_cost:hover
{
	color: #ffffff;
	text-decoration: none;
}

.items .item-title
{
	position: relative;
	color: #d4d2d5;
	font-size: 18px;
	top: 24px;
	left: 20px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.items .item-title:hover
{
	color: #ffffff;
	text-decoration: none;
}

.items img
{
	position: relative;
	left: 60px;
	top: 51px;
}

.items .item-ico__split
{
	position: relative;
	left: 20px;
	top: 30;
}

.items hr
{
	position: relative;
	margin: 0;
	width: 55px;
	text-align: left;
	top: 35px;
	left: 20px;
	border: none;
	border-top: 2px solid #d4d2d5;
}

.main-content .content-company
{
	height: 400px;
	position: relative;
}

.content-company .company-info
{
	position: absolute;
	width: 470px;
	height: 100%;
	background: #eff1f3;
}
.company-info h1
{
	position: relative;
	top: 50px;
	left: 60px;
	color: #2e3b4e;
	font-size: 20px;
	font-weight: bold;
}
.company-info p
{
	margin-top: 10px;
	position: relative;
	top: 60px;
	left: 60px;
	width: 370px;
}

.content-company .company-news
{
	position: absolute;
	left: 470px;
	width: 550px;
	height: 100%;
	background: #ffffff;
}

.company-news h1
{
	display: inline-block;
	position: relative;
	top: 50px;
	left: 60px;
	color: #2e3b4e;
	font-size: 20px;
	font-weight: bold;
}

.company-news .news-item
{
	margin-top: 20px;
	position: relative;
	top: 60px;
	left: 60px;
	width: 450px;
}

.news-item .news-date
{
	margin-left: -2px;
	font-size: 20px;
	font-weight: bold;
	color: #c9d1d6;
}

.news-item p
{
	margin-top: 3px;
}

.footer
{
	border-top: 1px solid #ffffff;
	height: 70px;
	background: #104f83;
}

.footer span
{
	position: relative;
	left: 40px;
	top: 25px;
	color: #ffffff;
	font-size: 16px;
}

/* -- страницы описания */

.description-info p
{
	display: block;
	margin-top: 10px;
	margin-left: 40px;
	margin-right: 40px;
	color: #ffffff;
	width: 90%;
}

.description-info h1
{
	margin-left: 40px;
	margin-top: 20px;
	color: #ffffff;
	font-size: 28px;
	font-weight: bold;
}