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: normal;
  vertical-align: baseline;
  outline: none;
}

html {height: 100%;}

body {line-height:1; font-family: PT Sans, sans-serif; height: 100%; background: #fff;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; }
strong {font-weight: bold;} 

input {outline: none;}

table {border-collapse: collapse; border-spacing:0;}
table tr td, table tr th {padding:5px; text-align:left;}
img {border:0; max-width:100%; outline:none; display:inline-block;}

a {text-decoration:underline; color:#0392CE;}
a:hover {color: #FE2712;}

a.js {transition: color 0.2s ease-in-out 0s;}
a.js:hover {transition: color 0.2s ease-in-out 0s;}

h1, h2, h3, h4, h5, h6 {font-family: PT Sans, sans-serif; font-weight:bold; line-height:1.4; color:#000;}

h1{font-size:36px; margin:0 0 28px 0;}
h2{font-size:30px; margin:0 0 24px 0;}
h3{font-size:24px; margin:0 0 18px 0;}
h4{font-size:20px; margin:0 0 16px 0;}
h5{font-size:16px; margin:0 0 14px 0;}
h6{font-size:14px; margin:0 0 10px 0;}

p {font:normal 16px/1.4 PT Sans; margin:0 0 14px 0; color: #000;}

ul {padding: 5px 20px; list-style: none; margin:0 0 5px 0;}
ol {padding: 0 5px 10px 30px; margin:0 0 5px 0; list-style:decimal;}
ul li, ol li {font: normal 16px/1.2 PT Sans; margin:0 0 5px 0; color: #000;}

/* text */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-normal {font-weight:normal;}
.text-bold {font-weight:bold;}
.no-transform {text-transform: none;}

.black {color: #000;}
.grey {color:#ccc;}
.bg-grey {background: #F2F2F2;}
.bg-white {background: #FFF;}
.white {color: #fff;}

.pos-rel {position: relative;}

.clear {clear: both; width: 100%; height:1px; margin:0; padding:0; float:none; *zoom: 1;}
.centered {width:940px; padding:0 30px; margin: 0 auto; position: relative;} 
.oh {overflow:hidden;}
.fl-l {float:left;}
.fl-r {float:right;}

/* margin & paddings */
.m0 {margin: 0;}

.mt10 {margin-top:10px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt100 {padding-top:100px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}

.p5 {padding:10px;}
.p10 {padding:10px;}
.p20 {padding:20px;}
.p30 {padding:30px;}

/* layout & columns*/

.layout.w540 .l-col {width:540px; float:left;}
.layout.w540 .r-col {width:380px; float:right;}

.layout.w220 .l-col {width:220px; float:left;}
.layout.w220 .r-col {width:700px; float:right;}

.layout.w220i .l-col {width:700px; float:left;}
.layout.w220i .r-col {width:220px; float:right;}

.layout.w300 .l-col {width:300px; float:left;}
.layout.w300 .r-col {width:620px; float:right;}

.layout.w300i .l-col {width:620px; float:left;}
.layout.w300i .r-col {width:300px; float:right;}

/* Колонки равной ширины */

.cols > dl {margin:0 0 0 -20px;}
.cols > dl > dt {float:left; margin:0 0 20px 20px;}
.cols2 > dl > dt {width:460px;} 
.cols3 > dl > dt {width:300px;}
.cols4 > dl > dt {width:220px;}
.cols5 > dl > dt {width:172px;}

/* Ширина в процентах */

.w20 {width:19.99%;}
.w25 {width:24.99%;}
.w30 {width:29.99%;}
.w33 {width:33.33%;}
.w40 {width:39.99%;}
.w50 {width:49.99%;}
.w60 {width:59.99%;}
.w70 {width:69.99%;}
.w75 {width:74.99%;}
.w80 {width:79.99%;}
.w100 {width:100%;}

/* polaroid картинка в рамочке в подписью, тизер для страницы новости */

.shadow {box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);}
.img-block img {display: block;}

.bordered {position: relative; overflow: hidden; font: bold 20px PT Sans; text-align: center;}
.bordered > span {display: inline-block; margin: 0 .4em;}
.bordered > span:before,
.bordered > span:after {content: ''; position: absolute; width: 100%; border-top: 1px solid #000; margin-top: .7em;}
.bordered > span:before {margin-left: -102%;}
.bordered > span:after {margin-left: 2%;}

.br5 {border-radius: 5px;}
.br10 {border-radius: 10px;}
.br20 {border-radius: 10px;}
.b-dotted {border-bottom: 1px dotted #000;}

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

#container {position: relative; min-height: 100%;}
#content {height: 100%; position: relative;}

#header {height: 94px; width: 100%; background: #ECF0F1;}
#header .centered {height: 94px; overflow: hidden;}
.logo {margin: 18px 0 0 0;}
.logo img {display: block; margin: 0 0 8px 0;}
.logo a {display: block; font: italic 16px PT Sans; color: #000; text-decoration: none;}
.contact {margin: 13px 0 0 80px;}
.contact p {margin: 0 0 5px 0; font-size: 16px;}
.contact .number {font: bold 30px PT Sans; line-height: 1;}
.contact .number span {font: normal 20px PT Sans;}
.btn-call {margin: 25px 0 0 0;}
.email {margin:58px 0 0 78px;}

.btn-call a {display: inline-block; zoom: 1; *display: inline; font: bold 16px PT Sans; color: #000; border: 1px solid #000; border-radius: 10px; padding: 10px 20px; text-decoration: none;}
.btn-call a:hover {color: #3498DB; border-color: #3498DB;}
.btn-call a:active {background: #3498DB; color: #fff;}

.service {*margin: 0 0 20px 0;}
.service dl {overflow: hidden;}
.service dl dt {text-align: center;  padding: 10px; width: 200px; height: 80px; overflow: hidden; border-radius: 10px; display: table;}
.service p {font: bold 15px PT Sans; color: #fff; margin: 0; display: table-cell; vertical-align: middle; *font-size: 14px;}
.service a {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
.service .s1 {background: #3498DB;}
.service .s2 {background: #E74C3C;}
.service .s3 {background: #2ECC71;}
.service .s4 {background: #F1C40F;}

.promo {background: #E2E8EA; height: 366px; border-radius: 10px;}
.promo .carousel {float: left; width: 640px; position: relative;}
.promo .carousel dl dt {position: relative;}
.promo .carousel .img {width: 640px; height: 366px; overflow: hidden;}
.promo .carousel .img img {display: block;}
.promo .carousel .text {position: absolute; background: #ECF0F1; bottom: 0; left: 0; width: 520px; padding: 15px 60px; min-height: 58px;}
.promo .carousel .text .title {font: bold 18px PT Sans; margin: 0 0 5px 0;}
.promo .carousel .text p {font: italic 14px PT Sans; margin: 0;}
.promo .carousel .text .crop {max-height: 119px; overflow: hidden;}
.promo .carousel .bx-controls .bx-controls-direction a {display: block; background: url(/img/carousel-navi.png) no-repeat; width: 20px; height: 36px; position: absolute; bottom: 65px;}
.promo .carousel .bx-controls .bx-controls-direction .bx-prev {left: 20px; background-position: 0 0;}
.promo .carousel .bx-controls .bx-controls-direction .bx-prev:hover {background-position: 0 -46px;}
.promo .carousel .bx-controls .bx-controls-direction .bx-prev:active {background-position: 0 -92px;}
.promo .carousel .bx-controls .bx-controls-direction .bx-next {right: 20px; background-position: -30px 0;}
.promo .carousel .bx-controls .bx-controls-direction .bx-next:hover {background-position: -30px -46px;}
.promo .carousel .bx-controls .bx-controls-direction .bx-next:active {background-position: -30px -92px;}
.promo .carousel .bx-controls .bx-pager {text-align: center; *margin: 10px 0 0 0;}
.promo .carousel .bx-controls .bx-pager .bx-pager-item {display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 10px;}
.promo .carousel .bx-controls .bx-pager .bx-pager-item a {display: block; width: 10px; height: 10px; background: url(/img/carousel-pager.png) no-repeat; font-size: 0; line-height: 1; color: transparent;}
.promo .carousel .bx-controls .bx-pager .bx-pager-item a:hover {background-position: 0 -20px;}
.promo .carousel .bx-controls .bx-pager .bx-pager-item a.active {background-position: 0 -40px;}
.promo .form-feedback {float: right; width: 300px;}

.form-feedback {background: #E2E8EA;}
.form-feedback .title {font: bold 24px PT Sans; padding: 0 0 0 50px; background: url(/img/mail-icon.png) left center no-repeat; margin: 0 0 10px 0;}
.form-feedback p {font: italic 16px PT Sans;}
.form-feedback .name {font: bold 18px PT Sans; margin: 0 0 5px 0;}
.form-feedback input[type=text] {width: 190px; height: 36px; border: 1px solid #E2E8EA; outline: none; border-radius: 10px; padding: 0 10px; vertical-align: middle; font: normal 16px/34px PT Sans;}
.form-feedback input[type=text]:focus {border-color: #5EBEE4; box-shadow: 0 0 8px 1px rgba(52,152,219,0.4);}

.button input {display: inline-block; zoom: 1; *display: inline; background: #3498DB; border-radius: 10px; cursor: pointer;border: none; width: 210px; height: 36px; font: bold 16px PT Sans; color: #fff; text-shadow: 0 1px #000; box-shadow: 0 3px 0 0 #0268A8;}
.button input:hover {border-radius: 10px;
background: rgb(33,125,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(33,125,187,1) 0%, rgba(52,152,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,125,187,1)), color-stop(100%,rgba(52,152,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* W3C */}
.button input:active {background: #217DBB; padding: 0; margin: 0;}

.patern-square {background: url(/img/patern-square.png);}
.patern-polaroid {background: url(/img/polaroid.png);}
.b-shadow {width: 100%; height: 19px; background: url(/img/shadow.png) center center no-repeat;}

.b-why dl dt {background: url(/img/why-icon.png) no-repeat; padding: 140px 0 0 0; text-align: center; font: italic 18px PT Sans; color: #505050;}
.b-why .bw1 {background-position: 50px 0;}
.b-why .bw2 {background-position: -190px 0;}
.b-why .bw3 {background-position: -430px 0;}
.b-why .bw4 {background-position: -670px 0;}

.b-projection .b-shadow {position: absolute; top: 0; left: 0;}

.ribbon {background: url(/img/ribbon.png) no-repeat; width: 100px; height: 100px; position: absolute; left: 30px; top: -20px;}
.ribbon.r1 {background-position: -360px 0;}
.ribbon.r2 {background-position: -240px -120px;}
.ribbon.r3 {background-position: -120px -240px;}
.ribbon.r4 {background-position: 0 -360px;}

.b-projection h2 {padding: 0 0 0 130px; margin: 0 0 40px 0;}

.item-gallery img {display: block; max-width: 220px; margin: 0 0 15px 0;}
.item-gallery .img {position: relative;}
.item-gallery .img a {display: block;}
.item-gallery dl dt:hover .zoom {*display: block; *position: absolute; *background: url(/img/zoom.png) no-repeat; *width: 48px; *height: 48px; *top: 50%; *left: 50%; *margin: -24px 0 0 -24px;}
.item-gallery p {font: italic 16px PT Sans; margin: 0;}
.item-gallery dl dt {text-align: center; position: relative;}
.item-gallery dl dt .hidden {display: none; background: url(/img/zoom.png) no-repeat center center rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.item-gallery dl dt:hover .hidden {display: block;}

.list dt {font: italic 16px PT Sans; color: #505050; margin: 0 0 15px 0;}

.button a {display: inline-block; zoom: 1; *display: inline; background: #3498DB; border-radius: 10px; border: none; width: 210px; height: 36px; font: bold 16px/36px PT Sans; color: #fff; text-shadow: 0 1px #000; box-shadow: 0 3px 0 0 #0268A8; text-decoration: none; text-transform: uppercase;}
.button a:hover {border-radius: 10px;
background: rgb(33,125,187); /* Old browsers */
background: -moz-linear-gradient(top, rgba(33,125,187,1) 0%, rgba(52,152,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,125,187,1)), color-stop(100%,rgba(52,152,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(33,125,187,1) 0%,rgba(52,152,219,1) 100%); /* W3C */}
.button a:active {background: #217DBB; padding: 0; margin: 0;}

.helper {font: italic 18px PT Sans; color: #505050;}

.proc h2 {padding: 0 0 0 130px; margin: 0 0 10px 0;}
.proc .helper {padding: 0 0 0 130px; margin: 0 0 40px 0;}

.electro h2 {padding: 0 0 0 130px; margin: 0 0 10px 0;}
.electro .helper {padding: 0 0 0 130px; margin: 0 0 40px 0;}
.electro ul {list-style: none;}
.electro ul li {padding: 0 0 0 20px; background: url(/img/square.png) no-repeat 0 8px; font: bold 18px PT Sans;}

.electrical h2 {padding: 0 0 0 130px; margin: 0 0 10px 0;}
.electrical .helper {padding: 0 0 0 130px; margin: 0 0 40px 0;}

.working dl dt {padding: 110px 0 0 0; background: url(/img/numbers-icon.png) no-repeat;}
.working p {font: normal 14px/1.4 PT Sans; color: #505050; margin: 0;}
.working .w1 {background-position: 65px 0;}
.working .w2 {background-position: -170px 0;}
.working .w3 {background-position: -415px 0;}
.working .w4 {background-position: -655px 0;}

.advantages ul {list-style: none;}
.advantages ul li {padding: 0 0 0 20px; background: url(/img/square.png) no-repeat 0 8px; font: normal 18px PT Sans; margin: 0 0 15px 0;}

#footer {background: #ECF0F1; height: 134px;}
#footer .gp p {margin: 0; font-size: 14px;}
#footer .gp a {color: #000;}
#footer .gp a:hover {color: #fc0000;}

.bg-popup {position: fixed; width: 100%; height: 100%; z-index: 90000; background: url(/img/black-opacity.png); top: 0; left: 0; display: none;}
.popup {position: fixed; z-index: 99999; margin: auto; top: 0; left: 0; right: 0; bottom: 0; background: #E2E8EA; border-radius: 10px; display: none;}
.popup img {margin: 0 0 5px 0;}
.popup h3 {margin: 0 0 5px 0;}
.popup p {font: italic 16px PT Sans;}

.popup1 {width: 450px; height: 186px;}

.working .pointer {position: absolute; top: 24px; left: 0; background: url(/img/pointer.png) no-repeat; width: 100%; height: 32px;}