body {
     font-family: Open Sans, sans-serif;
     font-size: 15px;
     margin: 0px;
	 padding: 0px;
	 color:#3e3e3e;
}

h1,h2,h3,h4,h5,#zag{
display:inline-block;
color:#000;
font-size:36px;
border-bottom:2px solid #000;
}

img{
max-width: 100%; 
height: auto; 
display:inline-block;
vertical-align:top;
}

#soc ul{
padding:0;
white-space:nowrap;
text-align:center;
}

#soc ul li{
display:inline-block;
margin-right:5px;
}

#soc ul li a{
display:inline-block;
}

#soc ul li img:hover{
opacity:0.8;
}

.breadcrumb{
margin:20px 0;
}

.thumb img { 
      border-radius:5px; 
      background-color: #fff; 
      border: 1px solid #ddd; 
      padding:5px; 
} 
.thumb img:hover { 
      opacity:0.8;
} 
.thumb { 
      padding:5px;
}

#akc{
padding:10px 15px;
text-align:center;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
color:#ff0000;
border:3px solid #3e3e3e;
}

#ass{
display:inline-block;
text-decoration:none;
padding:10px 15px;
text-align:center;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
color:#fff;
background: #009ede;
}

#ass:hover{
background: #e6ab0c;
background: -moz-linear-gradient(top,  #e6ab0c 0%, #ffc730 100%);
background: -webkit-linear-gradient(top,  #e6ab0c 0%,#ffc730 100%);
background: linear-gradient(to bottom,  #e6ab0c 0%,#ffc730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ab0c', endColorstr='#ffc730',GradientType=0 );
}


#catstroy{
border:2px solid #e8e8e8;
margin:15px 0;
}

#catstroy img{
padding:10px;
}

#catstroy img:hover{
opacity:0.8;
}

#catstroy_right{
position:relative;
min-height:237px;
margin:0 10px 0 -25px;
padding-bottom:50px;
}

#catstroy_zag{
display:block;
border-bottom:1px solid #d0d0d0;
padding:10px 0;
margin-bottom:10px;
color:#017eb9;
font-size:21px;
}

#catstroy_niz{
text-align:center;
position:absolute;
width:100%;
bottom:10px;
}

#catstroy_price{
color:#3e3e3e;
font-size:18px;
margin:10px 0;
}


#catmat{
border:2px solid #e8e8e8;
margin:15px 0;
}

#catmat div{
text-align:center;
}

#catmat img{
height:150px;
}

#catmat img:hover{
opacity:0.8;
}

#catmat_zag, #catmat_price{
display:block;
color:#6f6e6e;
font-size:15px;
margin:65px 0 0;
}

.catmat_zak{
margin:55px 0 0;
}


#menu_left{
margin:20px 0;
}

#menu_left ul{
margin:0;
padding:0;
list-style-type:none;
}

#menu_left ul li a{
display:block;
padding:10px 30px 10px 15px;
color:#fff;
font-size:21px;
position:relative;
text-decoration:none;

background: #009ede;
background: -moz-linear-gradient(top,  #009ede 0%, #008cce 100%);
background: -webkit-linear-gradient(top,  #009ede 0%,#008cce 100%);
background: linear-gradient(to bottom,  #009ede 0%,#008cce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ede', endColorstr='#008cce',GradientType=0 );
}

#menu_left ul li a:after{
content:"▼";
position:absolute;
color:#fff;
font-size:13px;
right:10px;
top:50%;
margin-top:-8px;
}

#menu_left ul li a:hover,#menu_left ul li.active a{
background:#017eb9;
}

#menu_left ul li.active a:after{
content:"▲";
}

#menu_left ul li ul{
display:none;
padding:15px 20px;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
}

#menu_left ul li.active ul{
display:block;
}

#menu_left ul li ul li a,#menu_left ul li.active ul li a{
display:block;
padding:10px 0;
color:#000;
font-size:16px;
background:transparent;
border-bottom:1px solid #a8a8a8;
}

#menu_left ul li ul li a:hover,#menu_left ul li ul li.active a{
color:#027bb4;
}

