﻿body {
color: #000;
}

.row2{
    margin-left: -26px;
    margin-right: -26px;
}
a{color:#966834;
}
a:hover{color:#a70700;
text-decoration:none;

}
p {  margin: 10px 0 10px;}
h2{color: #a70700;
    font-weight: bold;
    text-align: center;font-size:18pt; 
	margin-top: 10px;
    margin-bottom: 10px;}

.background-left., background-right {width:100%;}
.bgl1{background:url('../img/fon-1a.png') no-repeat top left; background-attachment:fixed;}
.bgr1{background:url('../img/fon-1b.png') no-repeat top right; background-attachment:fixed;}
.bgl2{background:url('../img/fon-2a.png') no-repeat top left;  background-attachment:fixed;}
.bgr2{background:url('../img/fon-2b.png') no-repeat top right; background-attachment:fixed;}
.bgl3{background:url('../img/fon-3a.png') no-repeat top left;  background-attachment:fixed;}
.bgr3{background:url('../img/fon-3b.png') no-repeat top right; background-attachment:fixed;}
.bgl4{background:url('../img/fon-4a.png') no-repeat top left;  background-attachment:fixed;}
.bgr4{background:url('../img/fon-4b.png') no-repeat top right; background-attachment:fixed;}
.bgl5{background:url('../img/fon-5a.png') no-repeat top left;  background-attachment:fixed;}
.bgr5{background:url('../img/fon-5b.png') no-repeat top right; background-attachment:fixed;}
.bgl6{background:url('../img/fon-6a.png') no-repeat top left;  background-attachment:fixed;}
.bgr6{background:url('../img/fon-6b.png') no-repeat top right; background-attachment:fixed;}

.bgc2{padding:0;}
.bgc2 img{height:auto;width:100%;}

.language{
position:absolute;
z-index:1000;
top:-20px;
right:0px;
width:150px;
}
.language .lang {
  display: inline-block;
    padding: 6px;
   
    font-size: 12pt;
box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
}
.language .lang a {
  color: #966834;
}
.language .active  a{
color:#a70700;
}

.language .active{
 font-weight: bold;
}








.shapka{

position:relative;
}
.shapka img{
width:auto; 
height:65px;
}
.shapka h4 {
font-size:10pt; 
font-weight:bold;
text-transform:uppercase; 
color:#a70700;
padding:0;
line-height: 55px;
}
.shapka .fa-phone{
  border-radius: 10px;
  border: 1px solid #a70700;
  padding: 2px 3px;
font-size:60%;
}


.shapka .headtext {
text-align:left;
padding:0;
}
.shapka .logo {
text-align:center;
padding:0;
}
.shapka .phone {
text-align:right;
padding:0;
}
.shapka .phone h4{
font-size:11pt; 
text-align:right;
padding:0;
}

.square-production{margin-bottom:10px;}

.square-menu, .square-production{
font-weight:bold;
text-transform:uppercase; 
color:#fff;
text-align:center;
}

.square-menu a, .square-production a, .square-bottom a{
color:#fff;
}
.square-menu a, .square-production a{color:#fff;margin: 2px;}
.square-menu a:hover, .square-production a:hover, .square-bottom a:hover{
color:#fff;
}

.sqm, .sqp {

background-size:cover;
display: inline-block;
  padding: 0;
  text-align: center;
  position:relative;
}



.square_head h4 {
  font-size: 12px;
  font-weight: bold;
    display: inline-block;
    height: 30%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
}

.square_head .icon{
font-size:30pt;
}

.sqm1{
background:#f5d187;
}
.sqm2{
background:#f5c46b;
}
.sqm3{
background:#ebb46e;
}
.sqm4{
background:#be793a;
}
.sqm5{
background:#966837;
}
.sqm6{
background:#7e4f1f;
}
.current{
background:#a70700;
}





.sqm:hover, .sqb:hover, .breadcrumbs:hover{background:#a70700;}
.sqp {position:relative; overflow:hidden}
.sqp .filter {position:absolute; width:100%;height: 100%;background-color:rgba(167, 7, 0, 0);right:0px;}
.sqp .filter:hover {background-color:rgba(142, 6, 0, 0.7);}

.sqp-big{text-align:center;}
.sqp-big .icon{
  display: inline-block;
  width:100%;
  padding: 0 0 40px 0;
  vertical-align: middle;
  font-size:50pt;
  color:#fff;


  }
.sqp-big h4 {
  font-size: 18px;
  font-weight: bold;
    display: inline-block;
    height: 30%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto 0;
}
.sqp-big .t{
  font-size: 18px;
  font-weight: bold;
width: 100%;
display: inline-block;
margin: auto 0;}






.goldblok{
background:rgba(252, 236, 153, 0.70);
margin-top:10px;
margin-bottom: 10px;
text-align: justify;
padding: 20px;
box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
}
.goldblok h2{
  color: #a70700;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
}

.whiteblock{
  font-size: 14pt;
margin-top:5px;
margin-bottom:5px;
text-align: justify;
padding: 20px;
}
.whiteblock h2{
  line-height: 1.2;
    color: #a70700;
    font-size: 17pt;
    font-weight: bold;
    text-align: center;
	margin-bottom: 20px;
}



.title {
  color: #966834;
font-size:20pt; 
font-weight:bold;
text-transform:uppercase; 
  text-align: center;
overflow:hidden;
   
}
.title:before, .title:after{
content: " ";
display:inline-block;
vertical-align:middle;
width:100%;
height:1px;
background-color:#966834;
position:relative;
box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2);
}
.title:before{
margin-left:-100%;
left:-14px;
}
.title:after{
margin-right:-100%;
right:-14px;
}

    


.left{
text-align:left;padding: 0;
}
.right{
text-align:right;padding: 0;
}




.content {
text-align: justify;
}

.content h1{
  color: #a70700;
  font-size: 14.5pt;
  font-weight: bold;
  text-align: center;

}
.content h2{
  color: #a70700;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
}

.content img {
max-width:50%;
margin:  10px 10px 10px 0px;
}
.content a{
color:#966834;
}
.content a:hover{
color:#a70700;
}

hr{
width:100%;
height:1px;
background-color:#966834;
box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.2);
}






