html, body {height: 100%;}
body {
	margin: 0;
	color: #353535;
	min-width: 100%;
	background: #dccb9d;
	font: 12px/14px arial, helvetica, sans-serif;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}
input, select, textarea {
	vertical-align: middle;
	font: 100% arial, sans-serif;
}
a {
	color: #178900;
	text-decoration:underline;
}
a:hover {text-decoration: none;}
/* General settings */
.w1 {
	background:#f8e8b7 url(/template/images/bg-wrapper.jpg) no-repeat 50% 0;
	width:100%;
	overflow:hidden;
}
#wrapper {
	max-width:100%;
	margin: 0 auto;
	width: 1000px;
}
#header {
	width:100%;
	overflow:hidden;
	position: relative;
	height: 190px; 
}
.logo {
	overflow:hidden;
	width:293px;
	height:60px;
	left:18px;
	top:41px;
	/*position:absolute;*/
	margin:0;
	display: inline-block;
	margin-top: 30px;
}
.logo a {
	display:block;
	background:url(/template/images/logo.png) no-repeat;
	width:293px;
	height:60px;
	text-indent:-9999px;
	position:relative;
	cursor: pointer;
}
.authorization-hold {
	width:329px;
	/*position:absolute;*/
	top:19px;
	right:22px;
	overflow:hidden;
}

#attention {
float: left;
max-width: 38%;
position: absolute;
top: 19px;
text-align: justify;
font-style: italic;
font-size: 15px;
margin-left: 350px;
margin-top: 20px;
margin-right: 30px;
margin-bottom: 50px; 
}

.link-login {
	float:right;
	background:url(/template/images/ico-login.gif) no-repeat 0 2px;
	padding:0 0 2px 20px;
}
.lang-list {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.lang-list li {
	float:left;
	display:inline;
	margin:0 11px 0 0;
}
.slogan
{
	/*position:absolute;*/
	font-size:18px;
	font-weight:normal;
	right:19px;
	top:54px;
} 

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	background:url(/template/images/bg-nav.gif) repeat-x;
	position:relative;
	z-index:10;
	display: table;
}
#nav:after {
	content:"";
	display:block;
	clear:both;
}
#nav > li {
	display: table-cell;
	background: url(/template/images/separator-nav.gif) no-repeat;
	padding: 0 0 0 2px;
	margin: 0 0 0 -2px;
}

#nav li:hover > ul {
	display: block;
}

#nav li ul li {
	margin: 0 0 0 10px;
	display: inline-block;
	height: 39px;
}

#nav li ul li a {
	color: #FFFFFF;
	height: 39px;
	line-height: 39px;
}

