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%; -webkit-font-smoothing: antialiased;}

body {line-height:1; font-family: Open Sans, sans-serif; height: 100%;}

b {font-weight: 600;}

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; outline:none; display:inline-block;}

a {text-decoration:underline; color:#0599E0;}
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: Russo One, sans-serif; font-weight:bold; font-style: normal; line-height:1.4; color:#000; text-transform: uppercase;}

h1{font-size:26px; margin:0 0 28px 0;}
h2{font-size:26px; 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:300 14px/1.4 Open Sans; margin:0 0 14px 0; color: #000;}

ul {padding: 5px 20px; list-style: disc; margin:0 0 5px 0;}
ol {padding: 0 5px 10px 30px; margin:0 0 5px 0; list-style:decimal;}
ul li, ol li {font: 300 14px/1.2 Open 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;}
.font-big {font-size: 20px;}
.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:0; 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);}

.bordered {position: relative; overflow: hidden; font: normal 30px Open 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 #23A647;}
.b-border {border: 1px solid #000;}


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

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

.button a {display: inline-block; zoom: 1; *display: inline; padding: 5px 15px 5px 20px; border: 1px solid #000; text-decoration: none; color: #000; font: bold 12px Open Sans;}
.button a:after {content: " "; background: url(/img/button-point.png) no-repeat; width: 8px; height: 10px; display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 10px;}
.button.inner a:after {content: " "; background: url(/img/button-point.png) no-repeat; width: 8px; height: 10px; display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 10px; -webkit-transform: rotate(-90deg); /* Chrome y Safari */-moz-transform: rotate(-90deg); /* Firefox */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */-o-transform: rotate(-90deg); /* Opera */}
.button a:hover:after {background-position: 0 -30px;}
.button a:hover {color: #66B032; border-color: #66B032;}
.button a:active {background: #66B032; color: #fff;}
.button a:active:after {background-position: 0 -60px;}

.w630 {width: 630px;}
.h-dotted {position: relative; overflow: hidden;}
.h-dotted:after {content: ''; position: absolute; width: 100%; border-top: 1px dotted #505050; margin-top: .6em; margin-left: .4em;}

.grey-radial {
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#header .title .discript{margin: -5px 0 0 0;}
#header .centered {height: 80px; padding: 10px 0 0 0;}
#header .logo {margin: 0 15px 0 0; }
#header .title h1 {font: bold 32px/1 Russo One; margin: 0 0 0px 0;}
#header .title p{margin: 0; font:300 17px/1.4 Open Sans;}
#header .title span {font: italic 300 16px Open Sans; color: #505050;}
#header .address {text-align: right;}
#header .address p {font: normal 13px Open Sans; margin: 0 0 5px 0;}
#header .address .phone {font: bold 20px/1 Open Sans; margin: 0;}
#header .address .phone span {font: normal 20px Open Sans;}
#header .address a {font: 600 13px Open Sans;}
.navigation {height: 32px; width: 100%;
background: rgb(0,146,68); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,146,68,1) 0%, rgba(59,179,73,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,146,68,1)), color-stop(100%,rgba(59,179,73,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,146,68,1) 0%,rgba(59,179,73,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,146,68,1) 0%,rgba(59,179,73,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,146,68,1) 0%,rgba(59,179,73,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,146,68,1) 0%,rgba(59,179,73,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009244', endColorstr='#3bb349',GradientType=0 ); /* IE6-9 */}
.navigation dl {height: 32px; margin: 0 0 0 -20px;}
.navigation dl dt {float: left; position: relative;}
.navigation dl dt a.active:before {content: ""; width: 10px; height: 32px; background: url(/img/navigation-conus.png) no-repeat; left: 0px; top: 0; position: absolute;}
.navigation dl dt a.active:after {content: " "; width: 10px; height: 32px; background: url(/img/navigation-conus.png) no-repeat 0 -42px; right: 0px; top: 0; position: absolute;}
.navigation dl dt a.active {color: #000; text-shadow: 0 1px #fff;
background: rgb(254,204,39); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,204,39,1) 0%, rgba(255,223,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,39,1)), color-stop(100%,rgba(255,223,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc27', endColorstr='#ffdf11',GradientType=0 ); /* IE6-9 */}
.navigation dl dt:hover a:before {content: " "; width: 10px; height: 32px; background: url(/img/navigation-conus.png) no-repeat; left: 0px; top: 0; position: absolute;}
.navigation dl dt:hover a:after {content: " "; width: 10px; height: 32px; background: url(/img/navigation-conus.png) no-repeat 0 -42px; right: 0px; top: 0; position: absolute;}
.navigation dl dt a {display: block; font: bold 13px/32px Open Sans; color: #fff; text-decoration: none; padding: 0 20px;}
.navigation dl dt a:hover {color: #000; text-shadow: 0 1px #fff;
background: rgb(254,204,39); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,204,39,1) 0%, rgba(255,223,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,39,1)), color-stop(100%,rgba(255,223,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc27', endColorstr='#ffdf11',GradientType=0 ); /* IE6-9 */}

.promo img {max-width: 940px;}

.items-news .img img {display: block; max-width: 300px;}
.items-news .img {margin: 0 0 10px 0;}
.items-news .title a {font: normal 16px Open Sans;}
.items-news dl dt:hover .title a {color: #FE2712;}
.items-news .date {font: italic 300 14px Open Sans; color: #505050; margin: 0 0 5px 0;}

.b-projects {box-shadow: 0 0 20px 0 #ccc;}
.b-projects {border-top: 1px solid #fff;}
.b-projects {border-bottom: 1px solid #fff;}

.info > dl {overflow: hidden; margin: 0 0 0 -30px;}
.info > dl > dt {width: 455px; float: left; margin: 0 0 0 30px;}
.info .items-news dl dt {margin: 0 0 20px 0;}

.about-item .img {margin: 0 20px 0 0;}
.about-item .title {font: bold 18px Open Sans; color: #000;}
.about-item .helper {font: 300 italic 14px Open Sans; color: #000;}

.info.inner > dl {margin: 0 0 0 -15px;}
.info.inner > dl > dt {margin: 0 0 0 15px;}
.info.inner > dl > dt.w620 {width: 620px;}
.info.inner > dl > dt.w305 {width: 305px;}
.info.inner .gallery a {display: inline-block; zoom: 1; *display: inline; height: 133px; overflow: hidden; vertical-align: top; margin: 0 4px 4px 0;}

.items-news.inner .img {float: left; margin: 0 20px 0 0;}
.items-news.inner .img img {margin: 0 0 10px 0;}
.items-news.inner .text {overflow: hidden;}

#footer {float: left;width: 100%; height: 85px; position: relative; padding: 30px 0 0 0;
background: rgb(231,241,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(231,241,246,1) 0%, rgba(250,250,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,241,246,1)), color-stop(100%,rgba(250,250,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(231,241,246,1) 0%,rgba(250,250,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(231,241,246,1) 0%,rgba(250,250,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(231,241,246,1) 0%,rgba(250,250,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(231,241,246,1) 0%,rgba(250,250,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f1f6', endColorstr='#fafafd',GradientType=0 ); /* IE6-9 */}
#footer .wave {background: url(/img/footer-wave.png) repeat-x; width: 100%; height: 4px; position: absolute; top: 0; left: 0;}
#footer .logo {overflow: hidden; margin: 0 30px 0 0;}
#footer .logo p {white-space: nowrap;}
#footer .logo img {float: left; margin: 0 10px 0 0;}
#footer .logo .text {overflow: hidden; float: left;}
#footer .logo .text .title {font: bold 16px/1 Open Sans; margin: 0 0 10px 0;}
#footer .logo .text p {font: 600 italic 12px Open Sans;}
#footer .address {width: 190px; padding: 0 0 0 30px; background: url(/img/location-icon.png) no-repeat left 0; margin: 0 30px 0 0;}
#footer .address p {font-size: 13px; line-height: 1.6;}
#footer .contact {background: url(/img/contact-icon.png) no-repeat left 0; padding: 0 0 0 30px;}
#footer .contact p {margin: 0 0 5px 0;}
#footer .contact a {color: #000;}
#footer .contact a:hover {color: #FE2712;}
#footer .gp {text-align: center; width: 105px;}
#footer .gp img {margin: 10px 0 0 0;}
#footer .gp a {font-size: 12px; color: #000; display: block;}
#footer .gp a:hover {text-decoration: none;}

.breadcrumb a {display: inline-block; zoom: 1; *display: inline; vertical-align: top; font: 300 13px Open Sans; color: #505050;}
.breadcrumb span {display: inline-block; zoom: 1; *display: inline; vertical-align: top; font: 300 13px Open Sans; color: #505050; margin: 0 5px;}

.item-gallery dl {hidden; margin: 0 0 0 -20px;}
.item-gallery dl dt {width: 220px; height: 200px; overflow: hidden; margin: 0 0 20px 20px; float: left;}
.item-gallery img {display: block; max-width: 220px;}

.v-menu dl {margin: 0 0 0 -20px;}
.v-menu dl dt {position: relative; margin: 0 0 5px 0;}
.v-menu dl dt a {display: block; padding: 0 20px; font: 600 13px/32px Open Sans;}
.v-menu dl dt a:hover {text-decoration: none; color: #000;
background: rgb(254,204,39); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,204,39,1) 0%, rgba(255,223,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,39,1)), color-stop(100%,rgba(255,223,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc27', endColorstr='#ffdf11',GradientType=0 ); /* IE6-9 */}
.v-menu dl dt:hover a:before {content: " "; width: 10px; height: 32px; background: url(/img/v-navi-conus.png) no-repeat; left: 0px; top: 0; position: absolute;}
.v-menu dl dt:hover a:after {content: " "; width: 10px; height: 32px; background: url(/img/v-navi-conus.png) no-repeat 0 -42px; right: 0px; top: 0; position: absolute;}
.v-menu dl dt a.active:before {content: ""; width: 10px; height: 32px; background: url(/img/v-navi-conus.png) no-repeat; left: 0px; top: 0; position: absolute;}
.v-menu dl dt a.active:after {content: " "; width: 10px; height: 32px; background: url(/img/v-navi-conus.png) no-repeat 0 -42px; right: 0px; top: 0; position: absolute;}
.v-menu dl dt a.active {color: #000; text-decoration: none;
background: rgb(254,204,39); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,204,39,1) 0%, rgba(255,223,17,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,39,1)), color-stop(100%,rgba(255,223,17,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,204,39,1) 0%,rgba(255,223,17,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc27', endColorstr='#ffdf11',GradientType=0 ); /* IE6-9 */}

.item-text {overflow: hidden;}
.item-text .text {overflow: hidden; width: 460px;}
.item-text .text a {font: bold 14px Open Sans;}
.item-text .img {width: 220px;}
.item-text p.bold {font: bold 17px Open Sans;}
.item-text.left .img {float: left; margin: 0 20px 0 0;}
.item-text.left .text {float: right;}
.item-text.right .text {float: left; margin: 0 20px 0 0;}
.item-text.right .img {float: right;}
.item-text .font-bigest {font: bold 46px Russo One; line-height: 1;}