/* Start:/bitrix/templates/.default/components/bitrix/menu/topmenu-multilevel/style.css?15486689402161*/
.menu{display:block;
    padding: 0;
    margin: 0 0;}

.menu li{display: inline-block;
position: relative;
z-index:100;}

.menu li a {font-weight:600;
text-decoration:none;
padding: 11px 12px;
display:block;
color:#3c2313;
    border-radius: 2px;

-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
    background-color: #3c2313;}
/* hide the second level menu */
.menu ul {display: none;
margin: 0;
padding: 0;
width: 250px;
position: absolute;
/top: 43px;
left: 0px;
background: #e6e2d8;
color:#3c2313;
}

/* display second level menu on hover */
.menu li:hover > ul{ display: block;}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}

.menu ul li a {
font-weight:normal;
display:block;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#bbb39d;
color:#797979;
}
/* change level 3 menu positions */
.menu ul ul {left: 149px;
	top: 0px;
}
.mobile-menu{display:none;
    width: 90%;
    padding: 11px 5%;
background:#462e1f;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{
text-decoration:none;
}

.sub-menu li a{
padding:8px 11px !important;
}

@media (max-width: 1400px) {
.menu li a {
padding: 15px 5px;
}
}

@media (max-width: 1200px){
.menu li a {
    padding: 11px 5px;
    font-size: 12px;
}

.sub-menu li a{
padding:8px 11px;
}
}

@media (max-width: 1020px){
.menu li a {
    padding: 11px 5px;
    font-size: 12px;
}
}

@media (max-width: 850px) {

.menu{display:none;}

.mobile-menu{display:block;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
color: #462e1f;
    font-size: 16px}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #462e1f;}

/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}/*end media queries*/
/* End */


/* Start:/bitrix/templates/main/styles.css?175610405515796*/
body{
    padding: 0;
    margin: 0;
    background: url(/bitrix/templates/main/img/body.jpg) repeat;
    font-family: georgia;
    font-size: 16px;
    overflow-x: hidden;
}

h1{
    margin: 0;
    font-weight: 500;
    font-size: 35px;
    color: #3d2314;
}

h2, h3{
    margin: 50px 0 20px 0;
    font-weight: 500;
    font-size: 25px;
    color: #3d2314;
}

a{
    color: #3d2314;
}

a:hover{
    color: #865437;
}

img,
iframe{
border:0;
max-width: 100%;
}

iframe{
width: 100%;
}

header{
height: 129px;
    background: url(/bitrix/templates/main/img/header-long.jpg) repeat-x;
    font-size: 18px;
    position: relative;
    z-index: 10;
}

header a{
text-decoration:none;
}

header .wrap{
    background: url(/bitrix/templates/main/img/header.png) left no-repeat;
    height: auto;
}

header img
{
    float: left;
    margin-left: 30px;
    margin-top: 10px;
}

header .rejim{
    float: left;
    margin-left: 0;
    margin-top: 25px;
font-size: 16px;
width: 240px;
}

.call-head{
    float: left;
    margin-left: 20px !important;
    margin-top: 25px !important;
    font-size: 14px !important;
    width: 140px;
    padding: 10px 20px !important;
    text-align: center;
}

header .text{
    float: left;
    margin-left: 20px;
    width: 220px;
    margin-top: 25px;
font-size: 16px;
}

header .contact{
    float: right;
text-align:right;
margin-top:0!important;
}


header .contact p{
    margin: 2px 0;
}


header .contact span{
    font-size: 38px;
}