#nav a {
	height: 34px;
	display:block;
	color: #434343;
	text-decoration: none;
	text-align: center;
	font-size:14px;
	line-height:34px;
}
#nav a:hover,
#nav li.hover a {background:url(/template/images/bg-nav-hover.gif) repeat-x;}
#nav .active a, #nav .active li.active a {color:#009623;}
#nav .active li a {color:#fff;}
#nav .first-child {background:none;}
.promo {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.promo .top-bar {
	position:absolute;
	width:100%;
	height:39px;
	background:url(/template/images/bg-brown-overlay.png);
	z-index:10;
}
#nav li.hover ul {display:block;}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	position:absolute;
	text-align:left;
	top:34px;
	left:0;
	font-size:12px;
	display:none;
}
#nav > ul li {
	float:none;
	background:none;
	margin:0 0 0 8px;
	padding:0;
}
#nav > ul a {
	display:inline;
	float:none;
	color:#fff;
	font-size:12px;
	line-height:37px;
	text-decoration:underline;
	background:none !important;
}
#nav ul a:hover {
	text-decoration:none;
	background:none;
}
.gallery {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.gallery a.link-prev,
.gallery a.link-next {
	position:absolute;
	background:url(/template/images/btn-prev.png) no-repeat;
	width:10px;
	height:15px;
	text-indent:-9999px;
	overflow:hidden;
	top:199px;
	left:5px;
	z-index:20;
	cursor: pointer;
}
.gallery a.link-next {
	background:url(/template/images/btn-next.png) no-repeat;
	left:auto;
	right:5px;
}
.gallery .gallery-holder {
	width:100%;
	position:relative;
	overflow:hidden;
}
.gallery .gallery-holder ul {
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	top:0;
	height:416px;
	left:0;
	overflow: hidden;
}
.gallery .gallery-holder ul li {
	height:416px;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	display: none;
}
.gallery .gallery-holder ul li img {
	vertical-align:top;
}
.gallery .gallery-holder .text {
	position:absolute;
	width:306px;
	right:20px;
	bottom:49px;
	background:url(/template/images/bg-brown-overlay.png);
	z-index:10;
	color:#fff;
	font-size:11px;
	line-height:13px;
	padding:9px 12px 12px;
}
.gallery .gallery-holder .text .title {
	display:block;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	padding:0 0 13px;
}
.gallery .gallery-holder .text p {margin:0;}
.gallery .switcher {
	width:100%;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:0;
}
#switcher {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	display: block;
	text-align: justify;
	background:url(/template/images/bg-brown-overlay.png);
}
#switcher::after {
	display: inline-block;
	width: 100%;
	content: " ";
	overflow: hidden;
	height: 0;
}
#switcher > li {
	display: inline-block;
	font-size: 12px;
	margin: 10px 0 0 10px;
}
/*#switcher span{*/
	/*display:block;*/
	/*height:32px;*/
	/*text-align:center;*/
/*}*/
/*#switcher a {*/
	/*color: #fff;*/
	/*text-decoration: none;*/
	/*font-size:14px;*/
	/*line-height:32px;*/
	/**/
/*}*/
#switcher a:hover {text-decoration:underline;}
#switcher .active {color:#009623;}
.promo-bottom {
	background:url(/template/images/bg-promo-bottom.png) no-repeat;
	width:939px;
	height:31px;
	overflow:hidden;
	margin:0 auto 6px;
}
#main {
	padding:0 20px 31px;
	height:1%;
	overflow:hidden;
}
.three-columns {
	width:100%;
	overflow:hidden;
}
.three-columns .content {
	float:left;
	width:37%;
}
.three-columns .content .text-holder {
	padding:0 20% 0 0;
}
.three-columns .certificates {
	float:left;
	width:24%;
}
.three-columns .video {
	float:left;
	width:39%;
}
#main h2 {
	margin:0 0 22px;
	font-size:24px;
	line-height:26px;
	font-weight:normal;
}
#main p {margin:0 0 16px;}
#footer {
	max-width: 1000px;
	/*width: 100%;*/
	overflow:hidden;
	/*background:url(/template/images/bg-footer.gif) no-repeat 0 15px;*/
	margin:0 auto;
	height:120px;
	font: 11px/13px "trebuchet ms", helvetica, sans-serif;
}
#footer2{
	max-width: 1000px;
	/*width: 100%;*/
	margin: 0 auto 40px;

font: 11px/13px "trebuchet ms", helvetica, sans-serif;
}

.by {
	float:right;
	margin:34px 20px 0 0;
	text-decoration:none;
	color:#000;
	padding:0 0 0 31px;
	line-height:32px;
	background:url(/template/images/ico-by.gif) no-repeat 0 50%;
}
.by strong {
	font-weight:normal;
	text-decoration:underline;
	color:#1d5900;
}
.by span {color:#1d5900;}
.copyright {
	background:url(/template/images/ico-copyright.gif) no-repeat 0 50%;
	padding:3px 0 3px 26px;
	line-height:20px;
	/*margin:38px 26px 0 147px;*/
	margin:38px 26px 0 0;
	float:left;
}
#footer .col {
	float:left;
	margin:43px 34px 0 0;
}
#footer .col p {margin:0 0 12px;}
.catalog-holder {
	width:100%;
	overflow:hidden;
	margin:-8px 0 0;
}
.catalog-holder .catalog-list {
	width:35%;
	float:left;
}
.catalog-list .list {
	margin:23px 39px 0 0;
	padding:0;
	list-style:none;
}
.catalog-list .list li {
	margin:0 0 4px;
	padding: 2px 2px 2px 5px;
	width:100%;
	overflow:hidden;
	vertical-align:top;
}
.catalog-list .list a {
	display:block;
	padding:4px;
	background:#dfd1a5;
	color:#3b3b3b;
	font-size:18px;
	height:1%;
	/*line-height: 24px;*/
}

