body {
	padding:56px 0 0;
}
.container {
	max-width:1920px;
	min-width:1180px;
	margin:0 auto;
}
.wrap {
	width:1180px;
	margin:0 auto;
}
.block {
	border-top:1px solid #313131;
	padding:30px 0 50px;
}
.block h2 {
	text-align:center;
	text-transform:uppercase;
}
.block h2 span {
	color:#02bbff;
}
.block .description {
	margin:0 0 2em;
}


header, header * {
	transition:all 1s ease 0s;
}
header {
	color:#fff;
	background:#000;
/*	background:url(../i/top.png) no-repeat 50% 0, url(../i/t.png);*/
	position:fixed;
	top:0;
	left:0;
	right:0;
	height:58px;
	z-index:50;
}
header.fixed {
	box-shadow:0 0 20px #000;
}
.h {
	height:43px;
	background:url(../i/top.png) no-repeat 50% 100%, url(../i/t.png) repeat-x 0 100%;
	position:fixed;
	top:58px;
	left:0;
	right:0;
	z-index:49;
	transition:all 1s ease 0s;
}
.h.fixed {
	top:0;
}
header .wrap {
	height:58px;
}
.logo {
	float:left;
	width:200px;
	height:52px;
	background:url(../i/logow3.png);
	margin:23px 0 0;
}
.fixed .logo {
	transform:scale(.6) translateY(-33px);
}
#call {
	display:block;
	margin:5px 0 0;
}
#call > a {
	display:block;
	width:140px;
	height:20px;
	background:#000;
	font-size:12px;
	line-height:20px;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,.15);
	margin:0 auto;
}
#phones {
	float:right;
	padding:0 20px 0 0;
	background:url(../i/p.png) no-repeat 100% 50%;
	position:relative;
	margin:17px 0 0;
	z-index:120;
}
#phones img {
	vertical-align:middle;
	margin:0 5px 4px 0;
}
#phones span {
	font-size:16px;
	font-weight:bold;
/*	background:url(../i/b.png) repeat-x 0 100%;
	cursor:pointer;*/
}
#phones i {
	display:block;
	width:22px;
	height:22px;
	position:absolute;
	top:0;
	right:-5px;
	cursor:pointer;
}
#phones aside {
	width:230px;
	padding:20px 30px;
	background:#02bbff;
	position:absolute;
	top:40px;
	left:-30px;
	z-index:120;
	display:none;
}
#phones aside:before {
	content:"";
	display:block;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:#02bbff;
	position:absolute;
	top:-20px;
	left:45%;
}
#phones aside p {
	margin:.5em 0;
}
#phones aside p strong {
	font-size:16px;
}
.second-phone {
	float:right;
	margin:17px 30px 0 0;
}
.second-phone img {
	vertical-align:middle;
	margin:0 5px 4px 0;
}
.second-phone strong {
	font-size:16px;
}
#menu {
	text-align:center;
	margin:0 380px 0 350px;
	position:relative;
	top:17px;
}
#menu a {
	font-size:16px;
	font-weight:bold;
	margin:0 20px;
}
#menu a:nth-child(3) {
	color:#ffe400;
}
#menu a span {
	color:#02bbff;
}


.top-img {
	position:relative;
	z-index:30;
}
.top-img ul {
	width:100%;
	height:600px;
	overflow:hidden;
}
.top-img ul li {
	width:1920px;
	height:600px;
	position:relative;
	left:50%;
	margin:0 0 0 -960px;
}
.top-img ul li:before {
	content:"";
	display:block;
	width:100%;
	height:170px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));
	z-index:10;
}
.top-img ul li img {
	display:block;
	width:1920px;
	height:750px;
	position:relative;
	z-index:8
}
.top-img ul li h1, .top-img ul li p {
	margin:0;
	position:absolute;
	bottom:60px;
	left:0;
	right:0;
	text-align:center;
/*	text-shadow:2px 2px 5px rgba(0,0,0,.5);*/
	z-index:12;
}
.top-img ul li p {
	font-size:35px;
	color:#fff;
	bottom:20px;
}