#menu_left ul li.active ul li a:after{
content:"";
}

#menu_left ul li ul li.active a:after{
content:"";
}

#zak{
display:inline-block;
text-decoration:none;
padding:7px 15px 10px;
text-align:center;
font-weight:bold;
font-size:15px;
color:#fff;
background: #ffc730;
background: -moz-linear-gradient(top,  #ffc730 0%, #e6ab0c 100%);
background: -webkit-linear-gradient(top,  #ffc730 0%,#e6ab0c 100%);
background: linear-gradient(to bottom,  #ffc730 0%,#e6ab0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc730', endColorstr='#e6ab0c',GradientType=0 );
}

#zak:hover{
background: #e6ab0c;
background: -moz-linear-gradient(top,  #e6ab0c 0%, #ffc730 100%);
background: -webkit-linear-gradient(top,  #e6ab0c 0%,#ffc730 100%);
background: linear-gradient(to bottom,  #e6ab0c 0%,#ffc730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ab0c', endColorstr='#ffc730',GradientType=0 );
}

#form{
background:#008cce;
padding:20px 30px;
}
#form a{
color:#fff;
text-decoration:underline;
}
#form a:hover{
text-decoration:none;
}

#form input, #form textarea{
display:block;
width:100%;
background:#fff;
border:0;
margin:15px 0;
padding:10px 20px;
}

#form input[type="submit"]{
display:inline-block;
width:200px;
color:#fff;
font-size:18px;
text-transform:uppercase;
background: #ffc730;
background: -moz-linear-gradient(top,  #ffc730 0%, #e6ab0c 100%);
background: -webkit-linear-gradient(top,  #ffc730 0%,#e6ab0c 100%);
background: linear-gradient(to bottom,  #ffc730 0%,#e6ab0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc730', endColorstr='#e6ab0c',GradientType=0 );

/*background-image:url(images/plan.png);
background-repeat:no-repeat;
background-position:left 15px top 15px;*/

}

#form input[type="submit"]:hover{
background: #e6ab0c;
background: -moz-linear-gradient(top,  #e6ab0c 0%, #ffc730 100%);
background: -webkit-linear-gradient(top,  #e6ab0c 0%,#ffc730 100%);
background: linear-gradient(to bottom,  #e6ab0c 0%,#ffc730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ab0c', endColorstr='#ffc730',GradientType=0 );
}

#menu{
background: #3e3e3e;
position:fixed;
z-index:1;
width:100%;
}

#menu ul li a{
display:block;
color:#fff;
font-size:17px;
padding:15px 10px;
}

#menu ul li a:hover,#menu ul li a:focus,#menu ul li.active a{
background: #e6ab0c;
background: -moz-linear-gradient(top,  #e6ab0c 0%, #ffc730 100%);
background: -webkit-linear-gradient(top,  #e6ab0c 0%,#ffc730 100%);
background: linear-gradient(to bottom,  #e6ab0c 0%,#ffc730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ab0c', endColorstr='#ffc730',GradientType=0 );
text-decoration:none;
}

#menu ul li ul{
background:#fff;
}

#menu ul li ul li a, #menu ul li.active ul li a{
color:#3e3e3e;
padding:7px 15px;
font-size:16px;
background:none;
}

#menu ul li ul li a:hover,#menu ul li ul li a:focus,#menu ul li ul li.active a{
color:#fff;
background: #e6ab0c;
background: -moz-linear-gradient(top,  #e6ab0c 0%, #ffc730 100%);
background: -webkit-linear-gradient(top,  #e6ab0c 0%,#ffc730 100%);
background: linear-gradient(to bottom,  #e6ab0c 0%,#ffc730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ab0c', endColorstr='#ffc730',GradientType=0 );
}

#zvon{
display:block;
padding:10px;
color:#fff;
text-decoration:none;
font-size:18px;
text-transform:uppercase;
text-align:center;


background: #ffc730;
background: -moz-linear-gradient(top,  #ffc730 0%, #e6ab0c 100%);
background: -webkit-linear-gradient(top,  #ffc730 0%,#e6ab0c 100%);
background: linear-gradient(to bottom,  #ffc730 0%,#e6ab0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc730', endColorstr='#e6ab0c',GradientType=0 );
}

#zvon img{
margin-top:3px;
}

#zvon:hover{
background: #e6ab0c;
background: -moz-linear-gradient(top,  #e6ab0c 0%, #ffc730 100%);
background: -webkit-linear-gradient(top,  #e6ab0c 0%,#ffc730 100%);
background: linear-gradient(to bottom,  #e6ab0c 0%,#ffc730 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ab0c', endColorstr='#ffc730',GradientType=0 );
}

#space{
height:50px;
}

#top{
background:#e8e8e8;
padding:20px 0;
}

#phone{
color:#3e3e3e;
font-size:18px;
padding:5px 0;
}

#phone b{
font-weight:600;
}

#phone a{
color:#3e3e3e;
font-size:14px;
}

#adres{
color:#3e3e3e;
font-size:16px;
padding:5px 0;
}

#adres i{
font-size:13px;
}

