@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap&subset=cyrillic');

*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {

}
body input:required:valid,
body textarea:required:valid {

}

html.js .loader {
	background: none repeat scroll 0 0 #ffffff;
	bottom: 0;
	height: 100%;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}
html.js .loader_inner {
	background-image: url("../img/preloader.gif");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
	left: 50%;
	top: 50%;
	position: absolute;
}

body {
	font-size: 16px;
	min-width: 320px;
	position: relative;
	line-height: 1.6;
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
  color: #000;
}
.hidden {
	display: none;
}

@media (min-width: 1200px) {
.container{width: 100% !important}
}

.top-10{margin-top: 10px}
.top-15{margin-top: 15px}
.top-20{margin-top: 20px}
.top-25{margin-top: 25px}
.top-35{margin-top: 35px}
.bottom-10{margin-bottom: 10px}
.bottom-15{margin-bottom: 15px}
.bottom-20{margin-bottom: 20px}

.span4{
  width: 33.33333333%;
  float: left;
  box-sizing: border-box;
  padding: 0 15px;
}
@media (max-width: 360px){
  .span4{width: 100%;}
}


.zel-zag{
  color: #fff;
  background: #c5d984 url(../img/bg-zag.png) no-repeat left top;
  border-radius: 0 20px 20px 20px;
  padding: 1px 20px 12px 50px;
  background-size: contain;
	left: -3px;
  position: relative;
	border: 0;
}
.page-header,
.arhivNov h2{
  color: #fff;
  background: #78a0c4;
  border-radius: 0 0px 30px 30px;
  padding: 1px 20px 12px 21px;
  background-size: contain;
  left: -3px;
  position: relative;
  border: 0;
}
.page-header{margin-bottom: 45px;}
.page-header h2,
.arhivNov h2 .subheading-category{
	background: #c5d984;
	margin-top: -1px;
	display: inline-block;
	padding: 28px 80px 28px;
	margin-bottom: -31px;
	border-radius: 0 0 30px 30px;
	font-weight: 800;
  text-transform: uppercase;
}
.item-page .article-info{
	padding-left: 22px;
  font-weight: 600;
  margin-top: 34px;
  margin-bottom: 10px;
}

.sin-zag{
  text-align: center;
	color: #215e94;
	background: url(../img/fon-sin-zag.jpg) repeat-x center;
	margin-top: 10px;
	margin-bottom: 20px;
}
.sin-zag span{
	background: #fff;
	padding: 0 10px 0px 10px;
	top: -3px;
	position: relative;
}

.zag-b{
  background-position: right top!important;
  background-size: 69% !important;
  background-repeat: repeat-x!important;
  margin-left: 0;
  margin-top: 50px;
  height: 286px;
}
.zag-b-t{
	background: url('../img/v2/zag-r-bg.jpg') no-repeat left top;
	height: 303px;
	background-color: #c5d984;
	color: #fff;
	border-radius: 0 0 35px 0;
	box-sizing: border-box;
	padding-top: 222px;
	padding-left: 55px;
	font-size: 34px;
	font-weight: bold;
	text-transform: uppercase;
  line-height: 42px;
}