.catalog-list > .list > li > a {
	min-height: 19px;
	text-decoration: none;
} 

.catalog-list .list a span {
	border-bottom: dashed 1px #3b3b3b;
}

.catalog-list .list .selected a span {
	border-bottom: none;
}

.catalog-list .list ul {
	margin:0 0 -2px;
	padding:7px 10px 0 37px;
	list-style:none;
}

.catalog-list .list ul {
	display: none;
}

.catalog-list .list li.active > ul {
	display: block;
}

.catalog-list .list ul a {
	display:inline;
	font-size:12px;
	color:#2ca53e;
	background:none;
	padding:0;
}


/*
.catalog-list .list .active > a {
	background: #777;
	text-decoration: none;
}
*/
.catalog-list .list ul .active a {
	color:#282828;
	text-decoration:none;
	font-weight:bold;
}

.catalog-list .list .opener {
	padding: 0;
}

.catalog-list .descript {
	height:1%;
/*	overflow:hidden; */
	margin-top:20px;
}
#main h3 {
	margin:0 0 11px;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
}
.promo-image {
	width:100%;
	overflow:hidden;
	position:relative;
}
.promo-image img {
	display:block;
	margin:0 auto;
}
.catalog-holder .descript {
	height:1%;
	overflow:hidden;
	margin-top:20px;
}
.catalog-holder .breadcrumbs {
	margin:0;
	padding:0 0 28px;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.catalog-holder .breadcrumbs li {
	float:left;
	background:url(/template/images/separator1.gif) no-repeat 0 50%;
	padding:0 5px 0 7px;
	margin:0 7px 0 -7px;
}
.catalog-holder .breadcrumbs a {color:#648d0b;}
.catalog-holder .row {
	width:100%;
/*	overflow:hidden; */
}
.catalog-holder .features-table {
	float:right;
	width:45%;
	border-collapse: collapse;
	margin:-70px 0 0 45px;
}
.catalog-holder .features-table th {
	font-weight:normal;
	color:#010101;
	text-align:center;
	background:#648d0b;
	border:1px solid #000;
	padding:7px 0;
}
.catalog-holder .features-table td {
	border:1px solid #000;
	text-align:center;
	background:#fff;
	padding:6px 0;
}
.catalog-holder .features-table .col1 {width:49px;}
.catalog-holder .features-table .col2 {width:90px;}
.catalog-holder .features-table .col3 {width:86px;}
.catalog-holder .features-table .col4 {width:79px;}
.catalog-holder .text-holder {
	height:1%;
	overflow:hidden;
}
.catalog-holder .text-holder .image img {vertical-align:top;}
.catalog-holder .text-holder .image {
	width:100%;
	overflow:hidden;
	margin:0 0 37px;
}
.catalog-holder .text-holder p {
	margin:0 5px 10px !important;
	line-height:18px;
}
.authorization-box {
	width:460px;
	margin:0 auto;
}
.authorization-box .form-holder {
	width:370px;
	padding:32px 0 0;
}
.authorization-box .row {
	width:100%;
	overflow:hidden;
	margin:0 0 29px;
}
.authorization-box .text {
	float:left;
	width:348px;
	border:1px solid #3e3e3e;
	background:#fff;
	color:#868686;
	font-size:14px;
	padding:11px 10px;
}
.authorization-box .btn-login {
	float:right;
	border:1px solid #000;
	display:block;
	width:140px;
	padding:0;
	text-align:center;
	color:#000;
	font-size:14px;
	background:url(/template/images/bg-btn-login.gif) repeat-x;
	height:40px;
	cursor: pointer;
}
.contacts-holder {
	width:100%;
	overflow:hidden;
}
.contacts-holder .map {
	float:left;
	width:570px;
	height:305px;
	overflow:hidden;
	margin:4px 19px 0 0;
}
* html .contacts-holder .map {margin-right:16px;}
.contacts-holder .text-holder {
	height:1%;
	overflow:hidden;
}
.contacts-holder .title {
	font-size:14px;
	display:block;
	font-weight:normal;
	line-height:18px;
	padding:0 0 17px;
}
.contacts-holder p {line-height:18px;}
.phones-holder {
	width:100%;
	overflow:hidden;
	padding:53px 0 0;
}
.phones-holder .section {
	float:left;
	width:194px;
}
.phones-holder .phone-img {
	float:left;
	margin:3px 0 0;
}
.phones-holder .block {
	width:100%;
	overflow:hidden;
	margin:0 0 11px;
}
.phones-holder strong {
	display:block;
	font-weight:normal;
	padding:0 0 4px;
}
.phones-holder .phone {
	display:block;
	margin:0 0 4px 6px;
	background:url(/template/images/ico-phone.gif) no-repeat 0 50%;
	padding:0 0 0 26px;
}
.history-holder {
	width:780px;
	margin:0 auto;
}
.history-gallery {
	width:900px;
	height:120px;
	text-align:center;
	overflow:hidden;
	margin:0 0 21px;
	position:relative;
}
.history-gallery img {
	margin:0 10px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
}
* html .history-gallery img {
	display:inline;
	zoom:1;
}
* + html .history-gallery img {
	display:inline;
	zoom:1;
}
.history-text {
	width:100%;
	overflow:hidden;
}
.history-text .image {
	float:left;
	width:137px;
	height:116px;
	overflow:hidden;
	margin:0 25px 0 0;
}
* html .history-text .image {margin-right:22px;}
.hews-holder {
	width:100%;
	overflow:hidden;
}
.hews-holder .col {
	float:left;
	width:50%;
}
.hews-holder .col .holder {padding:0 20px 0 0;}
.hews-holder h2 {margin:0 0 14px !important;}
.hews-holder h3 {
	line-height:26px !important;
	margin:0 0 14px !important;
}
.hews-holder .date {
	display:block;
	font-style:normal;
	color:#8c8c8c;
	padding:0 0 15px;
}
.transport-holder {
	width:100%;
	overflow:hidden;
}
.accordion {
	padding:0;
	margin:0 50px 0 0;
	list-style:none;
	width:290px;
	float:left;
}
.accordion li {
	margin:0 0 14px;
	overflow:hidden;
    width:100%;
}
.accordion .heading {
	height:1%;
	overflow:hidden;
	background:#dfd1a5;
	padding:2px 2px 2px 5px;
}
.accordion .opener, .list li .opener {
	float:right;
	background:url(/template/images/btn-opener.gif) no-repeat;
	width:25px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
}
.accordion .selected .opener {background:url(/template/images/btn-opener.gif) no-repeat 0 -25px;}
.accordion .heading span {
	font-size:18px;
	color:#3b3b3b;
	float:left;
	background:url(/template/images/bg-dashed.gif) repeat-x 0 100%;
	padding:4px 0;
}
.accordion .selected .heading span {background:none;}
.accordion .slide {display:none;}
.accordion table {
	width:100%;
	border-collapse: collapse;
	margin:12px 0 0;
	font-size:14px;
}
.accordion table .col1 {width:208px;}
.accordion table .col2 {width:138px;}
.accordion table th {
	padding:6px;
	text-align:left;
	font-weight:normal;
	background:#2ca53e;
	color:#fff;
	border:1px solid #000;
}
.accordion table td {
	padding:13px 6px;
	border:1px solid #000;
	vertical-align:top;
}
.accordion table .text {
	float:left;
	clear:both;
	border:1px solid #b4b4b4;
	padding:8px 12px;
	width:96px;
	color:#3b3b3b;
	margin:0 0 6px 9px;
	background:#fff;
	overflow:hidden;
	line-height:16px;
}
.transport-holder .info-form {
	float:left;
	width:311px;
}
.transport-holder .info-form .row {
	width:100%;
	overflow:hidden;
	margin:0 0 8px;
}
.transport-holder .info-form .text {
	float:left;
	width:297px;
	padding:7px 6px;
	border:1px solid #b4b4b4;
	background:#fff;
	color:#9e9e9e;
	font-size:14px;
}
.transport-holder .info-form textarea {
	float:left;
	margin:10px 0 32px;
	padding:7px 6px;
	border:1px solid #b4b4b4;
	background:#fff;
	color:#9e9e9e;
	font-size:14px;
	width:297px;
	height:60px;
	max-width:297px;
	max-height:60px;
	min-width:297px;
	min-height:60px;
	overflow:auto;
}
.transport-holder .info-form .btn-send {
	border:1px solid #b4b4b4;
	color:#010101;
	text-align:center;
	font-size:14px;
	display:block;
	width:311px;
	height:49px;
	padding:0;
	cursor: pointer;
	background:#ccc url(/template/images/btn-send.gif) repeat-x;
}

.tech span, .tech a {
	margin: 5px;
}

#clients-data { 
	border-collapse: collapse;
}

#clients-data td, #clients-data th {
	border: solid 1px #000; padding: 5px;
}