#adres a{
display:inline-block;
margin-top:8px;
color:#158bbb;
font-size:14px;
font-style:italic;
text-decoration:underline;
}

#adres a:hover{
text-decoration:none;
}

.slide{
height:383px;
}

.fotorama__nav-wrap{
margin-top:-30px; 
}

#slogan{
float:right;
display:inline-block;
background:rgba(255,255,255,0.8);
margin:260px 40px 40px;
padding:10px 15px;
color:#000;
font-weight:600;
font-size:24px;
text-transform:uppercase;
}

#slogan i{
display:block;
margin-top:10px;
color:#000;
font-size:21px;
text-transform:none;
font-weight:normal;
}

#zag_cat{
display:inline-block;
color:#000;
font-size:36px;
border-bottom:2px solid #000;
}

#zag_cat:hover{
background:#f3f3f1;
text-decoration:none;
}

#cat ul{
margin:20px 0;
padding:0;
list-style-type:none;
display: flex;
flex-flow: row wrap;
justify-content:center;
}

#cat ul li{
width:260px;
background:#f3f3f1;
margin:10px;
text-align:center;
position:relative;
padding-bottom:80px;
}

#cat ul li img:hover{
opacity:0.8;
}

#cat_niz{
position:absolute;
bottom:20px;
width:100%;
margin-left:-20px;
}

#cat_text{
padding:20px;
}

#cat_zag{
display:block;
margin:10px 0;
color:#3e3e3e;
font-size:18px;
font-weight:bold;
text-decoration:none;
}

#cat_price{
display:block;
font-size:16px;
color:#ff0000;
margin:10px 0;
}

#cat_zag:hover{
text-decoration:underline;
}



#cat_proekt ul{
margin:20px 0;
padding:0;
list-style-type:none;
display: flex;
flex-flow: row wrap;
justify-content:center;
}

#cat_proekt ul li{
width:260px;
background:#f3f3f1;
margin:10px;
text-align:left;
position:relative;
}

#cat_proekt ul li img:hover{
opacity:0.8;
}

#cat_text_proekt{
padding:0 20px;
}

#cat_zag_proekt{
display:block;
margin:10px 0;
color:#3e3e3e;
font-size:18px;
font-weight:bold;
text-decoration:none;
}

#cat_zag_usl{
display:block;
margin:10px 0;
color:#009ede;
font-size:17px;
font-weight:bold;
text-decoration:none;
}

#cat_zag_proekt:hover{
text-decoration:underline;
}

#stroy{
background:#f3f3f1;
padding:20px 0;
}

#stroy ul{
margin:20px 0;
padding:0;
list-style-type:none;
display: flex;
flex-flow: row wrap;
justify-content:center;
}

#stroy ul li{
width:194px;
margin:10px;
background:#fff;
}

#stroy_zag{
display:inline-block;
height:110px;
padding:15px;
color:#009ede;
font-weight:bold;
font-size:18px;
}

#stroy img:hover{
opacity:0.8;
}

#stroy p{
padding:10px;
color:#000;
font-size:15px;
}

