@charset "utf-8";

/* CSS Document */

body {
font-size:15px;
font-weight:normal;
background:#ffffff;
border-top:solid 7px #cdbc2f;
font-family: 'Roboto', sans-serif;
}

section a {text-decoration:underline}
aside a {text-decoration:none}

h1 {
font-weight:300;
font-size:30px;
color:#69a858;
text-transform:uppercase;
}

ul.menuWidget.expanded.level1 > li a {
color:#60ba46!important;
}
li.active.itemMenu:hover > ul.menuWidget.expanded.level1{
border: solid 1px #ccc;
}

ul.menuWidget.expanded.level1 > li a:hover {
background:#F2F2F2;
}

.top {
background:url(images/bg-top.gif) repeat-x #ffffff;
overflow:hidden;
padding:1em 0em 1em 0em;
}

.logo {
background:url(images/logo.png);
display:block;
width:150px;
height:85px;
float:left;
margin-left:0.5em;
}

.top-menu-holder {
float:right; width:80%;
}

.addit {
text-align:right;
overflow:hidden;
}

.moreinfo {
display:inline-block;
float:right;
color:#95d15e;
margin-right:1em;
padding-top:0.3em;
}

.lang {
margin-right:0.5em;
}

nav.top-menu {
float:left;
width:100%;
margin-top:0.4em;
}

nav.top-menu ul {
display: table;
list-style: outside none none;
margin: 0;
padding: 0;
}

nav.top-menu ul li a {
line-height:3em;
color:#60ba46;
font-weight:bold;
text-align:center;
font-size:17px;
text-transform:uppercase;
}

nav.top-menu ul li a:hover {

}

/*nav.top-menu li span.floatLeft {
height:2em;
width:2px;
margin-top:0.5em;
background:#98d460;
border-right:solid 1px #496b2a;
}*/

.header {
}

header {
margin-bottom:0;
}

section {
}

.content {
margin-bottom:0;
padding:3em 1em;
}

.welcome {
background:#333333;
color:#FFFFFF;
display: flex;
flex-wrap: nowrap;
margin-top:-45px;
}

.welcome .image {float:left; padding-right:55px; background:url(images/temp_1.jpg); background-size:cover; min-width:430px;}

