@charset "utf-8";



/* CSS Document */



body {

color: #5e5e5e;

font-family: Tahoma,Geneva,sans-serif;

font-size: 11px;

line-height: 18px;

border-top:solid 8px #bcd500;

}



header {

overflow:hidden;

}



h1 {

font-family: 'Roboto', sans-serif;

margin:0px;

margin-bottom:20px;

padding:0px;

font-size:2.8em;

color:#595959;

font-weight:300;

text-transform:uppercase;

}



.logo {

display:block;

width:165px;

height:88px;

background:url(images/logo.gif);

margin:1.8em 2.5em 1em 0em;

float:left;

}



.lang {

background:url(images/bg-flags.gif) no-repeat #bcd500;

width:40%;

float:right;

}



.langc {

background:url(images/bg-cart.gif) no-repeat top right;

height:40px;

}



.container {

position:relative;

}



.content {

padding:0 2%;

}



.container header {

padding: 0px 2% 0;

}



aside .expandElement {

background:url(images/expand-icon1.gif) center top 2em no-repeat #bcd500;

left: 0;

margin: 0;

top: 0;

bottom: 0;

height: initial;

}







/* TOP NAV */



.topnav-wrap {

width:59%;

float:left;

}



.topnav {

background:#f4f4f4;

border-radius:0.9em;

padding:1.5em;

margin-top:1.8em;

clear:right;

margin-left:200px;

overflow:hidden;

}



.topnav ul {

margin:0;

padding:0;

list-style:none;

}



.topnav li {

background:url(images/arrow.gif) no-repeat 0px 6px;

padding-left:10px;

margin-right:3em;

float:left;

}



.topnav li a {

color:#6196a3;

border-bottom:dashed 1px #d1d1d1;



}





/* SEARCH */



.search {

float:right;

width:40%;

}



form.textSearchForm {

padding-top: 19px;

padding-left: 10px;

overflow: hidden;

position:relative;

padding-right:1px;

}



form.textSearchForm .searchInput {

display: block;

background: #f0f0f0; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

border: 0px none;

width: 100%;

height: 37px;

float: left;

padding: 0;

text-indent: 16px;

padding-top: 3px;

color: #555;

border-radius: .4em;

border: 1px solid;

border-color: #FFF #F9F9F9 #E0E0E0 #F9F9F9;

box-shadow: 0 0 1px #A9A9A9;

}