.order-status-blue {
	background-color: #01A6FF;
}

.order-status-yellow {
	background-color: #F0FF2F;
}

.order-status-green {
	background-color: #61D75D;
}
.order-status-red {
	background-color: #DC0000;
}
.container {
    max-width: 1000px;
    min-width: 700px;
}
.row {
 /*display: -webkit-box;*/
      /*display: -moz-box;*/
      /*display: -ms-flexbox;*/
      /*display: -webkit-flex;*/
    /*display: flex;*/
    /*text-align: center;*/
    /*width: 100%;*/
	/*flex-flow: row wrap;*/ 

}
.element {
    width: 28%;
	margin: 10px;
	display: inline-block;
}

.element img {max-width: 100%;}
.element-image {height: 100px;}
.elementfence {
     width: 28%;
     margin-right: 30px;
	 margin-bottom: 10px;
	display: inline-block;
	vertical-align: top;
	 }
.containerfence {
    max-width: 600px;
    min-width: 400px;
	}

.element-imagefence {height: 130px;}

.elementfencepreri,
.elementfenceprer {
	width: 28%;
	margin: 10px;
	display: inline-block;
	 }
 .containergarden {
    max-width: 700px;
    min-width: 600px;
	}
.element-imagepalisade {height: 150px;}
.element-imageplay{height: 220px; width:300px;}
 .element-imagecat{height: 350px;}