.about {
	padding:50px 0 30px;
}
.about p {
	margin:0;
}
.about aside {
	float:left;
	width:550px;
	margin:0 0 30px;
	font-size:22px;
	color:#fff;
	line-height:1.4;
}
.about div {
	float:right;
	width:590px;
	margin:0 0 30px;
	line-height:1.8;
}
.about ul {
	width:100%;
	overflow:hidden;
	padding:40px 0 0;
	border-top:1px solid #313131;
}
.about ul li {
	float:left;
	width:25%;
	height:80px;
	padding:0 40px 0 50px;
	margin:0 0 30px;
	position:relative;
}
.about ul li img {
	position:absolute;
	top:5px;
	left:0;
}


.production {
	text-align:center;
}
.production li {
	display:inline-block;
	vertical-align:top;
	width:230px;
	cursor:pointer;
}
.production li:hover {
	color:#02bbff;
}
.production li img {
	border-radius:100%;
	border:2px solid #1a1a1a;
}
.production li:hover img {
/*	box-shadow:0 0 3px #fff;*/
	border-color:#02bbff;
}
.production li p {
	margin:1em 0 0;
	text-transform:uppercase;
}


.series {
	overflow:hidden;
/*	margin:0 -20px 0 0;*/
}
.series li {
	float:left;
	width:380px;
	height:240px;
	position:relative;
	font-size:13px;
	color:#fff;
	margin:0 20px 20px 0;
	cursor:pointer;
}
.series li:after {
	content: "Подробнее";
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 44%;
	margin: -10px 0 0 40px;
	transition: all .5s ease 0s;
	opacity: 0;
}
.series li:hover:after {
	opacity: .5;
}
.series li:nth-child(3n) {
	margin:0 0 20px;
}
.series li > img {
	display:block;
	width: 380px;
	transition:all .3s ease 0s;
}
.series li:hover > img {
	opacity:.8;
}
.series li > aside {
	display:table;
	width:140px;
	position:absolute;
	top:0;
	left:0;
}
.series li > aside div {
	display:table-cell;
	vertical-align:middle;
	height:195px;
	padding:0 15px;
	background:rgba(0,0,0,.85);
}
.series li > aside div h3 {
	font-size:24px;
	margin:0 0 .3em;
}
.series li > aside div strong {
	display: block;
	margin: -10px 0 12px;
}
.series li > aside div p {
	margin:0;
}
.series li > span {
	display:block;
	font-size:20px;
	font-weight:bold;
	line-height:45px;
	text-align:center;
	background:#0192e3;
	position:absolute;
	bottom:0;
	left:0;
	width:140px;
}
.series li > i {
	display:block;
	position:absolute;
	background:#0192e3;
	transition:all .3s ease 0s;
}
.series li > i.ei1 {
	top:0;
	left:0;
	width:0;
	height:1px;
}
.series li > i.ei2 {
	top:0;
	right:0;
	width:1px;
	height:0;
}
.series li > i.ei3 {
	bottom:0;
	right:0;
	width:0;
	height:1px;
}
.series li > i.ei4 {
	bottom:0;
	left:0;
	width:1px;
	height:0;
}
.series li:hover > i.ei1, .series li:hover > i.ei3 {
	width:100%;
}
.series li:hover > i.ei2, .series li:hover > i.ei4 {
	height:100%;
}
.hidden {
	display:none;
}
.thermal {
}
.thermal li {
	width: 580px;
	height: 326px;
}
.thermal li:after {
	left: 50%;
}
.thermal li:nth-child(2n) {
	margin: 0 0 20px;
}
.thermal li img {
	width: 580px;
	height: 326px;
}
.thermal li > aside {
	width: 180px;
}
.thermal li > aside div {
	width: 180px;
	height: 281px;
}
.thermal li > span {
	width: 180px;
}


.block .description table {
	width:80%;
	margin:0 auto;
}
.block .description table td {
	width:50%;
}


#gallery {
	display:none;
}
.folio {
	overflow:hidden;
	margin:0 -20px 0 0;
}
.folio li {
	float:left;
	width:220px;
	height:160px;
	margin:0 20px 20px 0;
	position:relative;
}
.folio li img {
	transition:all .3s ease 0s;
}
.folio li:hover img {
	opacity:.8
}
.folio li > i {
	display:block;
	position:absolute;
	background:#0192e3;
	transition:all .3s ease 0s;
}
.folio li > i.ei1 {
	top:0;
	left:0;
	width:0;
	height:1px;
}
.folio li > i.ei2 {
	top:0;
	right:0;
	width:1px;
	height:0;
}
.folio li > i.ei3 {
	bottom:0;
	right:0;
	width:0;
	height:1px;
}
.folio li > i.ei4 {
	bottom:0;
	left:0;
	width:1px;
	height:0;
}
.folio li:hover > i.ei1, .folio li:hover > i.ei3 {
	width:100%;
}
.folio li:hover > i.ei2, .folio li:hover > i.ei4 {
	height:100%;
}