::-webkit-input-placeholder {color:#AAA;}

:-moz-placeholder {color:#AAA;}

::-moz-placeholder {color:#AAA;}

:-ms-input-placeholder {color:#AAA;}



form.textSearchForm a {

background: url(images/search.png) no-repeat center;

display:block;

width: 50px;

height: 37px;

text-indent: 100%;

overflow: hidden;

position:absolute;

right:0;

}





/* NAV */



nav li {

float:left;

}



nav.main {

background: url(images/nav-bg.gif) #F1F1F1;

text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.10);

border: 1px solid;

border-color: #FFF #F9F9F9 #E0E0E0 #F9F9F9;

box-shadow: 0 0 1px #A9A9A9;

border-radius: .4em;

margin-top:1em;

overflow:hidden

}



nav.main li a {

text-align:center;

color: #6d6d6d;

font-weight:bold;

font-size:1.1em;

line-height:4.1em;

display: inline-block;

padding: 0 1.3em;

}



nav.main li a:hover {

background:url(images/nav-b-hover.gif);

color:#FFFFFF;

}



.navborder {

background:url(images/nav-b.gif) no-repeat top right;

}





/* HOME PAGE */



.hr {

border-bottom:solid 5px #b8b8b8;

clear:both;

margin-bottom:20px;

padding-top:20px;

}



.c-left {

width:75%;

float:left

}



.c-right {

width:25%; float:right;

}



#grey {

clear:both;border-top:solid 5px #b8b8b8; background:#f0f0f0; padding:20px; overlay:hidden;

}



header .expandElement {margin-top: -5em;}



.banner2 {

float:right;

}



.banner3 {

float:right;

margin-top:1em;

}



.news {

width:45%; border-right: dashed 1px #c6c6c6; float: left;

}



.services {

float:right;

width:45%;

}



.c1 {

width:45%;

float:left;

}



.c2 {

width:45%;

float:right;

text-align:right;

}



.widgetPublicationTitle {

text-decoration:none;

margin-left:.5em;

color:#00b7e5;

}



.date {

text-decoration:none;

font-weight:bold;

padding:3px 7px 3px 7px;

background-color:#bcd500;

color:#ffffff;

height:26px;

}



.widgetBox li {

list-style:none;

padding-bottom:1.2em;

text-decoration:none;

}



.latestPublications li a {

text-decoration:none;

margin-left:1.8em;

}



.widgetBox .latestPublications li p {

display:none;

}



.widgetBox ul {

padding:0px;

margin:0px;

}



/* LATEST */



.scrollable.latestCatalogItemsContainer p.lineClamp {

display: none !important;

}



.scrollCatalogItemsLeft, .scrollCatalogItemsRight {

border: 0 none!important;

display:block!important;

position:absolute!important;

top:62px!important;

width:25px!important;

height:25px!important;

z-index:1!important;

opacity:0.3!important;

filter: alpha(opacity=30);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

transition:.5s;

-o-transition:.5s;

-ms-transition:.5s;

-moz-transition:.5s;

-webkit-transition:.5s;

}

.scrollCatalogItemsLeft.active, .scrollCatalogItemsRight.active {

cursor:pointer;

opacity:0.8!important;

filter: alpha(opacity=80);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

}

.scrollCatalogItemsLeft.active:hover, .scrollCatalogItemsRight.active:hover {

opacity:1!important;

filter: alpha(opacity=100);

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}

.scrollCatalogItemsLeft {left:10px!important;background:url(images/arrow-left.png) no-repeat!important;}

.scrollCatalogItemsRight {right:10px!important;background:url(images/arrow-right.png) no-repeat!important;}

.latestCatalogItemsContainer ul {

position:absolute;

width:20000px;

}



/* BLOG */



.blockElementBottom a {

color:#00b7e5;

font-weight:normal;

text-decoration:none;

font-family:"Roboto",sans-serif;

font-size:1.4em;

}



.itemRead {

color:#fa8228;

}



/* CATEGORIES */



.catalogCategories li a {

background:#e3e3e3;

color:#6d6d6d;

width:100%;

padding: 1em;

font-weight:bold;

text-transform:uppercase;

}



.catalogCategories li a:hover {

background:#bcd500;

color:#ffffff;

}



.catalogCategories li a.active {

background:#bcd500;

} 



.categories {

background: url("images/arrow.png") no-repeat scroll center center #837258;

height: 100%;

width: 4em;

}







/* products */

.listLayout li {

border:solid 1px #cccccc;

}



.catalogSingleItem .itemImage img {

border:solid 5px #cccccc;;

}



.listLayout img {

border:solid 1px #cccccc;

}



.productTitle a {

text-transform:uppercase;

color:#636363;

text-decoration:none;

}



h2.productTitle {

margin-bottom:0;

padding-bottom:0;

font-size:1.2em;

}



#itemGallery a {

border: 1px solid #636363;

}



p.lineClamp {

font-size:0.9em;

margin-top:0;

padding-top:0;

margin-bottom:0;

}



.price {

color:#fa8228;

}



.itemPriceBlock {

border-bottom:solid 1px #cccccc;

color:#fa8228;

font-size:1.2em;

}









/* FOOTER */

footer {

color: #8b8b8b;

margin-top:4em;

border-top:solid 5px #d9e680;
padding-bottom:20px!important;
overflow:hidden;

}



footer a {

color: #766854;

}

footer a:hover {
color:#000000;
}

.social {
text-align:center;
padding:20px 0px;
}

.social img {
margin:0 10px;
}

.wfalllow {
float:left;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}

.wfalllow input {
font-size:11px;
border:solid 1px #cccccc;
padding:3px;
}

.wfalllow button {
background:#bcd500;
border:none;
color:#FFFFFF;
font-size:12px;
margin-left: 10px;
padding: 2px 10px;
}

.wfalllow span span {
margin-top:10px;
display:block;
}

.successMessage{
  margin-left: 40px;
  display: inline-block;
  vertical-align: sub;
  font-size: 14px;
  text-decoration: underline;
}

.f1, .f2, .f3, .f4 {
float:left;
width:21%;
margin-right:5%;
}

.f4 {
margin-right:0;
}

.f2 a, .f3 a {
padding-left:15px;
background:url(images/footer-dot.gif) 0px 3px no-repeat;
color:#8b8b8b;
}



footer h3 {
font-family: "Roboto",sans-serif;
display:block;
border-bottom:solid 1px #cccccc;
text-transform:uppercase;
font-size:1.6em;
padding-bottom:10px;
font-weight:300;
color:#333333;
margin-bottom:10px;
}



/* FOOTER */





.expandElement {

border-radius:5px;

box-shadow:0 0 17px -8px #BCD500;

background:#FFF;

right:2.2em;

margin-top:-5em;

padding:1.3em 0.5em;

width:4.5em;

height:4.5em;

margin-left:1em;

border:solid 1px #f9f9f9 !important;

text-align: center;

cursor: pointer;

}



.shrinkHeight850:hover .expandElement {

box-shadow:0 0 17px 0px #BCD500;

}



.expandElement span {

font-size: 46px;

font-weight: bold;

color: rgb(188, 213, 0);

line-height: 15px;

}

.footer-links, #websitebg {
padding-top:10px;
}



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

	.c-left {

	width:100%;

	}

	

	.c-right {

	width:100%;

	}

	

	.banner1 {

	max-width:700px;

	margin:auto;

	margin-bottom:1em;

	}



	.banner2 {

	float:left;

	}

	

	.banner3 {

	float:right;

	margin-top:0;

	}

}