.wrap{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

.slider {
    width: 90%;
    max-width: 1200px;
    margin: -28px auto 0 auto;
}

main{
background: #fff;
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

main .wrap{
padding: 20px 0 50px 0;
}

nav{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    background: #e6e2d8;
/display: table;
    display: block;
padding:0;
}

.otzivi{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    display: table;
padding-bottom:50px;
}

.otzivi h2{
    padding-left: 55px;
}

.otzivi .item{
width: 90%;
    clear: both;
    margin: 0 5%;
    padding: 40px 0;
    min-height: 90px;
    border-bottom: 1px solid #ddd;
}

.otzivi .item img{
float: left;
    margin-right: 20px;
    border-radius: 10px;
}
.otzivi .item i{
color: #3d2314;
}

.otzivi .item p{
    margin: 0;
}

footer{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #e6e2d8;
    display: table;
}

footer>div{
padding:2%;
    width: 29%;
float:left;
}

footer .right{
text-align:right;
}

footer .right img{
float:right;
margin-left: 30px;
}

.col-4{
display: inline-block;
    width: 100%;
}

.col-4 .item{
    width: 21%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 1%;
    border: 1px solid #ccc;
}

.col-4 .item:nth-child(4n+4){
    margin-right: 0;
}

.col-4 .item img{
width: 100%;
}

.col-4 .item a{
    color: #3c2313;
    font-weight: bold;
    font-size: 18px;
    min-height: 40px;
    display: block;
}

.col-4 .item p{
    background-color: #e6e2d8;
    color: #6f9a0c;
    padding: 10px;
    margin: 10px 0 0 0;
    font-size: 13px;
    min-height: 39px;
}

.col-4 .item p span{
    font-weight: bold;
    font-size: 20px;
}

.h2-art{
    width: 100%;
    text-align: center;
}

.h2-art h2{
display: inline-block;
}
.h2-art img{
    vertical-align: middle;
}

.action-2018 {
    background-image: url(/img/action-2018.jpg);
    height: 293px;
    color: #fff;
    font-style: normal;
    margin: 40px 0;
}

.action-2018 strong {
    font-size: 40px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 20px;
    display: inline-block;
    width: 100%;
}

.action-2018 i {
    font-size: 115px;
/    display: table-caption;
/    float: left;
    margin: 10px 20px 80px;
}

.action-2018 .skidka-text {
    font-size: 30px;
    text-transform: uppercase;
    width: 100px;
    display: inline-block;
    line-height: 30px;
}

.action-2018 a {
    border: 2px solid #fff;
    background: transparent;
    font-family: georgia;
    color: #fff;
    font-size: 18px;
    padding: 10px 30px;
    clear: both;
    margin: 40px 20px;
}

.all-works{
    background-color: #3c2313;
    color: white;
    font-size: 18px;
    padding: 10px 30px;
    margin: 0 auto;
    display: table;
    border-radius: 5px;
}

.item-otziv {
    display: inline-block;
    margin: 20px 0 30px 0;
    width: 100%;
}

.item-otziv .img {
float: left;
width: 20%; 
text-align: center; 
}

.item-otziv .img img{
max-width: 100%;
}

.item-otziv .background {
/background-image: url('/bitrix/templates/main/img/border_otzyv5.png');
/background-repeat: no-repeat;
    border: 4px solid #eee;
width: 75%;
    float: right;
background-position-y: -5px;
}

.item-otziv .text {
padding:40px;
}

.item-otziv .text span{
font-style: italic;
    color: #807760;
}

.fancybox-image-wrap{
    max-width: 1000px;
}

.fancybox-image, .fancybox-spaceball{
 height: auto !important;
}

.podelitysa{
    text-align: right;
}

.popupover {
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
}
.popup {
	display: none;
	width: 20%;
	min-width: 200px;
	height: auto;
	background: #fff;
	opacity: 1;
	z-index: 110;
	position: fixed;
	padding: 10px 10px;
	top: 20%;
	left: 40%;
border: 5px solid #e6e2d8;
}
.popup .close {
	position: absolute;
    right: -55px;
    top: -5px;
}
.popup .form {
	position: relative;
	padding: 10px 10px;
	text-align: left;
	width: 100%;
}
.popup .form .success {
	display: none;
	text-align: center;
	width: 100%;
	color: green;
	margin: 10px 0px;
}
.popup .form .error, .popup .form .error_inp {
	display: none;
	text-align: center;
	width: 100%;
	color: red;
	margin: 10px 0px;
}
.popup .form .inputs {
	margin: 0px 0px 25px 0px;
}
.popup .form .inputs .input-item {
	margin: 10px 0px;
	clear: both;
	height: 35px;
}
.popup .form .inputs .input-item label {
	float: left;
	padding-right: 10px;
	width: 30%;
}
.popup .form .inputs .input-item input {
	float: left;
    width: 80%;
    height: 25px !important;
    font-weight: bold;
    padding: 5px 5%;
}
.popup .form .btns {
	clear: both;
	width: 100%;
	text-align: center;
}
.popup .form .btns input {
    width: 91%;
    margin: 0 !important;
    display: block;
    background-color: #8eab32;
    color: #fff;
    border: 0;
    font-size: 18px;
    padding: 10px 0;
    text-transform: uppercase;
}

header .zakaz{
    margin: 0 auto;
}

.zakaz{
background-color: #628d0a;
    color: white;
    font-size: 18px;
    padding: 10px 80px;
    margin: 0 auto 30px;
    border-radius: 5px;
    display: inline-block;
}

.zakaz:hover{
    background-color: #9bc70d;
    color: white;
}


* {
  font-family: Georgia;
}

.ya-share2{
text-align:right;
}

.calulator {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.calulator .calc-img {
  margin-right: 20px;
}
.calulator .calc-info {
  max-width: 600px;
    border: 1px solid #999;
    padding: 15px 40px;
    border-radius: 10px;
}
.calulator .calc-info h3 {
  color: #3d2314;
  font-size: 24px;
  margin: 0;
}
.calulator .calc-info p {
  color: #3d2314;
  font-size: 14px;
}
.calulator .calc-info #opt-calc {
  max-width: 400px;
}
.calulator .calc-info #opt-calc .opt-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.calulator .calc-info #opt-calc .opt-line span {
  width: 160px;
  height: 34px;
  color: #3d2314;
  font-size: 14px;
}
.calulator .calc-info #opt-calc .opt-line select {
  width: 242px;
  height: 34px;
  margin-bottom: 20px;
  border: 1px solid #ccc8c7;
  border-radius: 2px;
  background-color: #f1f1f1;
margin-left: 10px;
}
.calulator .calc-info #opt-calc .opt-line input {
  width: 220px;
  height: 34px;
  margin-bottom: 20px;
  border: 1px solid #ccc8c7;
  padding: 0 10px;
  border-radius: 2px;
  background-color: #f1f1f1;