#emkosti {
	height:600px;
	overflow:hidden;
	position:relative;
	margin:0 0 2em;
}
#emkosti:after {
	content:"";
	display:block;
	width:100%;
	height:170px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,0));
	z-index:11;
}
#emkosti img {
	display:block;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -960px;
	z-index:10;
}
#emkosti div {
	margin:0;
	position:absolute;
	bottom:30px;
	left:0;
	right:0;
	text-align:center;
	font:48px/1.5 'Helvetica Neue Black',sans-serif;
	color:#fff;
	z-index:12;
}


.bonus {
	background:#000;
}
.bonus .wrap {
	overflow:hidden;
}
.bonus i {
	float:left;
	margin:0 0 0 200px;
}
.bonus i img {
	display:block;
	height:90px;
	margin:0 auto 30px;
}
.bonus i img:nth-child(2) {
	height:75px;
	padding:0 0 0 20px;
}
.bonus aside {
	float:right;
	width:610px;
	font-size:22px;
	color:#fff;
	margin:0 170px 0 20px;
}
.bonus aside p {
	margin:0 0 50px;
}
.bonus aside a {
	color:#02bbff;
}


#advantages {
	overflow:hidden;
}
/*#advantages > h2 {
	font-size:15px;
	color:#02bbff;
	text-transform:none;
}*/
#advantages > ul {
	width:9999em;
	overflow:hidden;
	position:relative;
	margin:0 0 5px;
}
#advantages > ul > li {
	float:left;
	width:1180px;
	padding:0 120px;
	position:relative;
}
#advantages > ul > li h3 {
	font-size:26px;
	font-weight:normal;
	margin:0 0 .8em;
}
#advantages > ul > li > span {
	float:left;
	width:80px;
	height:80px;
	background:#02bbff;
	border-radius:100%;
	font-size:38px;
	line-height:80px;
	color:#1a1a1a;
	font-weight:bold;
	text-align:center;
}
#advantages > ul > li > aside {
	margin:0 0 0 120px;
}
#advantages > ul > li > aside p {
	margin:0;
}
#advantages > div {
	text-align:center;
}
#advantages > div a {
	display:inline-block;
	width:10px;
	height:10px;
	border:1px solid #404040;
	border-radius:100%;
	margin:0 3px;
	cursor:pointer;
}
#advantages > div a:hover {
	background:#404040;
}
#advantages > div a.active {
	border:0;
	background:#02bbff;
}


.order {
	padding:40px 0;
	border-top:1px solid #303030;
	font-size:12px;
	color:#666;
	text-align:center;
}
.order p {
	margin:0 0 1.5em;
}
.order .button {
	margin:0 auto;
}


.map {
	position:relative;
	margin:30px 0 0;
}
#map {
	height:400px;
	overflow:hidden;
}
.map .wrap {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -590px;
}
.map-info {
	position:absolute;
	top:50px;
	right:0;
	width:400px;
	padding:30px 40px;
	background:#02bbff;
	font-size:14px;
	color:#fff;
}
.map-info p {
	margin:.5em 0;
}
.map-info hr {
	height:1px;
	background:rgba(255,255,255,.5);
	margin:1em -20px;
}
.map-info div {
	text-align:right;
	padding:1em 160px 0 0;
	border-top:1px solid rgba(255,255,255,.5);
	margin:1em -20px 0;
}
.map-info div p {
	margin:0;
}


footer {
	background:#000;
}
footer .wrap {
	height:110px;
	padding:35px 0 0;
}
footer .logo {
	width:148px;
	height:39px;
	background:url(../i/blogow3.png);
	margin:0;
}
.copyrights {
	float:left;
	color:#fff;
	font-size:14px;
	margin:8px 0 0 55px;
}
.socials {
	float:right;
	margin:10px 0 0;
}
.socials a {
	display:inline-block;
	height:20px;
	margin:0 0 0 40px;
	overflow:hidden;
}
.socials a img {
	position:relative;
}
.socials a:hover img {
	top:-20px;
}