#stroy span{
display:block;
text-align:center;
margin-bottom:20px;
color:#dea201;
font-weight:bold;
font-size:18px;
}

#rab{
text-align:center;
padding:20px 0;
}

#rab img{
margin:10px 5px;
}

.jcarousel-wrapper {
    position: relative;
	padding:20px 60px 20px;
}

/** Carousel **/

.otzyv {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.otzyv ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.otzyv li {
    width:800px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/** Carousel Controls **/

.oprev,
.onext {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #1873a3;
    text-decoration: none;
    font: 60px/20px Arial, sans-serif;;
}

.oprev:focus,.onext:focus,.oprev:hover,.onext:hover{
text-decoration: none;
}

.oprev {
    left: 0px;
}

.onext {
    right: 0px;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 250px;
    float: left;
    border: 5px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/

.prev,
.next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 60px;
    height: 60px;
    text-align: center;
    color: #1873a3;
    text-decoration: none;
    font: 60px/20px Arial, sans-serif;;
}

.prev:focus,.next:focus,.prev:hover,.next:hover{
text-decoration: none;
}

.prev {
    left: 15px;
}

.next {
    right: 15px;
}

#otz{
background:#f3f3f1;
padding:20px 0;
}

#otz_zag{
font-size:21px;
color:#000;
margin:10px 0;
}

#otz_text{
background:#fff;
padding:20px;
font-style:italic;
}

#niz{
background:#3e3e3e;
padding:50px 0;
}

#niz_zag{
color:#f9c027;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
}

#niz_menu ul{
padding:0;
margin:10px 0;
list-style-type:none;
}

#niz_menu ul li{
margin:5px 0;
}

#niz_menu ul li a{
color:#fff;
font-size:15px;
}

#niz_menu ul li a:hover,#niz_menu ul li.active a{
text-decoration:underline;
}

#niz_phone{
margin:10px 0;
font-size:16px;
color:#fff;
}

#niz_phone a{
color:#fff;
}

#niz_phone i{
font-size:14px;
}

#niz_adres{
margin:10px 0;
font-size:16px;
color:#fff;
}

#niz_adres a{
color:#ffcf52;
text-decoration:underline;
font-style:italic;
font-size:14px;
}

#niz_adres a:hover{
text-decoration:none;
}

#copy{
color:#757474;
font-size:13px;
margin:10px 0;
}

#vek{
margin:10px 0;
text-align:right;
}

#vek img{
position:relative;
top:3px;
}

#vek a{
color:#747474;
font-size:11px;
position:relative;
bottom:2px;
}

@media (max-width: 1200px) {
#space{
height:40px;
}
#logo,#phone,#adres{
display:block;
text-align:center;
padding:0 0 10px;
}
}

@media (max-width: 992px) {

#catstroy_right{
position:relative;
min-height:237px;
margin:0 10px 0 10px;
}    

#catmat_zag,#catmat_price,.catmat_zak{
margin:10px 0;
}

#slogan{
float:none;
display:block;
text-align:center;
margin:60px 20px 20px;
font-size:24px;
}

#otz_zag,#copy,#vek,#niz_zag,#niz_menu,#niz_phone,#niz_adres,#niz_right{
float:none;
text-align:center;
}

}

@media (max-width: 768px) {
h1,h2,h3,h4,h5,#zag{
font-size:24px;
}
}

/*Меню*/
@media (min-width: 768px) {
  .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
    text-align: center;
    margin:0;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .dropdown-menu{
    position:relative !important;
    float:none !important;
    }
    .navbar .navbar-nav{
        display: block !important;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
        width:100% !important;
    }
    .navbar-header {
        float:none !important;
    }
    .navbar-nav > li{
    float:none !important;
    }
    .navbar .navbar-collapse{
    text-align:left !important;
    }
}
.navbar-toggle {
width: 100%;
padding:1px 0;
float: none;
margin-right: 0;
border:none;
color:#fff;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
box-shadow:0;
background: transparent;
border:0;
}

.navbar{
min-height:auto;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background: transparent;
}

.navbar-default{
background:none;
border:none;
margin:0;
}
/*Меню*/