margin-left: 10px;
}
.calulator .calc-info #opt-calc .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.calulator .calc-info #opt-calc .btn-wrap button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 244px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  text-decoration: underline;
  font-size: 1rem;
  color: white;
  background-color: #628d0a;
}
.calulator .calc-info #opt-calc .btn-wrap button:hover {
  cursor: pointer;
  background-color: #507308;
}
.calulator .calc-info .hidden {
  display: none !important;
}
.calulator .calc-info .calc-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 500px;
}
.calulator .calc-info .calc-result .result-text {
  margin: 10px 0;
  color: #3d2314;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
}
.calulator .calc-info .calc-result a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 244px;
  height: 34px;
  border: 0;
  border-radius: 4px;
  text-decoration: underline;
  font-size: 1rem;
  color: white;
  background-color: #628d0a;
}
.calulator .calc-info .calc-result a:hover {
  background-color: #507308;
}

.media{
    width: 90%;
    max-width: 1200px;
    margin:40px auto;
  background-color: #fff;
display: table;
    text-align: center;
}


.media .video-block{
margin:2%;
    width: 29%;
float:left;
}

.media .video-block iframe{
width: 100%;
    height: 300px;
}

.price-page{
    font-size: 22px;
    font-weight: bold;
    color: #39500b;
margin-bottom:40px;
}


.litye{
    width: 90%;
    max-width: 1200px;
    margin: 40px auto;
    background-color: #fff;
    display: table;
    text-align: center;
}

.litye .item {
    margin: 2%;
    width: 21%;
    float: left;
}

.action-month{
    display: table;
width:100%;
margin: 80px 0;
}


.action-month .left{
float:left;
width:55%;
margin-right:3%
} 

.action-month p{
font-size:28px;
margin:0 0 10px 0;
} 

.action-month .left table{
width:100%;
font-size:18px;
border-collapse: collapse;
} 

.action-month .left table img{
    float: left;
    margin-right: 10px;
    margin-top: -3px;
}

.action-month .left table tr{
    border-bottom: 1px solid #bbb;
}

.action-month .left table tr td{
    padding: 5px 0;
}

.action-month .left .action-month-free{
color:#6f9a0c;
font-weight: 900;
} 


.action-month .right{
float:left;
width:calc(42% - 165px);
/width:42%;
/height:223px;
background: url(/bitrix/templates/main/img/action-month-form.png) left center no-repeat;
padding:15px 15px 10px 150px;
} 

.action-month .right b{
color:#6f9a0c;
font-size:24px;
}