#shadow {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.7;
	z-index:100;
	display:none;
}


#call-form, #order-form {
	width:580px;
	padding:40px 80px;
	background:#fff;
	box-shadow:20px 20px 80px #000;
	position:absolute;
	top:50px;
	left:50%;
	margin:0 0 0 -300px;
	z-index:110;
	display:none;
}
#call-form .close, #order-form .close, #product-popup .close {
	position:absolute;
	top:15px;
	right:15px;
	width:15px;
	height:15px;
	background:url(../i/close.png);
	cursor:pointer;
}
#call-form h4, #order-form h4 {
	font-size:26px;
	font-weight:normal;
	text-align:center;
	color:#000;
	margin:0 0 1em;
}
#call-form h4 span, #order-form h4 span {
	font-style:italic;
}


#product-popup {
	width:1060px;
/*	min-height: 810px;*/
	padding:30px;
	background:#fff;
	color:#333;
	position:absolute;
	top:50px;
	left:50%;
	margin:0 0 0 -530px;
	z-index:110;
	display:none;
}
#product-popup.mobile {
	margin: 0 0 0 -40%;
/*	margin:0 0 0 -530px;*/
}
.p-info {
	position:relative;
}
#product-popup img {
	display:block;
	width:100%;
}
#product-popup .imgs {
	font-size: 0;
	text-align: center;
	padding: 0 0 0 280px;
	background: rgba(255,255,255,.3);
	position: relative;
	margin: -80px 0 0;
}
#product-popup .imgs img {
	display: inline-block;
	width: auto;
	height: 70px;
	margin: 5px;
	cursor: pointer;
}
#product-popup .imgs img.active {
	border: 5px solid #0192e3;
}
#product-popup .description {
	width:280px;
	padding:20px;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.85);
	color:#fff;
	font-size:14px;
	line-height:1.2;
}
#product-popup .description h4 {
	width:80%;
	font-size:22px;
	font-weight:normal;
	margin:1em 0;
}
#product-popup .description > strong {
	display: block;
	margin: -25px 0 20px;
}
#product-popup .description p {
	margin:.5em 0;
}
#product-popup .description ul {
	margin:.5em 0;
}
#product-popup .description ul li {
	margin:.3em 0;
}
#product-popup .description hr {
	height:5px;
}
#product-popup .description .cost {
	background:#0192e3;
	font-size:22px;
	line-height:52px;
	font-weight:bold;
	text-align:center;
	width:140px;
	margin:-20px -20px 0;
}
#product-popup .description .cost span {
	font-size:15px;
	font-weight:normal;
	opacity:.8;
	margin:0 0 0 10px;
}
#product-popup .description .button {
	width:140px;
	height:52px;
	position:absolute;
	top:0;
	right:0;
	background:#ecb81c;
	border:0;
	border-radius:0;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	font-size:18px;
	line-height:52px;
	margin:0;
}
#product-popup .description .button:hover {
	background:#daa300;
}
#product-popup table {
	margin:2em 0;
}
#product-popup table th, #product-popup table td {
	padding:10px 20px;
}
#product-popup table th {
	text-align:left;
	background:#f2f2f2;
}
#product-popup table td {
	border-bottom:1px solid #e6e6e6;
}
.prod-prev, .prod-next {
	font-size: 0;
	position: absolute;
	top: 47%;
	width: 16px;
	height: 30px;
	background: url(../i/arr.png);
	cursor: pointer;
	opacity: .8;
}
.prod-prev {
	left: 330px;
}
.prod-next {
	right: 50px;
	background-position: -16px 0;
}
.prod-prev:hover, .prod-next:hover {
	opacity: 1;
}
.prod-prev div, .prod-next div {
	font-size: 36px;
	display: none;
}


#call-form aside, #order-form aside {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	opacity:.95;
	padding:50px;
	text-align:center;
	display:none;
}
#call-form aside h4, #order-form aside h4 {
	font-size:28px;
	margin:2em;
	color:#000;
}
#call-form aside p, #order-form aside p {
	font-size:18px;
	margin:2em;
	color:#000;
}


.ymaps-layers-pane {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}