.welcome .padding {padding:55px;}
.welcome h1 {font-size:28px; color:white; text-transform:uppercase; margin-top:0; padding-top:0;}
.welcome h2 {font-size:19px; color:#86d071; text-transform:uppercase; font-weight:300;}
.welcome a {color:white;}

.newproductsh {text-align:center; margin-top:70px;}

.latestCatalogItemsContainer li {width:24%!important;}
span.widgetCatalogItemImage  {text-align:center; border:solid 1px #e7e7e7; background:white;}
span.widgetCatalogItemTitle {background:#333333; color:#FFFFFF; padding:10px;}
.latestCatalogItemsContainer p.lineClamp {background:#333333; color:#FFFFFF; padding:10px; padding-top:0;}
.ln-clp-3 {height:auto}

.seemore {background:url(images/bg_line.gif) repeat-x center center; text-align:center; margin-bottom:90px; clear:both;}
.seemore a {color:white; background:#69a858; padding:15px 20px; text-transform:uppercase; text-decoration:none;}

.kakda {width:50%; padding-right:40px; float:left}
.news {width:50%; padding-left:40px; float:right}
.sq {display:block; clear:both; padding-top:10px;}
.sq img {float:left; margin-right:20px;}
.sq span {text-transform:uppercase; color:#69a858; display:block;}

.catalogCategories li a {
background:#496b2a;
color:#ffffff;
width:100%;
padding: 0.4em;
}

.catalogCategories li a:hover {
background:#6da43a;
color:#ffffff;
}

.catalogCategories li a.active {
color:yellow;
background:#6da43a;
font-weight:normal;
} 

.categories {
background: url("images/arrow.png") no-repeat scroll center center #cccccc;
height: 100%;
width: 4em;
}

.rightBlock input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

.yellow {
float:left;
width:50%;
padding:110px;
background:#cdbd39;
color:#564f16;
}

.yellow .cont {
width:60%; float:right; min-width:440px;
}
.yellow .cont a {color:#564f16}
.yellow span {font-size:4em; color:#FFFFFF; display:block;}
.yellow span a {color:white!important; text-decoration:none;}

.map {float:right; width:50%;}

footer {
background:#333333;
padding:1.8em 0;
clear:both;
}

.footer-links {color:#adadad; margin-left:0.5em;}
.footer-links a {color:#adadad;}
.footer-links span {margin:0.7em}

#websitebg {color:#adadad; margin-right:0.5em;}
#websitebg a {color:#adadad;}

/* products */
.listLayout li {
border:solid 1px #e7e7e7;
background:#f5f5f5;
}

.catalogSingleItem .itemImage img {
border:solid 5px #e7e7e7;;
}

.listLayout img {
border:solid 1px #e7e7e7;
}

.productTitle a {
text-transform:uppercase;
color:#69a858;
text-decoration:none;
}

h2.productTitle {
margin-bottom:0;
padding-bottom:0;
font-size:1.2em;
}

#itemGallery a {
border: 1px solid #d5b674;
}

p.lineClamp {
font-size:0.9em;
margin-top:0;
padding-top:0;
margin-bottom:0;
}

.price {
color:#b59963;
}

.itemPriceBlock {
border-bottom:solid 1px #d8b46a;
color:#b59963;
font-size:1.2em;
}

@media screen and (max-width: 1055px) {
	.addit {
	margin-top:0em;
	overflow:hidden;
	margin-bottom:2em;
	text-align:center;
	}
	
	.top-menu-holder {
	width:100%;
	}
	
	.top {
	padding-bottom:0em;
	}
}

@media screen and (max-width: 850px) {
	.top {
	padding-bottom:0em;
	}
	
	nav.top-menu {
	margin-top:0em;
	}
	
	nav.top-menu ul li {
	display:block;
	border-top:solid 1px #98d460;
	}
	
	.expandMain {
	height:3em;
	width:100%;
	background:url(images/menu.gif) #003300 no-repeat 1em 0em;
	display:block;
	margin-top:0.3em;
	}
	
	.expandElement {
	position:inherit;
	}
	
	.logo {
	margin-bottom:0.5em;
	}
	
	.footer-links.floatLeft {
	float:none;
	text-align:center;
	}
	
	#websitebg {
	text-align:center;
	margin-top:1em;
	font-size:0.8em;
	}
	
	.content {
	padding:2em 2%;
	}
	.catalogItem.catalogSingleItem .leftBlock {width:100%}
	.catalogItem.blockElement.catalog{width:48%}
	
	section {
	position:relative;
	}
	
	.welcome, #contentrotator0 {display:block!important;}
	.welcome .image, .welcome .padding, .kakda, .news, .yellow, .map {width:100%!important;}
	.news {margin-top:60px}
	.yellow {overflow:hidden!important; padding:20px; min-width:auto}
	.yellow .cont {min-width:100%}
	.yellow span {font-size:2em}
	
	.latestCatalogItemsContainer li {width:48%!important;}
	.latestCatalogItemsContainer > ul {display:block!important}
	.latestCatalogItemsContainer > ul > li {float:left!important;}
	.logo {float:none; margin:auto}
	
}

@media screen and (max-width: 768px) {

	.aside article, .aside .pagePath {
	margin-left:3em;
	}

	aside {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	}
	
	.aside aside {width:auto}
	
	.aside aside:hover {
	  width: 100%;
	  max-width: 50%;
	}
	
	.expandfixed {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
	}

}

@media screen and (max-width: 640px) {
	.logo {
	float:none;
	margin:auto;
	margin-bottom:0.5em;
	}
	
	.lang {
	display:inline-block;
	}
	
	.moreinfo {
	display:inline-block;
	}
	
	.addit {
	margin-top:0em;
	margin:auto;
	}
	
	.catalogItem.blockElement.catalog{width:100%}
	.latestCatalogItemsContainer li {width:100%!important;}
}