body {
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    color: #464646;
}

h2 {
    text-align: center;
}

section {
    padding: 0 10px;
}

.content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.product {
    width: 100%;
    text-align: center;
    height: 400px;
 
}

.product a {
    display: block;
}

.plist {
    padding-top: 20px;
}

.plist>div{
    display: inline-block;
    width: 19%;
    vertical-align: top;
}

.plist span{
    display: block;

}

.plist > div > span:nth-child(2){
    font-weight: bold;
    margin-top: 20px;

}

.product h3, .uslug h3{
    padding-top: 30px;
/*    color: #096e6e;*/
    font-size: 23px;
    text-align: center;
}

.form_pr {
/*    width: 100%;*/
    height: 500px;
    background:  url(/img/backform.jpg) center center no-repeat;
    opacity: 0.9;
    color: #fff; 
    position: relative;
}

.form_pr:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(29, 94, 119, 0.90);
  position: relative;
  top: 0;
  left: 0;
/*  opacity: 0.95;*/
}

.abs_pr {
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
}

.pr {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    
}

.pr div {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

.pr div:nth-child(1) {
    width: 60%;

}
.pr div:nth-child(2) {
    height: 100%;
    
}
.pr span{
    display: block;
    
}

.pr h3 {

    font-size: 20px;
}

.pr i{
    display: inline-block;    
    width: 30px;
    height: 30px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 0.5em;  
    vertical-align: middle;    
}

.pr p{
    display: inline-block;
    height: 30px;
    width: 470px;
    margin-left: 30px;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 0.5em;  
    vertical-align: middle;
}

.pr .ik1 {
    background:  url(/img/ik1.png) 50% 50% no-repeat;
}

.pr .ik2 {
    background:  url(/img/ik2.png) 50% 50% no-repeat;
}

.pr .ik3 {
    background:  url(/img/ik3.png) 50% 50% no-repeat;
}

.pr .ik4 {
    background:  url(/img/ik4.png) 50% 50% no-repeat;
}

.pr .ik5 {
    background:  url(/img/ik5.png) 50% 50% no-repeat;
}

.pr .ik6 {
    background:  url(/img/ik6.png) 50% 50% no-repeat;
}

.pr .ik7 {
    background:  url(/img/ik7.png) 50% 50% no-repeat;
}

.pr .form {
    width: 410px!important;
    height: 410px;
    margin:0 auto;
    margin-top: 20px;
    background: #104154;
    font-size: 14px;
}

.pr .form h3{
    margin-left: 50px;
    padding-top: 20px;
}
.form-control, .form-item {
    width: 320px;
    min-height: 39px;
    border-radius: 4px;
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px 10px;    
    color: #393938!important;
    
    
}

.form-item {
    margin-left: 35px;
    margin-top: 0;
    width: 320px!important;
}

.g-recaptcha div:nth-child(1){
     width: 320px!important;
}

.btn-form {
    width: 320px;
    background: #F4462D;
    border-radius: 4px;
    border: none;
    color: #fff;
    text-align: center;
    margin-left: 45px;
    margin-top: 10px;
    height: 39px;
    padding:0;
}

.proekty {
    height: 500px;
}

.otziv {
    width: 100%;
   /* height: 190px; */
    padding-bottom: 20px;
    background: #fff;
}

.vn_otziv {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.vn_otziv>div {
    display: inline-block;
    width:49.8%;
}

.vn_otziv a{
    margin-right: 41px;
    display: inline-block;
}

.vn_otziv a:nth-child(5) {
    margin-right: 0;  
  
}

.vn_otziv h4 {
    color: #393938;
    font-size: 12px;
    font-weight: normal;
    -webkit-margin-after: 0.5em;
}


.karta {
    height: 500px;
    background:  url(/img/backkarta.jpg) center center no-repeat;
}

.vn_karta, .vn_prim {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.vn_karta div {
    width: 49%;
    height: 100%;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

.vn_karta img {
    padding-top: 50px;
    padding-bottom: 30px;
}

.vn_karta p{
    margin-left: 40px;
    margin-right: 40px;
}

.vn_karta div:nth-child(1) {
    background: rgba(9, 110, 110, 0.90);
}

.vn_karta div:nth-child(2) img{
    padding-top: 100px;
}

.prim {
   /* height: 120px;*/
    background: rgba(221, 221, 221, 0.43);
    margin: 0 auto;
}

.vn_prim {
    padding-top: 40px;
}

.vn_prim >div {
    display: inline-block;
    min-width: 100px;
    font-size: 10px;
    vertical-align: top;
    
}

.vn_prim >div:nth-child(1){
    font-size: 21px;
    width: 140px;
    color: #2d627a;
}

.vn_prim span {
    min-width: 50px;
    max-width: 120px;
    margin-left: 10px;
    padding-top: 10px;
    vertical-align: top;
}

.vn_prim >div>div, .vn_prim span {
    display: inline-block;
    height: 51px;
}

.vn_prim >div:nth-child(2) span{
    max-width: 50px;
}

.vn_prim >div>div {
    vertical-align: bottom;    
}

.first {

    height: 500px;
    background:  url(/img/backfirst.jpg) center center no-repeat;
    position: relative;
}

.bio {
    background:  url(/img/backfirst_bio.jpg) center center no-repeat;
}


.vn_first {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    position: relative;
}



.vn_first>div {
    display: inline-block;
    width: 49%;
    height: 100%;
    vertical-align: top;
    font-size: 18px;
}

.vn_first>div:nth-child(2) {
    background: rgba(13, 56, 72, 0.90);

}

.first .akciya, .first .akciya img {
    position: absolute;
    bottom:0;
    right:0;
display: none;
    width: 450px;

    vertical-align: bottom;
}

.vn_first p, .vn_first h4{
    padding:  0 30px;
}

.vn_first span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    margin-top: 40px;
}
/*
.vn_first>div>div {
    border: 0.5px solid #fff;
    margin: 0 30px;
    font-size: 12px;
}*/

.head {
    height: 110px;
    background: #EEEEEE;
    color: #1d5e77;
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    z-index:50;
}

.vn_head{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    height: 110px;
    vertical-align: top;
}

.vn_head div {
    display: inline-block;
    width: 240px;
    height: 50px;
    vertical-align: top;
    padding-top: 30px;
}

.vn_head a{
    text-decoration: none;
/*    font-weight: bold;*/
    color: #1d5e77;
}


.vn_head .tel, .vn_head .email {
    font-size: 24px;
    text-align: center;

}

.vn_head .knopka {
    width: 250px;
    margin-top: -5px;
}

.vn_head .knopka a{
    display: block;
    text-decoration: none;
    background:#F4462D;
    padding:10px;
    border-radius: 4px;
    color: #fff;
    width: 200px;
    margin: 0 auto;
    text-align: center;
}
.vn_head .knopka a:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
/*    background: linear-gradient(to bottom, #fcfff4, #e9e9ce);*/
    color: #fff;
}

.vn_head .menu {

 width: 300px;

}

.vn_head .menu_n{
    display: block!important;
    padding-top: 0;
    padding-left: 279px;
    width: 100%;
    margin: 0 auto;    
    height: auto!important;
}
.vn_head .menu_n a{
    margin-right: 10px;
    font-weight: normal;
}


.vn_head .logo {
    padding-top: 20px;
}

.vn_head .logo a{
    display: block;
    
}

.page_oborud>div {
    display: inline-block;
    vertical-align: top;

}

.page_oborud>div:nth-child(1) {
 width:270px;  
 text-align: center;
 margin-top: 100px;
}

.page_oborud>div:nth-child(2) {
 width:720px;  
}

.page_oborud span {
    display: block;
    text-align: center;
}

.page_oborud span:nth-child(1) {
    font-size: 29px;
    font-weight: bold;
}
.page_oborud span:nth-child(2) {
    font-size: 21px;
}

.page_oborud img {
    width: 250px;
}

.main-intro {
    min-height: 500px;
}

.main-carousel .owl-controls {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
  z-index: 888;
}
.main-carousel .owl-controls .owl-page span {
  background: #ffffff !important;
}
.main-carousel .owl-controls .owl-page.active span {

}

.container {
    height: 100%;
    position: relative;
}

.container .blockproject {
    position: absolute;
    right: 80px;
    bottom: 40px;
    width: 440px;
    color: #fff;
    

}

.container .blockproject .our {
    color: #1d5e77;
    background: #fff;
    padding: 10px;
    width: 150px;
    font-size: 18px;
}

.container .blockproject div:nth-child(2) {
    background: #104154;
    padding: 10px;
}

.container .blockproject span {
    display: block;
    font-size: 17px;
}


.vn_content {
    margin-top: 100px;
    min-height: 300px;

}

.vn_vn_content {
        padding: 5px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;        
}

.full {
    width: 100%!important;
    text-align: right;
}

.full a{
    color: #fff;
}

.proekty, .product, .otziv, .first, .form, .prim, .block-work{
    position: relative;
}

.yak {
    position: absolute;
    top: -100px;
    left: 0;
    width:0;
    height:0;
}

footer {
    width: 100%;
    background:  url(/img/back_footer1.png) repeat-x;
    height: 207px;
    position: relative;
    padding-top: 30px;
}

footer > div {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    height: 115px;
}

footer > div > div {
 display: inline-block;
 width: 24%;
 text-align: center;
 vertical-align: middle;
 padding-top: 40px;
 font-size: 20px;

 
}

.plist img {
    width: 200px;
}

.preimush {
    padding: 20px;
    text-align: center;
}

.prim h2 {
    text-align: center;
    padding-top: 50px;
}

.preimush>div {
    width: 490px; 
    display: inline-block;
    padding: 10px;
    border-bottom: dashed 1px #D3D3D3;
    vertical-align: top;
    height: 100px;
    
}

.preimush>div>div {
    display: inline-block;
    vertical-align: top;
    
}
.preimush>div>div:nth-child(1) {
    width:40px;
    margin-right:5px;
}
.preimush>div>div:nth-child(2) {
    width:390px;
    text-align: left;
}

.preimush>div:nth-child(2n+1) {

    border-right: dashed 1px #D3D3D3;
}

.preimush>div:nth-child(5),.preimush>div:nth-child(6)  {
    border-bottom: none;
}

.preimush img {
    width: 100%;
}


.block-work {
    padding: 20px;
}

.block-work ul { padding: 0; margin: 0; list-style: none; font-size: 0; text-align: center; }
.block-work li { padding: 60px 25px 0 25px; margin: 0; width: 16.66%; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; color: #464646; position: relative; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-repeat: no-repeat; background-position: center top; }
.block-work li:before { content: ""; display: block; position: absolute; right: -26px; top: 13px; width: 51px; height: 15px; background: url(/img/bg/dotted-arrow-right.png); }
.block-work li:last-child:before { display: none; }

.block-work li.nth-1 { background-image: url(/img/bg/icon1.png); }
.block-work li.nth-2 { background-image: url(/img/bg/icon2.png); }
.block-work li.nth-3 { background-image: url(/img/bg/icon3.png); }
.block-work li.nth-4 { background-image: url(/img/bg/icon4.png); }
.block-work li.nth-5 { background-image: url(/img/bg/icon5.png); }
.block-work li.nth-6 { background-image: url(/img/bg/icon6.png); }

.block-work li.nth-1:after{
    content: "";
    display: block;
    position: absolute;
    width: 146px;
    height: 83px;
    left: 50%;
    top: -85px;
    margin-left: -160px;
    font-size: 0;
    background: url(/img/bg/start-bubble.png) no-repeat 0 0;
    
    -webkit-animation: tip_moving 1s ease infinite;
     -moz-animation: tip_moving 1s ease infinite;
       -o-animation: tip_moving 1s ease infinite;
          animation: tip_moving 1s ease infinite;
}


@-webkit-keyframes tip_moving { 0% { transform: translate(0, -5px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -5px); } }
   @-moz-keyframes tip_moving { 0% { transform: translate(0, -5px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -5px); } }
     @-o-keyframes tip_moving { 0% { transform: translate(0, -5px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -5px); } }
        @keyframes tip_moving { 0% { transform: translate(0, -5px); } 50% { transform: translate(0, 5px); } 100% { transform: translate(0, -5px); } }


.mobac {
    display: none;
}

input[name="surname"] {
    display: block;
    width: 2px;
    height: 3px;
    margin-bottom: -3px;
    opacity: 0.01;
}


.uslug {
   margin: 130px 0 10px 0; 
 
}


.uslug div {
    display: inline-block;
    width: 12%;
    text-align: center;
    vertical-align: bottom;
    
}
.uslug img {
    width: 20%;
    
}

.uslug span {
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    height: 30px;
    vertical-align: middle;
    font-size: 12px;
}


.str {
    padding: 20px;
}
.str strong {
    display: block;
}


.sectprim div {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: center;
}

.sectprim li {
    text-align: left;
}

.sectprim span {
    font-weight: bold;
    padding: 10px;
    display: block;
}
.sectprim img {
    width: 100%;
    max-width: 300px;
}

.liv{
    background:  url(/img/odincovo.jpg) center center no-repeat;
}