@charset "utf-8";
/* CSS Document */

* {
	outline:none;
	padding:0px;
	margin:0px;
}

html{
	height:100%;
	padding:0px;
	margin:0px;
}

body{
	height:100%;
	background-color:#FFF;
	font-family:'OpenSansLight', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1f1f1f;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	line-height:20px;
	padding:0px;
	margin:0px;
}

/* FONTS */
@font-face {
	font-family:'OpenSans';
	src:url('Fonts/opensans.eot');
	src:url('Fonts/opensans.eot?#iefix') format('embedded-opentype'),
		url('Fonts/opensans.woff2') format('woff2'),
		url('Fonts/opensans.woff') format('woff'),
		url('Fonts/opensans.ttf') format('truetype'),
		url('Fonts/opensans.svg#open_sansregular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansLight';
	src:url('Fonts/opensanslight.eot');
	src:url('Fonts/opensanslight.eot?#iefix') format('embedded-opentype'),
		url('Fonts/opensanslight.woff2') format('woff2'),
		url('Fonts/opensanslight.woff') format('woff'),
		url('Fonts/opensanslight.ttf') format('truetype'),
		url('Fonts/opensanslight.svg#open_sanslight') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'OpenSansSemiBold';
	src:url('Fonts/opensanssemibold.eot');
	src:url('Fonts/opensanssemibold.eot?#iefix') format('embedded-opentype'),
		url('Fonts/opensanssemibold.woff2') format('woff2'),
		url('Fonts/opensanssemibold.woff') format('woff'),
		url('Fonts/opensanssemibold.ttf') format('truetype'),
		url('Fonts/opensanssemibold.svg#open_sanssemibold') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'BebasNeueLight';
	src:url('Fonts/bebasneuelight.eot');
	src:url('Fonts/bebasneuelight.eot?#iefix') format('embedded-opentype'),
		url('Fonts/bebasneuelight.woff2') format('woff2'),
		url('Fonts/bebasneuelight.woff') format('woff'),
		url('Fonts/bebasneuelight.ttf') format('truetype'),
		url('Fonts/bebasneuelight.svg#bebas_neuelight') format('svg');
	font-weight:normal;
	font-style:normal;
}

/* ALL */
.clear{height:0px; display:block; clear:left; font-size:0px; line-height:0px;}
.clean{height:0px; display:block; clear:right; font-size:0px; line-height:0px;}
.cleall{height:0px; display:block; clear:both; font-size:0px; line-height:0px;}

img{max-width:100%; display:block; height:auto; border:none;}
hr{height:1px; background-color:#138d45; border:none; color:#138d45; padding:0px; margin:30px 0px;}

ul{display:block; padding:0px; margin:25px 0px 25px 20px;}
ul li{display:block; padding:0px; margin:0px;}

a{color:#138d45; text-decoration:none; cursor:pointer;}
a:hover{color:#138d45; text-decoration:underline;}

a.button{display:inline-block; position:relative; background-color:#138d45; font-family:'OpenSansLight'; font-size:14px; color:#FFF; text-decoration:none; text-align:center; text-transform:uppercase; line-height:14px; padding:10px 15px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a.button:hover{background-color:#6377ac; text-decoration:none;}

span.count{width:-moz-calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-o-calc(100% - 20px); width:calc(100% - 20px); max-width:1200px; height:100%; display:block; position:relative; padding:0px 10px; margin:0px auto;}

/* STATUS */
small{display:none; font-size:11px; text-decoration:none; text-transform:none; line-height:16px; padding:0px; margin:0px 0px 20px 0px;}
small.error{display:block; color:#E54F4F;}
small.success{display:block; color:#4DAB6D;}
small.loading{display:block; color:#666;}

small img{max-width:18px; display:inline-block; vertical-align:text-bottom; padding:0px; margin:0px 7px 0px 0px !important;}

/* INPUT */
input{width:-moz-calc(100% - 24px); width:-webkit-calc(100% - 24px); width:-o-calc(100% - 24px); width:calc(100% - 24px); height:30px; display:block; background-color:#FFF; border:2px solid #015222; font-family:'OpenSansLight'; font-size:14px; color:#138d45; text-decoration:none; line-height:30px; font-weight:normal; font-style:normal; padding:0px 10px; margin:0px 0px 10px 0px;}

/* TEXTAREA */
textarea{width:-moz-calc(100% - 24px); width:-webkit-calc(100% - 24px); width:-o-calc(100% - 24px); width:calc(100% - 24px); height:125px; display:block; background-color:#FFF; border:2px solid #015222; font-family:'OpenSansLight'; font-size:14px; color:#138d45; text-decoration:none; line-height:18px; font-weight:normal; font-style:normal; padding:10px; margin:0px 0px 20px 0px;}

/* COOKIES */
div.coockiebanner{width:100%; position:fixed; left:0px; bottom:0px; background-color:rgba(19,141,69,0.8); font-size:11px; color:#CCC; text-decoration:none; text-align:center; padding:10px 0px; margin:0px; opacity:0; z-index:999999;}
div.coockiebanner.home{top:0px; bottom:auto;}

div.coockiebanner a{color:#FFF; text-decoration:underline;}
div.coockiebanner a:hover{color:#FFF; text-decoration:none;}

div.coockiebanner a.boxclose{display:inline-block; background-color:#f1f1f1; font-size:17px; color:#333; text-decoration:none; font-weight:bold; line-height:0px; vertical-align:middle; padding:9px 7px 11px 6px; margin:0px 0px 0px 15px; cursor:pointer;}
div.coockiebanner a.boxclose:hover{background-color:#000; color:#FFF; text-decoration:none;}
div.coockiebanner a.boxclose:before{content:"×";}

/* HEADER */
header{width:100%; display:block; position:fixed; top:0px; left:0px; background-color:#FFF; border-top:10px solid #138d45; padding:5px 0px; margin:0px; z-index:999; box-shadow:0px 4px 2px 0px rgba(0,0,0,0.25);}
header.home{position:relative; top:auto; left:auto; padding:15px 0px; box-shadow:none;}

/* --- LOGO --- */
header h1{display:block; position:relative; float:left; padding:0px; margin:14px 30px 14px 0px;}
header h1 a{display:block; position:relative;}
header h1 a img{max-width:100%; display:block; position:relative; padding:0px; margin:0px;}

/* --- NAVIGATION --- */
header nav{width:-moz-calc(100% - 460px); width:-webkit-calc(100% - 460px); width:-o-calc(100% - 460px); width:calc(100% - 460px); display:block; float:left; padding:0px; margin:24px 0px;}

/* === MENU === */
header nav ul{display:block; list-style:none; padding:0px; margin:0px;}
header nav ul li{display:block; float:left; list-style:none; padding:0px 10px; margin:0px;}
header nav ul li a{display:block; position:relative; font-family:'OpenSans'; font-size:14px; color:#1e1e1e; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:27px; list-style:none; padding:0px 10px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header nav ul li a:hover{color:#6377ac; text-decoration:none;}
header nav ul li.active a{border-bottom:5px solid #138d45; text-decoration:none;}

/* --- LANGUAGES --- */
header div.languages{display:block; float:left; padding:0px; margin:30px 30px 29px 0px;}
header div.languages a{font-family:'OpenSansLight'; font-size:12px; color:#1f1f1f; text-decoration:none; font-weight:normal; font-style:normal;}
header div.languages a:first-child{padding:0px 10px 0px 0px;}
header div.languages a:hover{color:#6377ac; text-decoration:none;}
header div.languages a.select{font-family:'OpenSansSemiBold'; color:#138d45; text-decoration:none; font-weight:normal; font-style:normal;}

header.home div.languages{margin:23px 30px 23px 0px;}

/* --- PHONE --- */
header a.phone{display:block; position:relative; float:left; font-family:'BebasNeueLight'; font-size:52px; color:#1f1f1f; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:52px; text-align:center; padding:0px; margin:0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
header a.phone strong{display:block; position:relative; background-color:#138d45; font-family:'OpenSansLight'; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:20px; text-align:center; padding:0px; margin:5px 0px 0px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

header.home a.phone{line-height:56px;}
header.home a.phone strong{margin:0px;}

header a.phone:hover{color:#138d45; text-decoration:none;}
header a.phone:hover strong{background-color:#6377ac;}

/* --- SHOW --- */
header a.show{width:35px; height:35px; display:none; position:relative; float:right; background-image:url(../Images/Icons/all.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:10px 0px 0px 0px; z-index:999;}
header a.show:hover{background-position:-35px 0px;}

header a.show.open{background-position:-70px 0px; margin:10px 10px 0px 0px;}
header a.show.open:hover{background-position:-105px 0px;}

/* FOOTER */
footer{display:block; position:relative; color:#FFF; text-decoration:none; padding:0px; margin:0px;}

/* --- TOP --- */
footer div.top{background-color:#464646; padding:35px 0px; margin:0px;}

/* === NAME === */
footer div.top .name{width:-moz-calc(15% - 25px); width:-webkit-calc(15% - 25px); width:-o-calc(15% - 25px); width:calc(15% - 25px); float:left; padding:25px 25px 25px 0px; margin:0px;}
footer div.top .name h5{display:block; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; padding:0px; margin:0px;}

/* === ADDRESS === */
footer div.top .address{width:-moz-calc(25% - 51px); width:-webkit-calc(25% - 51px); width:-o-calc(25% - 51px); width:calc(25% - 51px); float:left; border-left:1px solid #646464; padding:25px 25px; margin:0px;}

/* === CONTACT === */
footer div.top .contact{width:-moz-calc(15% - 26px); width:-webkit-calc(15% - 26px); width:-o-calc(15% - 26px); width:calc(15% - 26px); float:left; border-right:1px solid #646464; text-align:right; padding:25px 25px 25px 0px; margin:0px;}

/* === MENU === */
footer div.top .menu{width:-moz-calc(45% - 106px); width:-webkit-calc(45% - 106px); width:-o-calc(45% - 106px); width:calc(45% - 106px); float:left; border-right:1px solid #646464; padding:25px; margin:0px 25px 0px 0px;}
footer div.top .menu ul{display:block; padding:0px; margin:0px;}
footer div.top .menu ul li{width:50%; display:block; float:left; padding:0px; margin:0px;}
footer div.top .menu ul li a{display:block; color:#FFF; text-decoration:none; text-transform:uppercase; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer div.top .menu ul li a:hover{color:#6377ac; text-decoration:none;}
footer div.top .menu ul li.active a{color:#138d45; text-decoration:none;}

/* === FACEBOOK === */
footer div.top a.facebook{width:30px; height:30px; display:block; position:relative; float:left; background-image:url(../Images/Icons/all.png); background-position:-140px 0px; background-repeat:no-repeat; text-indent:-9999px; padding:0px; margin:40px 0px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
footer div.top a.facebook:hover{opacity:0.5;}

/* --- BOTTOM --- */
footer div.bottom{background-color:#252525; font-size:12px; color:#999; text-decoration:none; padding:10px 0px; margin:0px;}
footer div.bottom h6{display:inline-block; font-size:12px; color:#FFF; text-decoration:none; font-weight:normal; vertical-align:middle;}

footer div.bottom div{float:right; font-family:Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif"; font-size:11px; color:#FFF; text-decoration:none; padding:0px; margin:0px;}
footer div.bottom div a{color:#f60; text-decoration:none;}
footer div.bottom div a:hover{text-decoration:underline;}

/* PAGE */
section{display:block; position:relative; padding:175px 0px 75px 0px; margin:0px;}
section.home{height:-moz-calc(100% - 120px); height:-webkit-calc(100% - 120px); height:-o-calc(100% - 120px); height:calc(100% - 120px); background-image:url(../Images/Backgrounds/bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:0px;}

/* --- HEADLINE --- */
section h2{display:inline-block; position:relative; border-bottom:5px solid #138d45; font-family:'OpenSansLight'; font-size:30px; color:#1f1f1f; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:30px; padding:0px 0px 10px 0px; margin:0px auto;}
section h3{display:block; position:relative; font-family:'OpenSansSemiBold'; font-size:14px; color:#1f1f1f; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:0px; margin:0px 0px 20px 0px;}
section h4{display:block; position:relative; font-size:18px; color:#138d45; font-weight:normal; padding:0px; margin:0px 0px 30px 0px;}

section div.headline{text-align:center; margin:0px 0px 60px 0px;}

/* --- ABOUT --- */
section img.right{float:right; margin:0px 30px 20px 60px;}

/* --- CONTROL --- */
section.control{background-color:#138d45; padding:50px 0px; margin:0px;}
section.control p{max-width:450px; display:block; float:left; color:#FFF; text-decoration:none;}
section.control h2{border-bottom:5px solid #FFF; color:#FFF;}

section.control a.popup{float:right; border:2px solid #025725; margin:-105px 0px 0px 20px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.control a.popup:hover{border:2px solid #FFF;}

section.control div.headline{display:block; text-align:left;}

/* --- BENEFITS --- */
section.benefits{padding:50px 0px; margin:0px;}

section.benefits div.box{width:-moz-calc(33.3334% - 100px); width:-webkit-calc(33.3334% - 100px); width:-o-calc(33.3334% - 100px); width:calc(33.3334% - 100px); display:block; position:relative; float:left; text-align:center; padding:0px 50px; margin:0px;}
section.benefits div.box.center{width:-moz-calc(33.3334% - 102px); width:-webkit-calc(33.3334% - 102px); width:-o-calc(33.3334% - 102px); width:calc(33.3334% - 102px); border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}

section.benefits div.box big{width:52px; height:59px; display:block; background-image:url(../Images/Icons/all.png); background-repeat:no-repeat; padding:0px; margin:0px auto 35px auto;}
section.benefits div.box big.icon1{background-position:0px -35px;}
section.benefits div.box big.icon2{background-position:-52px -35px;}
section.benefits div.box big.icon3{background-position:-104px -35px;}

/* --- PRODUCTS --- */
section aside{width:250px; display:block; float:left; padding:0px; margin:0px 30px 0px 0px;}
section aside h3{display:block; position:relative; background-color:#138d45; font-family:'OpenSansSemiBold'; font-size:14px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:14px; padding:10px; margin:0px;}

section aside ul{display:block; position:relative; list-style:none; padding:0px; margin:0px;}
section aside ul li{display:block; position:relative; border-bottom:1px solid #138d45; list-style:none; padding:0px; margin:0px;}
section aside ul li a{display:block; font-family:'OpenSansLight'; font-size:14px; color:#1f1f1f; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; padding:5px 10px; margin:0px;}
section aside ul li a:hover{color:#6377ac; text-decoration:none;}
section aside ul li.active a{color:#138d45; text-decoration:none;}

/* === ITEMS === */
section div.products{width:-moz-calc(100% - 280px); width:-webkit-calc(100% - 280px); width:-o-calc(100% - 280px); width:calc(100% - 280px); display:block; float:left; padding:0px; margin:0px;}

section div.products article{width:-moz-calc(25% - 34px); width:-webkit-calc(25% - 34px); width:-o-calc(25% - 34px); width:calc(25% - 34px); min-height:255px; display:block; position:relative;float:left; border:2px solid #015222; font-family:'OpenSansSemiBold'; font-size:14px; color:#138d45; text-decoration:none; font-weight:normal; font-style:normal; text-align:center; padding:0px 0px 10px 0px; margin:0px 0px 30px 30px;}
section div.products article:nth-child(4n + 1){clear:left; margin:0px 0px 30px 0px;}
section div.products article h4{font-family:'OpenSansLight'; font-size:14px; color:#1f1f1f;text-decoration:none; font-weight:normal; font-style:normal; padding:0px 10px; margin:0px;}
section div.products article img{padding:0px; margin:0px auto;}
section div.products article big{display:block; position:absolute; top:10px; left:0px; background-color:#138d45; font-family:'OpenSansLight'; font-size:11px; color:#FFF; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:11px; padding:5px; margin:0px;}

/* PAGINATION */
div.pagination{position:relative; padding:0px; margin:0px;}
div.pagination a{display:inline-block; position:relative; background-color:#FFF; border:1px solid #5d5d5d; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; color:#545353; text-decoration:none; line-height:18px; font-weight:normal; font-style:normal; vertical-align:middle; padding:6px 20px; margin:0px 2px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}

div.pagination a.page{padding:5px 10px; margin:0px 2px;}
div.pagination a.page:hover{border:1px solid #138d45; color:#138d45; text-decoration:none;}
div.pagination a.current{background-color:#138d45; border:1px solid #138d45; color:#FFF; text-decoration:none; padding:5px 10px; margin:0px 2px;}

div.pagination a.prev{border:none; padding:4px 10px 5px 8px;}
div.pagination a.next{border:none; padding:4px 8px 5px 10px;}
div.pagination a.prev big{width:11px; height:19px; display:block; background-image:url(../Images/Icons/all.png); background-position:-156px -35px; background-repeat:no-repeat; padding:0px; margin:0px;}
div.pagination a.next big{width:11px; height:19px; display:block; background-image:url(../Images/Icons/all.png); background-position:-156px -54px; background-repeat:no-repeat; padding:0px; margin:0px;}
div.pagination a.prev:hover big,
div.pagination a.next:hover big{opacity:0.5;}

/* --- CONTACTS --- */
section.contacts span.count{max-width:1000px;}

section.contacts div.address{width:-moz-calc(50% - 200px); width:-webkit-calc(50% - 200px); width:-o-calc(50% - 200px); width:calc(50% - 200px); max-width:500px; float:left; padding:0px 100px; margin:0px;}

section.contacts div.form{width:50%; max-width:500px; float:left; padding:0px; margin:0px;}

/* --- MAP --- */
section.map{width:100%; height:450px; position:relative; background-color:#f2f2f2; padding:0px; margin:0px;}