.navbar{margin-bottom: 14px}
.navbar-default{
	background: none;
	border:0;
}
.navbar-header{
	background: #2869a3;
  height: 177px;
  width: 100%;
  border-radius: 0 0 35px 0;
}
.navbar-brand{
  width: 100%;
  margin:7px 0 0 13px !important;
}
.navbar-brand img{
	width: 185px;
	margin-top: 9px;
}
.navbar-nav{
    margin: 0 auto;
    float: none;
    display: table;
}
.navbar-nav li a{
	padding: 26px 0 24px 0;
	color: #fff !important;
	text-transform: uppercase;
	font-size: 20px;
	background: #f29200;
	border-radius: 20px;
	margin-left: 20px;
	width: 240px;
	text-align: center;
  font-weight: 300;
}
.navbar-nav li:first-child a{margin-left:0 !important}
.navbar-nav li a.active,
.navbar-nav li a:hover{background-color: #f29200; opacity:0.9}

.navbar-nav li a#sert{background: #798f09;}
.navbar-nav li a#pr{background: #869dc7;}
.navbar-nav li a#szap{background: #c5d984;}
.navbar-nav li a#kont{background: #f29200;}

.htel{
  font-size: 20px;
  background: #798f09;
  color: #fff;
  border-radius: 0 0 0 35px;
  height: 177px;
  padding: 52px 51px 0 0;
  line-height: 27px;
  font-weight: 300;
}
.htel img{
  width: 24px;
  margin-top: -13px;
  margin-right: 2px;
  border-radius: 3px;
}
.htel .cif{
  font-size: 37px;
  font-weight: bold;
}
.htel .cif i{
  font-style: normal;
  font-size: 22px;
  top: -3px;
  position: relative;
  margin-right: 3px;
}

.brend{
	background: #f29200e0;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
	color: #000;
  padding: 48px 0 55px 0;
  border-radius: 0 0 35px 35px;
  font-weight: 800;

  margin: 0 -70px;
  position: relative;
  z-index: 1;
}
.brend b{
	font-size: 62px;
  margin-top: 33px;
  display: block;
  font-weight: 900;
}
.brend sup{
	top: -28px;
  font-size: 41%;
}


.nov{padding:0}
.nov .row{background:#2869a3}
.nov-zag-fon{
	background: url(../img/v2/nov-fon.jpg);
	height: 357px;
	background-size: cover;
	width: 34.666667%;
	padding-left: 25px;
}
.nov-zag{
	color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  background: url(../img/v2/zag-r-bg.png) no-repeat left bottom;
  height: 108px;
  border-radius: 0 0 35px 0;
  font-size: 34px;
  padding-top: 26px;
  padding-left: 60px;
}
.nov-anons{width: 65.333333%;}
.nov-anons-d{font-weight: bold; font-size: 20px; color:#fff}
.nov-anons-d:hover{color:#fff}
.nov-anons-t{
	color: #fff;
	margin: 14px 10px 10px 5px;
}
.nov-anons-t .readmore{
	text-transform: uppercase;
  padding: 5px 7px 5px;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
	transition-property:all;
	transition-duration:0.4s;
}
.nov-anons-t .readmore:hover{
  color: #2869a3;
  background: #fff;
	text-decoration: none;
	transition-property:all;
	transition-duration:0.4s;
}
.nov-sm-vse{
    float: right;
    margin-right: 23px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 16px;
    border-radius: 3px;
    padding: 3px 7px 2px;
		transition-property:all;
		transition-duration:0.4s;
}
.nov-sm-vse:hover{
  background: #fff;
  color: #0f385d;
  text-decoration:none;
	transition-property:all;
	transition-duration:0.4s;
}

.arhivNov.blog h2{margin-bottom:45px; margin-top: 35px;}
.arhivNov .nov-anons-d{color:#2869a3}
.arhivNov .item{text-align: justify;}
.arhivNov .items-row{margin-top:20px; margin-bottom:10px;}
.arhivNov .item{/*height:283px;*/ overflow:hidden}
.arhivNov .item span{font-size:16px !important;}

.sld-schit{
  background: url('../img/slajd/shcit.jpg') no-repeat center;
  background-size: cover;
  color:#fff;
	margin-bottom: 5px;
}
.sld-cont{
  background:rgb(39,105,177,0.8);
  margin-top: 410px;
  margin-bottom: 50px;
  padding: 33px 50px;
}
.sld-zag h1{
	margin: 0;
	font-size: 28px;
	line-height: 34px;
	margin-top: -12px;
}
.sld-zag h1 span{
	font-size: 57px;
	font-weight: bold;
	line-height: 42px;
	padding: 12px 0 19px 0;
	display: inline-block;
}
.sld-zag .btn{
	background-color: #f29200;
	border-color: #f29200;
	color: #1d1d1d;
	text-transform: uppercase;
	font-size: 22px;
	border-radius: 3px;
	padding: 7px 15px 8px 15px;
}
.sld-op{
	font-weight: bold;
	padding: 22px 0 22px 30px;
	border-left: 1px solid #fff;
	text-align: justify;
}

.proizv-sist{
	color: #215e94;
  font-weight: bold;
  font-size: 19px;
  text-align: justify;
  line-height: 23px;
	padding: 0px 15px;
  line-height: 26px;
}
.proizv-op{
	line-height: 25px;
	text-align: justify;
	font-size: 17px;
}


.proizv-str-zag{
	background: url(../img/v2/4-uch.jpg) no-repeat bottom center;
  height: 75px;
  font-size: 23px;
  font-weight: bold;
  color: #2869a3;
  text-align: center;
  margin-top: 5px;
}
.proizv-str-bloki .col-md-3 p{
	/*text-transform: lowercase;*/
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	color: #fff;
	background: #2a699f;
	padding: 20px;
	border-radius: 15px;
}


.spis-usl .col-md-6{
	padding-left: 70px;
}
.spis-usl p{
	color: #2a699f;
  font-weight: bold;
  font-size: 23px;
}
.spis-usl ul{
	color: #2a699f;
  font-size: 20px;
  line-height: 40px;
	padding-left: 0px;
}
.spis-usl li{
	list-style: inside;
	padding-left: 18px;
	border-radius: 3px;

	transition-property:all;
	transition-duration:0.4s;
}
.spis-usl ul.otr-resh a{
  line-height: 33px;
	color: #6a7c1a;
}
.spis-usl a:hover{text-decoration: none}
/*.spis-usl a:hover ul{opacity: 0.8}
.spis-usl a:hover p{opacity: 0.8}*/
.spis-usl a li:hover{
	background-color: #2a699f;
	color:#fff;

	transition-property:all;
	transition-duration:0.4s;
}
.spis-usl .col-md-6:nth-child(2) a li:hover{
	background-color: #6a7c1a;
}

.sistema div{
  background: #798f09;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 35px;
  float: left;
  margin-bottom: 11px;
}
.sistema i{
  display: block;
  width: 13%;
  box-sizing: border-box;
  border-right: 4px solid #fff;
  text-align: center;
  font-style: unset;
  font-size: 28px;
  padding: 13px 0 13px 5px;
  float: left;
}
.sistema span{
  margin: 9px 14px 6px 14px;
  display: block;
  width: 75%;
  box-sizing: border-box;
  float: left;
  line-height: 26px;
}
.sistema ul{
  margin-left: 6px;
  width: 340px;
}
.sistema li{margin-bottom:7px}

@media (min-width: 992px){
.ber-pr .col-md-4 {width: 35.5%; padding-left: 22px;}
.ber-pr .col-md-8 {width: 64%;}
}

.m-orent{}
.m-orent-1{background: url('../img/miniatury/sokr-sr.jpg') no-repeat center;}
.m-orent-2{background: url('../img/miniatury/maks-kach.jpg') no-repeat center;}
.m-orent-3{background: url('../img/miniatury/sokr-proizv-pom.jpg') no-repeat center;}
.m-orent-4{background: url('../img/miniatury/gar-post.jpg') no-repeat center;}

.pr-str-1{background: url('../img/miniatury/uch-izg-i-sb.jpg') no-repeat center;}
.pr-str-2{background: url('../img/miniatury/uch-sb-elekt.jpg') no-repeat center;}
.pr-str-3{background: url('../img/miniatury/uch-sb-grsch.jpg') no-repeat center;}
.pr-str-4{background: url('../img/miniatury/uch-elekt-i-rad.jpg') no-repeat center;}

.proizv-str-op{
	color: #000;
	line-height: 21px;
	padding: 0 30px;
	text-align: justify;
	margin-top: 5px;
}

.spis-gal{
	color: #000;
	line-height: 22px;
  border-radius:30px;
  padding: 20px 25px 20px 12px;

  margin-top: -38px;
}
.spis-gal li{
	list-style: none;
	padding-left: 25px;
  font-size: 15px;
  margin-bottom: 8px;
}
.spis-gal b{
	font-size: 21px;
	padding-top: 4px;
	display: inline-block;
}
.spis-gal-sin b{color:#2369a4}
.spis-gal-zel b{color:#798f09}
.spis-gal-zels b{color:#c4da85}
.spis-gal-or b{color:#f69302}
.spis-gal-sin li{background: url(../img/ico/galka-sin.png) no-repeat 0 9px; background-size: 20px; color: #fff;}
.spis-gal-zel li{background: url(../img/ico/galka-zel.png) no-repeat 0 9px; background-size: 20px; color: #fff;}
.spis-gal-zels li{background: url(../img/ico/galka-zels.png) no-repeat 0 9px; background-size: 20px; color: #fff;}
.spis-gal-or li{background: url(../img/ico/galka-oranzh.png) no-repeat 0 9px; background-size: 20px; color: #fff;}
.spis-gal li ul{padding-left:19px}
.spis-gal li ul li{
	list-style: disc;
	padding-left: 0;
	background:none;
}

.teh-proc{
  background: url('../img/teh-proc.jpg') no-repeat center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.teh-proc .zel-zag{
	margin-top: 0;
	background-image: none;
	padding-left: 17px;
}
.teh-roc-op{
	color: #fff;
  line-height: 21px;
}
.teh-proc-vyg{
	line-height: 21px;
  font-weight: bold;
  font-size: 18px;
  padding: 30px 20px;
  border-left: 1px solid #fff;
}

.sin-blok-row{margin: 27px 0}
.sin-blok-nar{
  background: #2869a3;
  padding: 10px;
}
.sin-blok-b{border: 1px solid #fff}
.sin-blok-vn{
  color: #fff;
  padding:15px;
	height: 130px;
	padding-left: 0;
	/*display: table-cell;
	vertical-align: middle;*/
}
.sin-blok-ico{
	width: 78px;
  height: 100%;
  float: left;
  border-right: 1px solid #fff;
}
.sin-blok-op{
  font-weight: bold;
  padding: 23px 0 15px 15px;
	float: left;
	width: 232px;
}

.proekt .sin-blok-ico{background: url(../img/ico/proekt-sin.png) no-repeat center; background-size: 35px;}
.marshruttp .sin-blok-ico{background: url(../img/ico/marshr-sin.png) no-repeat center; background-size: 47px;}
.materialnotrhob .sin-blok-ico{background: url(../img/ico/mat-teh-ob-sin.png) no-repeat center; background-size: 56px;}
.regtehob .sin-blok-ico{background: url(../img/ico/reg-teh-obsl-sin.png) no-repeat center; background-size: 48px;}
.regpopbi .sin-blok-ico{background: url(../img/ico/reg-pop-kl-sin.png) no-repeat center; background-size: 45px;}
.normrabot .sin-blok-ico{background: url(../img/ico/norm-rabot-sin.png) no-repeat center; background-size: 61px;}
.zhilstr .sin-blok-ico{background: url(../img/ico/zhil-str-sin.png) no-repeat center; background-size: 65px;}
.ortslresh .sin-blok-ico{background: url(../img/ico/otrasl-resh-sin.png) no-repeat center; background-size: 58px;}

.proekt .sin-blok-op{padding-top: 37px}
.regtehob .sin-blok-op, .normrabot .sin-blok-op{padding-top: 11px}

.sin-blok-bolsh{margin-top: 30px; margin-bottom: 20px;}

.sin-blok-bolsh .sin-blok-nar{margin: 0 35px}
.sin-blok-bolsh .sin-blok-vn{height:193px}
.sin-blok-bolsh .sin-blok-op{
	font-weight:normal;
	padding: 5px 0 5px 15px;
	width: 348px;
}
.sin-blok-bolsh .sin-blok-ico{width: 96px}
.sin-blok-bolsh h3{margin-top: 10px}
.sin-blok-bolsh ul{padding-left: 20px}
.sin-blok-bolsh .ortslresh h3{margin: -14px 0 4px 0;}
.sin-blok-bolsh .ortslresh ul{line-height: 21px;}

.m-orent{
	padding: 42px 25px;
	background-size: cover;
}
.m-orent p{
	background: rgb(39,105,177,0.8);
	color: #fff;
	text-align: center;
	line-height: 21px;
	height: 100px;
	box-sizing: border-box;
	margin: 0;
	vertical-align: middle;
	display: table-cell;
	padding: 0 15px;
}

.sist-men-col{padding-left: 0}
.sist-men{
  background: url('../img/sistema-men-kach.jpg') no-repeat center;
  color:#fff;
  padding: 30px 25px 18px 39px;
  background-size: cover;
}
.sist-men .deviz{padding: 20px 0}
.sist-men-op{line-height: 23px;}

.sert p{
  background: #dadada;
  padding: 35px;
  text-align: center;
}
.sert p img{height:435px}

.kont {
  background:url(../img/kont-bg.jpg) center top repeat-y;
  background-size: contain;
	padding-bottom: 45px;
}
.kont .zel-zag{
  background-image: url(../img/bg-zag-kont.png);
  margin-top: 0;
}
.kont h3{
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #236aa8;
}
.kont .col-md-4{line-height: 22px;}
.kont .kont-dep{padding-left: 35px;}

.niz{
  padding: 0;
  background-image: url(../img/v2/niz-fon.jpg);
  background-position: top right;
  background-color: #c5d984;
  background-repeat: no-repeat;
  font-size: 21px;
  color: #000;
  margin-top: 60px;
}
.niz .logo{
  background: #869dc7;
  border-radius: 0 0 35px 0;
  padding-bottom: 35px;
}
.niz .logo img{
  width: 225px;
  margin: 25px 0 0 32px;
}
.niz .eml{
  background: #f7b44ce0;
  border-radius: 35px 35px 0 0;
  padding: 20px 0 15px 90px;
  margin-left: -90px;
  width: 756px;
  margin-top: 15px;
  font-weight: 900;
}
.niz b{font-weight:900}

.naverh, .kproektam{
  display: none;
  /*opacity:0;*/
  right:0;
  bottom:0;
  width: 80px;
  height: 80px;
  background: #c5d984 url(../img/v2/ico-naverh.png) no-repeat center 25px;
  border-radius: 50%;
  margin: 35px;
  z-index: 9;
  box-shadow: #a5a5a5 0 0 10px;
  background-size: 50%;
}
.naverh:hover, .kproektam:hover{
  cursor: pointer;
  background-color: #b7ca7b;
}
.kproektam{
	display: block;
	color: #fff;
	width: 228px;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 18px 23px;
	font-size: 20px;
	line-height: 22px;
	transition-property:all;
	transition-duration:0.4s;

	background-image: url('/images/STR/nashi-proekty/energosnabzhenie.png');
  background-size: contain;
  background-position: center right;
}
.kproektam:hover{
	color: #fff;
	text-decoration: none;
	text-shadow: 5px 5px 10px #777;
	transition-property:all;
	transition-duration:0.4s;
}

#system-message-container{padding-top: 20px; margin-bottom: -20px;}
.alert.alert-message{background: #edf5d3}

.contact h3,
.contact-form legend {display:none}
#contact-form{
	background:none;
	border:0;
	box-shadow:none;
}
.form-horizontal .control-label{text-align: left;}
.contact-form #jform_contact_name,
.contact-form #jform_contact_email,
.contact-form #jform_contact_emailmsg{width:50%}
.contact-form #jform_contact_message{width:100%; height: 200px;}
.contact-form .btn-primary{
  background: #f29200;
  border: 0;
  padding: 15px 20px;
  border-radius: 25px;
	margin-top: 10px;
}
.contact-form .btn-primary:hover{background: #e28a03}

/* Наши проекты */
.nashiProekty .container-fluid{margin-top: 33px}
.nashiProekty .row{}
.nashiProekty .col-md-4{padding-left: 25px; padding-right: 25px; margin-bottom: 28px}
.nashiProekty .vstuplenie{padding-left: 23px; padding-top: 30px;}
.nashiProekty .col-md-4 a{
	display: block;
	border-radius:25px;
	padding:12px 35px;
	height:170px;
	text-align: center;
	color: #fff;
	font-weight: 800;
	cursor: pointer;
	font-size: 20px;
	line-height: 23px;
}
/*.nashiProekty .col-md-4 a:hover{text-decoration: none; opacity: 0.9}*/
.nashiProekty .row:nth-child(1) .col-md-4:nth-child(3) a{padding:10px 10px;}
.nashiProekty .col-md-4 a img{
	width: 93px;
	height: auto;
	display: block;
	margin: 0 auto 10px auto;
}
.nashiProekty .row:nth-child(1) .col-md-4:nth-child(1) a img,
.nashiProekty .row:nth-child(1) .col-md-4:nth-child(2) a img,
.nashiProekty .row:nth-child(3) .col-md-4:nth-child(1) a img,
.nashiProekty .row:nth-child(3) .col-md-4:nth-child(3) a img{margin-bottom: 20px}
.nashiProekty .col-md-4.NPsin a{background-color: #2869a3}
.nashiProekty .col-md-4.NPssin a{background-color: #869dc7}
.nashiProekty .col-md-4.NPzel a{background-color: #798f09}
.nashiProekty .col-md-4.NPszel a{background-color: #c5d984; color:#778b05}
.nashiProekty .col-md-4 a,
.nashiProekty .col-md-4 a:hover{
	transition-property:all;
	transition-duration:0.4s;
	text-decoration: none;
}
.nashiProekty .col-md-4.NPsin a:hover{background-color: #fff; color:#2869a3}
.nashiProekty .col-md-4.NPssin a:hover{background-color: #fff; color:#869dc7}
.nashiProekty .col-md-4.NPzel a:hover{background-color: #fff; color:#798f09}
.nashiProekty .col-md-4.NPszel a:hover{background-color: #fff; color:#778b05;}

.pag-img-gal{display:none}

.stroka{
  float:left;
  margin-bottom:30px;
}
.stroka ul li{list-style: none;}
.stroka ul li:before{
    content: "•";
    font-size: 50px;
    line-height: 0px;
    display: inline-block;
    position: relative;
    margin-left: -22px;
    margin-right: 7px;
    bottom: -9px;
    color: #2869a3;
}
.stroka ul.zelul li:before{color:#6a8a22}