.elementplay {
    max-width: 45%;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}

.elementplay img {
	max-width: 100%;
	max-height: 100%;
}
.elementfencesolid {
    max-width: 30%;
     margin-left: 3px;
	 margin-bottom: 10px;
	 }
.element-imagebord {
	height: 80px;
margin-top: 20px;
}
.element-imagebord2 {
	height: 88px;
margin-top: 15px;
}

/*new style*/

.mobile_phone_block{
	text-align: right;
	padding: 5px 5px;
	background: #dccb9d;
	display: none;
}
.mobile_phone{
    display: none;
    background: url(/template/images/button-menu.png) no-repeat;
    background-size: contain;
    width: 39px;
    height: 31px;
    border: none;
    padding: 0;
    border-radius: 4px;
}
.language_login{
	float: right;
    margin-top: 30px;
    max-width: 330px;
}
.link_video{
	display: none;
	text-align: center;
}
.link_video a{
	font-size: 24px;
}

#nav li:nth-last-child(2) ul{
	display: none;
}
.catalog-list ul.list li ul{
	/*display: none !important;*/
}
img.img_certificate {
	    width: 100%;
	    display: none;
	}
@media(max-width: 768px){

	.mobile_phone_block{
		display: block;
	}
	#nav {
		display: none;
		background: none;
		position: absolute;
		background: rgba(220, 203, 157, 1);
	}
	#nav li ul{
		display: none !important;
	}
	#nav li{
		display: block;
	}
	/*#nav li:nth-child(5) / *, #nav li:nth-child(7) * /{
		display: none; 
	}*/
	#nav li ul li:nth-child(5){
		display: block;
	}
	/*#nav / *li:nth-child(2);* / ul li:nth-child(3){
		/ *display: none; * /
	}*/
	#nav li ul{
		position: static;
	}
	#nav li ul li{
		display: block;
		height: 30px;
	}
	#nav li ul li a{
		height: 30px;
	}
	#nav li a{
		text-align: left;
		padding-left: 20px;
	}
	.mobile_phone{
		display: inline-block;
	}
	#nav a:hover, #nav li.hover a{
		background: none;
	}
	.promo, .promo-bottom{
		display: none;
	}
	.logo{
		margin: 30px auto 3 auto;
	}
	.language_login{
		float: none;
		display: inline-block;
	}
	div#header {
	    text-align: center;
	}
	#header{
		text-align: center;
	}
	#footer{
		height: auto;
		padding: 10px;
	}
	div#footer2 {
	    padding: 10px;
	}
	.three-columns .content{
		float: none;
		width: 100%;
		margin-top: 20px;
		padding: 15px;
	}
	.three-columns .certificates {
	    float: none; 
	    width: 100%;
	    text-align: center;
	    margin-top: 20px;
	    padding: 15px;
	}
	.three-columns .video{
		display: none;
		
	}
	.link_video{
		display: block;
	}
	.catalog-holder .descript {
	    overflow: hidden;
	    margin-top: 20px;
	    width: 100%;
	}
	.catalog-holder .catalog-list {
    	float: none; 
    	width: 100%;
	}
	.elementplay{
		max-width: 100%;
    	width: 100%;
	}
	.authorization-box .btn-login{
		float: none;
	}
	.authorization-box .text{
		width: 80%;
	}
	.authorization-box{
		width: 100%;
	}
	.authorization-box .form-holder{
		width: 100%;
	}
	.accordion{
		width: 100%;
	}
	.transport-holder .info-form{
		float: none;
	}
	.transport-holder .info-form .btn-send{
		width: 84%;
	}
	.accordion li{
		width: 85%;
	}
	.transport-holder .info-form .text{
		width: 80%;
	}
	.transport-holder .info-form textarea{
		width: 80%;
		min-width: 80%;
	}
	#main > div:nth-child(2) > img, #main > div:nth-child(3) > img, #main > div:nth-child(4) > img{
		width: 100%;
	}

	.history-holder{
		width: 100%;
	}

	.history-gallery{
		width: 100%;
	    height: 150px;
	}
	.history-gallery img{
		margin: 5px 5px;
		max-width: 35px !important;
	}
	.containergarden{
		min-width: 100%;
	}
	.catalog-list .list li.active ul{
		/*display: none !important;*/
	}
	#main{
   		padding: 0 10px 31px 5px;
	}
	.containerfence {
	    text-align: center;
	    min-width: 0;
	}
	.elementfence{
		width: 38%;
	}
	.elementfence:last-child{
		float: left;
		margin-left: 30px;
	}
	.elementfence:last-child>div{
		display: inline-block;
	}
	#main .catalog-list .list li:nth-child(3){
	/*	display: none;*/
	}
	img.img_responsive {
	    width: 100% !important;
	    height: auto !important;
	}
	.map_iframe {
	    width: 100% !important;
	}
}
@media(max-width: 486px){
	.elementfencepreri, .elementfenceprer, .element{
		width: 43%;
		margin: 5px;
	    text-align: center;
	}
	.element-image{
		display: inline-block;
	}
	.container{
		min-width: 100%;
	}
	.slogan{
		font-size: 15px;
	}
	.catalog-list .list a{
		font-size: 17px;
	}
	.elementfence:last-child{
		float: left;
		margin-left: 15px;
	}

}