.action-month .right a{
font-size:10px;
}


.action-month .right input[type="text"]{
    width: 100%;
    padding: 5px 0;
    font-size: 16px;
    margin: 5px 0 0 0;
}

.action-month .right input[type="submit"]{
background-color: #6f9a0c;
    border: 1px solid #6f9a00;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin: 7px 0;
}

.price{
width: 100%;
    border-collapse: collapse;
}

.price tr th{
    background-color: #e6e2d8;
padding:10px;
text-align: left;
}

.price tr td{
    border-bottom: 1px solid #999;
padding:10px;
}

.price tr:nth-child(2n-1) td{
    background-color: #f3f0ea;
}

.price tr:hover td{
    background-color: #d3e0b8;
}

.shop,
.user{
    display:none;
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    min-height: 225px;
    width: 100% !important;
    height: auto !important;
}
.youtube .play {
    background: url('/bitrix/templates/main/img/youtube-play-btn.png') no-repeat;
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.youtube:hover .play {
    background-position: 0 0;
}

.youtube_popap iframe {
    position: unset;
width: 100%;
height: 600px;
}

.youtube_popap_wrap {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 200;
}

.youtube_popap {
    max-width: 900px;
    position: relative;
    width: 100%;
    max-height: 320px;
    height: 100%;
    display: block;
    top: -13%;
    z-index: 2;

}

.youtube_popap_exit {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
background-color: #00000061;
}


@media (max-width: 1300px){
header .rejim {
    display:none;
}
}


@media (max-width: 1200px){
header .rejim {
    margin-left: 2%;
}

header {
    font-size: 16px;
	}
}

@media (max-width: 1200px){
.action-month .right b {
    font-size: 18px;
}
}


@media (max-width: 1050px){
header .rejim {
    display:none;
}

.h2-art img {
    width: 50px;
}
}


@media (max-width: 900px){
.action-month .right,
.action-month .left {
    float: none;
    width: auto;
margin: 30px 0;
}
}


@media (max-width: 800px){
header {
    background:#fff;
    height: 250px;
}

header .contact {
    float: none;
    text-align: center;
    clear: both;
    border-top: 1px solid #ccc;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

.slider {
    margin: 0 auto;
}

.item-otziv .img {
    font-size: 12px;
}

.item-otziv .text {
padding:20px;
}

.action-month .left {
    float: none;
    width: 100%;
    margin-right: 0%;
}

.youtube_popap iframe {
height: 400px;
}

}

@media (max-width: 750px){
.col-4 .item {
    width: 44%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 1%;
    border: 1px solid #ccc;
}

.col-4 .item:nth-child(2n+2) {
    margin-right: 0;
}
.col-4 .item:nth-child(4n+4) {
    margin-right: auto;
}

.mn{
display:none;
}

.calulator .calc-info {
    padding: 10px;
}

.calulator .calc-info #opt-calc .opt-line select {
    width: 200px;
    margin-left: 0;
}

.calulator .calc-info #opt-calc .opt-line input {
    width: 200px;
    margin-left: 0;
}

.media .video-block {
    margin: 2% 5%;
    width: 90%;
    float: none;
}
}

@media (max-width: 600px){
header img {
    margin-left: 5%;
    width: 40%;
}

.h2-art img {
    display: none;
}

.action-2018 i {
    margin: 10px 20px;
	line-height: 40px;
}

.action-2018 .skidka-text {
    width: 100%;
    display: block;
    clear: both;
    line-height: 1;
    margin-left: 20px;
    font-size: 25px;
}

.calulator .calc-info #opt-calc .opt-line {
    display: block;
}

.action-month .left table {
    font-size: 14px;
}
}
@media (max-width: 800px){
	header {
height:auto!important;
}
}
@media (max-width: 500px){
header .text {
    width: 50%;
    margin-left: 5%;
}

.otzivi .item {
    font-size: 13px;
}
}

@media (max-width: 420px){
header .text {
    margin-top: 5px;
}

.col-4 .item {
    width: 100%;
    float: none;
    margin-right: 0;
}
}

form .success, form .error, form .error_inp {
	display: none;
}

/* End */
/* /bitrix/templates/.default/components/bitrix/menu/topmenu-multilevel/style.css?15486689402161 */
/* /bitrix/templates/main/styles.css?175610405515796 */