.gallery-production{
text-align:center;
margin-top: 10px;
    margin-bottom: 10px;
padding:0;
}
.gallery-production h4{
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: bold;
}
.gallery-production img{
max-width:100%;
}

 




.contact{margin-top: 7px;}
.contact h4 {font-weight:bold;color:#a70700;    font-size: 9.5pt;}
.contact .fa-phone{
  border-radius: 10px;
  border: 1px solid #966834;
  padding: 2px 3px;
font-size:60%;
}
.contact .fa {color: #966834;}
.contact span{
vertical-align: middle;

color: #966834;
}

.action img {overflow:hidden; padding-left:10px; padding-right:0;}
.action .lid{max-height:6em; overflow:hidden;  padding-left:0; padding-right:0;max-height:9em; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.action .cut{ padding-left:0; padding-right:0;}
.cut{font-weight:bold;}

.action, .news {text-align:justify;}

.news h4{text-align:left;margin-top:0;
color: #966834;
font-weight:bold;
margin-block-start: 0em;
margin-block-end: 0em;}
.news .lid{max-height:9em; overflow:hidden; padding-right:0;

}
.news .lid2{-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    width: 200%;
    overflow: hidden;}
.news p{margin-block-start: 0em;    margin-block-end: 0em;line-height: 1.5em;}
.news .cut{text-align:right;margin-bottom: 0;}
.news-img{display:inline-block;max-height: 180px;max-width: 180px;padding:0 0 10px 0;}

.sqb {
border: solid 1px #fff;
display: inline-block;
  padding: 0;
  text-align: center;
}

.square-bottom{ padding-top: 10px;
    padding-bottom: 10px;}


.square-bottom .icon, .breadcrumbs .icon{
display: inline-block;  
padding: 0 10px 0 10px;
vertical-align: middle;
color:#fff;
font-size:10pt;
line-height: 10px;
}

.square-bottom h4,  .breadcrumbs h4{
  font-size: 9pt;
  font-weight: bold;
  line-height: 10px;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  display: inline-block;

}
.breadcrumbs {
	display: inline-block;
	padding: 0 20px;
	background-color: #BE793A;
	min-width: 150px;
margin-top: 10px;
    margin-bottom: 10px;
}
 .bread_brothers   {
 display: inline-block;
padding: 10px 4px;
    font-size: 90%;
    color: #966834;
	}
 .bread_brothers:not(:last-child):after{
 content: " | ";
    display: inline-block;
    padding-left: 10px;
}

.bread_parrent:after{
 content: " > ";
    display: inline-block;
    padding-left: 10px;
    color: #966834;
}

.bread_child{padding-left: 5px;}


.preimushestva div{
  text-align: center;
}
.preimushestva .icon {
display: inline-block;  
padding: 10px 0;
vertical-align: middle;
font-size:30pt;
color: #966838;
margin: auto;
}
.preimushestva h4{
font-size:11pt;
font-weight:bold;
color:#966834;
    width: 97%;
    margin: auto;
}

.preimushestva .gp{
display: inline-block;
margin: 10px 0 10px 0;
height: 110px;
}


.uzkie_kontakty{padding:0 35px;}



hr{
    margin-top: 10px;
    margin-bottom: 10px;}



.footer{
font-size:8pt;
color:#966834;
  font-weight: bold;
      margin-top: 10px;
    margin-bottom: 10px;
}
.footer a{
color:#a70700;
}
.footer p{
margin: 0 0 2px 0;

}

.footer_phone {
padding:0; 
font-weight: normal;
font-size: 90%;}


.square{width: 32.9%;
height:32.9%;
    margin: auto;
    overflow: hidden;
}
.square:before{
     content: "";
    padding-top: 100%;
    float: left;
}

.square_head{width: 16.2%;

    margin: auto;
    overflow: hidden;
}
.square_head:before{
     content: "";
    padding-top: 100%;
    float: left;
}


.sqp7 {
background:url('../img/about_7.png');
background-size: cover;
}
.sqp8 {
background:url('../img/about_8.png');
background-size: cover;
}
.sqp9 {
background:url('../img/about_9.png');
background-size: cover;
}
.sqp10 {
background:url('../img/about_10.png');
background-size: cover;
}
.sqp11 {
background:url('../img/about_11.png');
background-size: cover;
}
.sqp12 {
background:url('../img/about_12.png');
background-size: cover;
}



.sqp7head {
background:url('../img/head_7.png');
background-size: cover;
}
.sqp8head {
background:url('../img/head_8.png');
background-size: cover;
}
.sqp9head {
background:url('../img/head_9.png');
background-size: cover;
}
.sqp10head {
background:url('../img/head_10.png');
background-size: cover;
}
.sqp11head {
background:url('../img/head_11.png');
background-size: cover;
}
.sqp12head {
background:url('../img/head_12.png');
background-size: cover;
}