@media screen and (max-width: 930px) {
	.f1, .f3 {
	float:left;
	width:45%;
	display:block;
	margin:0;
	margin-bottom:30px;
	}
	
	.f2, .f4 {
	float:right;
	width:45%;
	display:block;
	margin:0;
	margin-bottom:30px;
	}
}



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

	.search {

	width:100%;

	border: 1px solid;

	border-color: #FFF #F9F9F9 #E0E0E0 #F9F9F9;

	box-shadow: 0 0 1px #A9A9A9;

	border-radius: .4em;

	background:#f1f1f1;

	}

	form.textSearchForm {

	width:50%;

	float:left;

	padding:1em;

	}

	

	.lang {

	float:left;

	width:100%;

	margin-left:190px;

	}

	

	.logo {

	margin-top:-20px;

	}

	

	.topnav-wrap {

	width:100%;

	}

	

	nav ul {

	float:right;

	}

	

	nav li {

	float:none;

	width:100%;

	display:block;

	}

	

	nav.main {

	background:#bcd600;

	width:70%;

	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.10);

	border: 1px solid;

	border-color: #FFF #F9F9F9 #E0E0E0 #F9F9F9;

	box-shadow: 0 0 1px #A9A9A9;

	border-radius: .4em;

	margin-top:-0.5em;

	float:right;

	overflow:hidden

	position: absolute;

	right: 2%;

	z-index: 1;

	}

	

	nav.main li a {

	text-align:left;

	color: #6d6d6d;

	font-weight:bold;

	font-size:1.1em;

	line-height:2em;

	padding:1em 0.9em;

	background:none;

	border-bottom:solid 1px #9fb30b;

	display:block;

	}

	

	nav.main li a:hover {

	background:none;

	background-color:#9fb30b;

	color:#FFFFFF;

	}

	

	.navborder {

	background:none;

	}

	

	.catalogItem.catalogSingleItem .leftBlock {width:100%}

	.catalogItem.blockElement.catalog{width:48%}

	

	section {

	position:relative;

	}

	
.wfalllow {
  width:240px;
  float:none;
  display:block;
  margin:auto;
  text-align:center;
  padding-left:0;
  padding-top:5px;
  margin-top:5px;
}




  }

	.footer-links.floatLeft {

	float:none;

	text-align:center;

	}

	

	#websitebg {

	text-align:center;

	margin-top:1em;

	font-size:0.8em;

	}

}



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



	.aside article, .aside .pagePath {

	margin-left:5em;

	}



	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;

	}

	

	.news {

	border-right:none;

	width:100%;

	float:none;

	}

	

	.services {

	margin-top:2em;

	border-top: dashed 1px #c6c6c6;

	width:100%;

	float:none;

	padding-top:1em;

	}

	

	.c1 {

	width:100%;

	float:none;

	}

	

	.c2 {

	width:100%;

	text-align:center;

	float:none;

	}



}



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

	.logo {

	float:none;

	}

	

	.topnav {

	margin-left:0;

	margin-bottom:2em;

	margin-top:0.5;

	}

	

	

	.listLayout {

	margin:0

	}

	.listLayout li {

	margin:2% 0;

	}

	

	.catalogItem.blockElement.catalog{width:100%}

}



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

	.banner2 {

	width:257px;;

	float:none;

	margin:auto;

	}

	

	.banner3 {

	width:257px;;

	float:none;

	margin:auto;

	margin-top:1em;

	}
	
	.f1, .f3, .f2, .f4 {
	float:none;
	width:95%;
	display:block;
	margin:auto;
	margin-bottom:30px;
	}


}