/*@font-face {font-family: "Helvetica"; src: url("/templates/web/css/webfont/Helvetica.WOFF") format("woff"), url("/templates/web/css/webfont/Helvetica.ttf") format("truetype"), url("/templates/web/css/webfont/Helvetica.woff2") format("woff2");}*/
@font-face {font-family: "Helvetica-Italic"; src: 	url("/templates/web/css/webfont/Helvetica-Italic.WOFF") format("woff"), url("/templates/web/css/webfont/Helvetica-Italic.ttf") format("truetype"), url("/templates/web/css/webfont/Helvetica-Italic.woff2") format("woff2");}
/*@font-face {font-family: "Helvetica-Bold"; src: 	url("/templates/web/css/webfont/Helvetica-Bold.WOFF") format("woff"), url("/templates/web/css/webfont/Helvetica-Bold.ttf") format("truetype"), url("/templates/web/css/webfont/Helvetica-Bold.woff2") format("woff2");}*/
@font-face {font-family: "Helvetica-Italic-Bold"; src: url("/templates/web/css/webfont/Helvetica-Italic-Bold.WOFF") format("woff"), url("/templates/web/css/webfont/Helvetica-Italic-Bold.ttf") format("truetype"), url("/templates/web/css/webfont/Helvetica-Italic-Bold.woff2") format("woff2");}
/*@font-face {font-family: "Helvetica-Light"; src: url("/templates/web/css/webfont/Helvetica-Light.WOFF") format("woff"), url("/templates/web/css/webfont/Helvetica-Light.ttf") format("truetype"), url("/templates/web/css/webfont/Helvetica-Light.woff2") format("woff2");}*/
@font-face {font-family: "Helvetica-Italic-Light"; src: url("/templates/web/css/webfont/Helvetica-Italic-Light.WOFF") format("woff"), url("/templates/web/css/webfont/Helvetica-Italic-Light.ttf") format("truetype"), url("/templates/web/css/webfont/Helvetica-Italic-Light.woff2") format("woff2");}

@font-face {
    font-family: 'Helvetica';
    src: url('font/HelveticaLTStd-Roman.eot');
    src: url('font/HelveticaLTStd-Roman.eot?#iefix') format('embedded-opentype'),
        url('font/HelveticaLTStd-Roman.woff2') format('woff2'),
        url('font/HelveticaLTStd-Roman.woff') format('woff'),
        url('font/HelveticaLTStd-Roman.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Light';
    src: url('font/HelveticaLTStd-Light.eot');
    src: url('font/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('font/HelveticaLTStd-Light.woff2') format('woff2'),
        url('font/HelveticaLTStd-Light.woff') format('woff'),
        url('font/HelveticaLTStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Bold';
    src: url('font/HelveticaLTStd-Bold.eot');
    src: url('font/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/HelveticaLTStd-Bold.woff2') format('woff2'),
        url('font/HelveticaLTStd-Bold.woff') format('woff'),
        url('font/HelveticaLTStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

* {
	font-family: 'Helvetica-Light';
	font-size:18px;
	border:0px;
	border-collapse:collapse;
	webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust:none;
    outline: 0;
    text-decoration: none;
} 

header,
main,
nav,
footer,
aside,
section {
	display: block;
}

input[type=text],
input[type=email], 
input[type=number],
input[type=password],
input[type=button],
input[type=submit],
textarea,
select, 
button {
	-webkit-appearance:none;
	border-radius: 0px;
	background-color: #ffffff;
}

img { -ms-interpolation-mode: bicubic; }

main{
	display: block;
} 

a{
	cursor: pointer;
	font-family: "Helvetica";
	transform: scale(1, 0.8);
	-webkit-transform: scale(1, 0.8);
	-moz-transform: scale(1, 0.8);
	-ms-transform: scale(1, 0.8);
	-o-transform: scale(1, 0.8);
} 

b,strong,h1,h2,h3,h4,h5,h6{
	font-family: "Helvetica-Bold";
	font-weight: normal;
	transform: scale(1, 0.8);
	-webkit-transform: scale(1, 0.8);
	-moz-transform: scale(1, 0.8);
	-ms-transform: scale(1, 0.8);
	-o-transform: scale(1, 0.8);

	margin-bottom: 0px;
}

p{
	transform: scale(1, 0.8);
	-webkit-transform: scale(1, 0.8);
	-moz-transform: scale(1, 0.8);
	-ms-transform: scale(1, 0.8);
	-o-transform: scale(1, 0.8);

	padding: 0px;
	margin: 0px;
	/*margin-bottom: 15px;*/
}

a.no_button {
    background-color: transparent !important;
    color: #6B8A16 !important;
    padding: 0px !important;
    margin: 0px !important;

    transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
}

/*.rec_padding {
	margin-right: 20px;
}*/

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

a{
	text-decoration: none;
	/*color: #6B8A16;*/
	color: #000;
}

body{
	/*position: relative;*/
	background-color: #E6E6E6;
}

main section.shop .container table tr.delivery td,
main section.shop .container table tr.delivery th{
	display: none;
}

main section.shop .container table tr.delivery.visible td,
main section.shop .container table tr.delivery.visible th{
	display: table-cell; 
}

div.container.mobile{
	display: none;
}

#cart_icon{
	position: fixed;
	right: 70px;
	top: 160px;
	background-image: url(/templates/web/img/cart.png);
	background-size: contain;
	width: 0px;
	height: 0px;
	transition: .2s ease-out;
	cursor: pointer;
	z-index: 4;
}

#cart_icon.open span#cart_amount{
	position: absolute;
    background-color: #FFF;
    padding: 2px 10px;
    top: -13px;
    left: -13px;
    border-radius: 15px;
    font-family: "Helvetica-Bold";
    border: 1px solid #6b8a16;
}

th.mobile{display: none}

#cart_icon.open{ 
	width: 60px;
	height: 60px;
	right: 30px;
	top: 120px;
	transition: .5s ease-out;
}

#cart_icon.open.shake{
	width: 80px;
	height: 80px;
	right: 20px;
	top: 110px;
	-ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
}

.red{
	color: red;
}

.center{
	text-align: center !important;
}

#logout{
	cursor: pointer;
}

.green{
	color: #6B8A16;
}

.green_line{
	width: 100%;
	height: 4px;
	background-color: #6B8A16;
	position: absolute;
	margin: 0px;
}

	.green_line.bottom{
		bottom: 9px;
	}

/*HEADER*/
header{
	width: 100%;
	height: 90px;
	background-color: #262626;
	box-shadow: inset 0px 14px 40px 20px #101010;
	position: relative;
	z-index: 2;
}

	header > a {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		-moz-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		display: block;
		position: relative;
		z-index: 2;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 2;
		top: 20px;
	}

	header a img{
		width: 160px;
	}

	header span.login,
	header span.settings{
		display: block;
		position: absolute;
		right: 0px;
		height: 45px;
		min-width: 200px; 
		top: 50%;

		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);

		padding-left: 20px;
		border-left: 1px solid #FFF;
		cursor: pointer;
	}

		header span.login span,
		header span.settings span{
			font-size: 18px;
			position: absolute;
			top: 30%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			color: #FFF;

			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8);
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
		}

	header #menuButton{
		width: 95px;
		height: 45px;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		margin-left: 45px;
		padding-right: 20px;
		border-right: 1px solid #FFF;
		cursor: pointer;
	}
	
		header #menuButton span{
			position: absolute;
			color: #FFF;
			top: 25%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			right: 20px;


			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8);
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
		}

	header #nav-burger{
		width: 35px;
		height: 22px;
		position: relative;
		margin-top: -4px;

		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);

		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;

		top: 50%;

		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

		header #nav-burger span{
			display: block;
			position: absolute;
			height: 3px;
			width: 100%;
			background: #FFF;
			opacity: 1;
			left: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);

			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}

			header #nav-burger span:nth-child(1) { top: 0px; }
			header #nav-burger span:nth-child(2),#nav-burger span:nth-child(3) { 
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
			}
			header #nav-burger span:nth-child(4) { top: calc(100% - 3px); }
			
			header #nav-burger.open span:nth-child(1) { 
				top: 11px;
				width: 0%;
				left: 50%;
			}

			header #nav-burger.open span:nth-child(2) {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			header #nav-burger.open span:nth-child(3) {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

			header #nav-burger.open span:nth-child(4) {
				top: 11px;
				width: 0%;
				left: 50%;
			}

/*LIGHTBOX*/
#lb_container{
	display: none;
    position: fixed;
    z-index: 5;
    width: 100%;
    height: calc(100% + 5px);
    background-color: rgba(0,0,0,0.8);
    overflow: auto;
}

	#lb_container #lightbox{
		position: relative;
		max-width: 700px;
		background-color: #ececec;
		border: 5px solid #6B8A16;
		border-top: 30px solid #6B8A16;
		top: 100px;
		margin-bottom: 100px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		width: calc(100% - 40px);
		/*box-shadow: 0px 0px 30px 5px rgba(255,255,255,0.3);*/
	}

		#lb_container #lightbox table tr td{
			padding: 2px 7px 2px 0px;
		}

		#lb_container #lightbox #lb_content{
			padding: 20px;
		}

			#lb_container #lightbox #lb_content form input{
				display: block;
				width: calc(100% - 20px);
				padding: 10px; 
				margin-top: 10px; 
			}

			#lb_container #lightbox #lb_content form input[type=submit]{
				background-color: #6B8A16;
				color: #FFF;
				width: 220px;
				margin-bottom: 10px;

				transform: scale(1, 0.8);
				-webkit-transform: scale(1, 0.8);
				-moz-transform: scale(1, 0.8);
				-ms-transform: scale(1, 0.8);
				-o-transform: scale(1, 0.8);
			}

	#lb_container div#lb_close {
		width: 20px;
		height: 20px;
		position: absolute;
		right: 0px;
		top: -26px;
		border: 1px solid #000;
		cursor: pointer;
		border-radius: 5px; 
	} 
 
		#lb_container div#lb_close span{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
		} 

			#lb_container div#lb_close span img {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				display: block;
			}

	#lb_container div#lb_close:hover{
		background-color: #FFF;
	}
 
/*NAV*/
aside{
	height: calc(100% - 90px);
	position: fixed;
	top: 0px;
	background-color: #FFF;
	width: 300px;
	left: -300px;
	
	-webkit-transition: left .25s ease-out;
	-o-transition: left .25s ease-out;
	transition: left .25s ease-out;

	z-index: 1;
	padding-top: 180px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

	aside.open{
		left: 0px;
	}

	aside nav{
		width: calc(100% - 80px);
		margin: auto;
	}

		aside nav ul{
			list-style: none;
			padding: 0px;
			margin: 0px;
		}

		aside nav ul li{
			border-top: 1px solid #cecece;
			text-align: right;
			padding: 15px 20px 15px 0px;
			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8);
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
			margin-top: -10px;	
		}

			aside nav ul li.login.mobile,
			aside nav ul li.settings.mobile{
				display: none;
				font-family: "Helvetica-Bold";
				font-size: 16px;
				color: #000;
			}

			aside nav ul li.login.mobile span,
			aside nav ul li.settings.mobile span{
				font-size: 16px;
				font-family: "Helvetica-Bold";
			}


			aside nav ul li a{
				font-family: "Helvetica-Bold";
				font-size: 16px;
				color: #000;
			}

			aside nav ul li.active {
				background-image: url(/templates/web/img/active_link.png);
				background-repeat: no-repeat;
				background-position: center right;
				background-size: 10px;
			}

			aside nav ul li.active a{
				color: #6B8A16;
			}

				nav ul li a img {
					width: 32px;
					margin-left: 10px;
					height: 40px;
				}

/*MAIN*/
main{
	min-height: calc(100% - 203px);
	padding-bottom: 20px;
}
	
	main section{
		margin-bottom: 13px;
	}

	main section.narrow{
		text-align: center;
		max-width: 1280px;
		margin: 0px auto;
	}

	main section article{
		overflow: hidden;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}

	main section.wide article{
		height: 450px;
		width: 100%;
	}


	main section.narrow article{
		width: calc(50% - 26px);
		margin: 0px 7.5px;
		height: 260px;
	}

		main section article > div.image{
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-size: cover;
			background-position: center center;
			-webkit-transition: .25s ease-out;
			-o-transition: .25s ease-out;
			transition: .25s ease-out;
			opacity: 0.0001;
			-webkit-transition: translateX(-50%) translateY(-50%);
			-o-transition: translateX(-50%) translateY(-50%);
			transition: translateX(-50%) translateY(-50%);
		}


		main section article:hover div.image{
			width: 110%;
			height: 110%;
			top: -5%;
			left: -5%;
		}

		main section article a{
			display: block;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%; 
		}

		main section article span{
			position: absolute;
			top: 20px;
			padding: 10px;
			font-size: 18px;
			right: 20px;
			background-color: rgba(255,255,255,0.8);
			font-family: "Helvetica";

			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8); 
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
		}

/*SHOP*/
main div.shop_container{
	padding-top: 130px;
	/*margin: 0px 10%;*/
}

main section.shop iframe{
	display: block;
    max-width: 730px; 
    height: 1050px;
    margin: 0px auto;
    margin-top: 100px;
    width: 100%; 
}

main section.shop,
main section.content_section{
	width: calc(100% - 80px);
	margin: 20px auto 0px auto;
	background-color: #FFF;
	padding:20px;
	padding-top: 40px;
	padding-bottom: 40px;
}
 
	main section.shop h1,
	main section.content_section h1{
		text-align: center;
		font-size: 30px;
		margin-bottom: 30px;
		margin-top: 0px;
	}

	main section.shop .container,
	main section.content_section .container{
		width: 100%;
		max-width: 900px;
		text-align: center;
		margin: auto;
	}

	main section.content_section .container{
		width: calc(100% - 80px);
		max-width: 600px;
	}

	main section.shop .container{
		text-align: left;
	}

		main section.shop .container table{
			/*display: inline-block;*/
			width: 100%; 
			margin: 0px auto;
		}

			main section.shop .container table.nosize{
				width: auto; 
			} 

			main section.shop .container table tr th,
			main section.shop .container table tr td{
				padding: 10px;
				border-top: 1px solid #000;
				text-align: left;
			}

			main section.shop .container table tr th{
				background-color: #6B8A16;
				color: #FFF;
				border-top: 0px;
				font-weight: normal; 
    			font-family: "Helvetica-Bold";
			}

				main section.shop .container table tr th span{
					font-family: "Helvetica-Bold";
					transform: scale(1, 0.8);
					-webkit-transform: scale(1, 0.8);
					-moz-transform: scale(1, 0.8); 
					-ms-transform: scale(1, 0.8);
					-o-transform: scale(1, 0.8);
					display: block;
				}

				main section.shop .container table tr td span{
					cursor: pointer;
					/*font-family: "Helvetica";*/
					transform: scale(1, 0.8);
					-webkit-transform: scale(1, 0.8);
					-moz-transform: scale(1, 0.8); 
					-ms-transform: scale(1, 0.8);
					-o-transform: scale(1, 0.8);
					display: inline-block;
				}

				main section.shop .container table tr td b,
				main section.shop .container table tr td strong{
					transform: scale(1, 0.8);
					-webkit-transform: scale(1, 0.8);
					-moz-transform: scale(1, 0.8); 
					-ms-transform: scale(1, 0.8);
					-o-transform: scale(1, 0.8);
					display: inline-block;
				}
					
				main section.shop .container table tr td span.mobile{
					display: none;
					font-family: "Helvetica-Bold";
					color: #6B8A16;
					width: 100px;
				}

				main section.shop .container table tr td input[type=number]{
					border: 1px solid #000;
					width: 50px;
					padding: 5px 10px;
				}

				main section.shop .container table tr td input[type=text]{
					border: 1px solid #000;
					padding: 5px 10px;
					min-width: 80px;
					width: calc(100% - 20px);
				}

				main section.shop .container table tr td input[type=text].error{
					border: 1px solid #F00;
				}

				main section.shop .container table tr td a,
				.button{
					background-color: #6B8A16;
					padding: 10px;
					text-align: center; 
					color: #FFF;
					display: inline-block; 
					margin-top: 5px;
					margin-right: -10px;
					margin-left: -10px;
					cursor: pointer;
					text-decoration: none; 
				}

				.button{
					margin: 0px;
				}

				main section.shop .container .payment_method{
					max-width: 240px;
					width: 100%;
					margin: 20px auto;
					border: 1px solid #000; 
					display: block;
					top: 0px; 
					left: 0px;
					-webkit-transition: .2s ease-out;
					-o-transition: .2s ease-out;
					transition: .2s ease-out;
					position: relative;
					cursor: pointer;
				}

				main section.shop .container .payment_method.active{
					background-color: #6B8A16;
					box-shadow: 6px 6px 15px 2px rgba(0,0,0,0.3);
					top: 0px;
					left: 0px;
				}

				main section.shop .container .payment_method p{
					color: #000;
					font-size: 28px;
					text-align: left;
					margin-bottom: 5px;
					margin-left: 60px;
				}
				main section.shop .container .payment_method b{
					color: #000;
					font-size: 19px;
					text-align: left;
					margin-bottom: 5px;
				}

				main section.shop .container .payment_method.active p{
					color: #FFF;
					margin-bottom:  5px;
				}
				main section.shop .container .payment_method.active img{
					content:url("/templates/web/img/icon_active.png");
				}

				main section.shop .container .payment_method:hover{
					box-shadow: 6px 6px 15px 2px rgba(0,0,0,0.3);
					top: -5px;
					left: 0px;
				}
					main section.shop .container .payment_method > img.bgimg{
						
						position: absolute;
						left: 10px;
						margin: 12px;


					}

	main section.content_section .container{
		text-align: justify;
	}

		main section.shop .container article.shop_article{
			width: calc((100% / 3) - 10px);
			display: inline-block;
			margin: 10px 5px;
			margin-bottom: 20px;
			text-align: center;
		}

		main section.shop .container article.shop_article p{
			font-family: "Helvetica";
			font-size: 18px;
			color: #000;
		}

			main section.shop .container article.shop_article div.image_container{
				width: 100%;
				height: 200px;
				overflow: hidden;
				position: relative;
				margin-bottom: 10px;
			}


			main section.shop .container article.shop_article div.image{
				position: absolute;
				top: 0px; 
				left: 0px;
				width: 100%;
				background-position: center;
				background-size: cover;
				height: 100%;
				-webkit-transition: .25s ease-out;
				-o-transition: .25s ease-out;
				transition: .25s ease-out;
				opacity: 0.0001;
				margin: 0px;
			}

			main section.shop .container article.shop_article:hover div.image{
				width: 110%;
				height: 110%;
				top: -5%;
				left: -5%;
			}

	main section.shop .container div.image{
		width: calc(50% - 30px);
		height: 500px;
		background-size: cover;
		background-position: center;
		display: inline-block;
		vertical-align: top;
		margin-right: 30px;
	}

	main section.shop .container div.article_content{
		display: inline-block;
		width: calc(50% - 30px);
		vertical-align: top;
		text-align: left;
		padding-right: 20px;
	}

		main section.shop .container div.article_content hr{
			height: 1px;
			width: 100%;
			background-color: #6B8A16;
			margin: 20px 0px;
		}

		main section.shop .container div.article_content h2{
			text-align: center;
			font-size: 23px;
		}

		main section.shop .container div.article_content select,
		main section.shop .container div.article_content input[name=amount]{
			border: 1px solid #6B8A16;
			width: calc(50% - 40px);
			padding: 10px;
			margin-right: 10px;
		}

		 main section.shop .container div.article_content select::-ms-expand{
		 	display: none;
		 }

		main section.shop .container div.article_content p.select_header{
			display: inline-block;
			vertical-align: top;
			width: calc(50% - 20px);
			margin-right: 10px;
			margin-bottom: 5px;
			text-align:left;

		}

		main section.shop .container div.article_content p.price{
			font-size: 22px;
			font-family: "Helvetica-Bold";

			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8); 
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
		}
		main section.shop .container div.article_content select{
			width: calc(50% - 18px);
			margin-right: 10px;

			border: 1px solid silver;
			-webkit-appearance: none;
			-moz-appearance: none;
			padding-right: 25px;
			background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
			background-repeat: no-repeat;
			background-position: 95% 42%;
		}

		main section.shop .container div.article_content span.buy{
			background-color: #6B8A16;
			padding: 10px;
			cursor: pointer;
			display: inline-block;
			color: #FFF;
			width: 150px;
			text-align: center;
			margin-top:16px;

			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8); 
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
		}

		main .buy_fly{
			position: fixed;
			padding: 10px;	
			background-color: #6B8A16;
			color: #FFF;
			-webkit-transition: .5s ease-out;
			-o-transition: .5s ease-out;
			transition: .5s ease-out;
			-webkit-transform: scale(1, 0.8);
			text-align: center;
		}

		main .buy_fly.active{
			width: 0px !important;
			height: 0px !important;
			left: calc(100% - 100px) !important;
			top: 120px !important;
			color: transparent !important;
			background-color: transparent !important;
		}


		main section.shop .container h2{
			font-size: 25px;
			text-align: center;
			margin-top: 0px;
			padding-top: 0px;
			margin-bottom:25px;
		}

		main section.content_section h2{
			font-size: 20px;
			margin-bottom: 0px;
			padding-bottom: 0px;
		}

		main section.shop .container .recomended_slideshow{
			text-align: left;
		}

		main section.shop .container .recomended_slideshow .slide_element{
			display: inline-block;
			width: calc((100% / 3) - 20px);
			margin-right: 20px;
		}

			main section.shop .container .recomended_slideshow .slide_element div.img{
				width: 100%;
				height: 150px;
				background-size: cover;
				background-position: center;
			}

			main section.shop .container .recomended_slideshow .slide_element p{
				text-align: center;
				color: #000;
				font-family: "Helvetica";
				font-size: 18px;
				margin-top: 10px;
			}

	button.slick-prev.slick-arrow,
	button.slick-next.slick-arrow {
		position: absolute;
		top: 40%;
		z-index: 1;
		background-color: transparent;
		color: transparent;
		height: 50px;
		width: 40px;

		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		cursor: pointer;
	}

	button.slick-prev.slick-arrow {
		left: -100px;
		background-image: url(/templates/web/img/slider_left.png);
	}

	button.slick-next.slick-arrow {
		right: -80px;
		background-image: url(/templates/web/img/slider_right.png);
	}

/*FOOTER*/
footer{
	bottom: 0px;
	width: 100%;
	text-align: center;
    min-height: 85px;
    background-color: #262626;
    box-shadow: inset 0px -14px 40px 20px #101010;
    position: relative;
    padding-bottom: 15px;
} 

	footer p {
		transform: scale(1, 0.8);
		-webkit-transform: scale(1, 0.8);
		-moz-transform: scale(1, 0.8);
		-ms-transform: scale(1, 0.8);
		-o-transform: scale(1, 0.8);
		color:#FFF;
	}

	footer form{
		display: block; 
		padding: 0px 20px;
		margin: 0px;
		list-style: none;
		/*-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		top: 70%;*/
		width: calc(100% - 40px);
		text-align: center;
	}
	footer form input{
		font-size:15px;
		padding: 5px 0px;
		padding-left: 5px;
		width:100px;
		text-align: center;
		transform: scale(1, 0.8);
		-webkit-transform: scale(1, 0.8);
		-moz-transform: scale(1, 0.8);
		-ms-transform: scale(1, 0.8);
		-o-transform: scale(1, 0.8);
	}
	footer form input:last-of-type{
		font-size:15px;
		padding-left: 5px;
		width:180px;
		
	}
	footer ul{ 
		padding: 15px 0px;
		margin: 0px;
		list-style: none;
		/*position: relative;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);*/
		/*top: 30%;
		left: 50%;*/
		text-align: center;
		width: 100%;
	}

		footer ul li{
			display: inline-block;
			vertical-align: top;

			transform: scale(1, 0.8);
			-webkit-transform: scale(1, 0.8);
			-moz-transform: scale(1, 0.8);
			-ms-transform: scale(1, 0.8);
			-o-transform: scale(1, 0.8);
		}

			footer ul li a{
				text-decoration: none;
				color: #FFF;
				padding: 0px 10px;
				border-right: 1px solid #FFF;
				font-size: 15px;
			}
			
			footer ul li a.active{
				color: #6B8A16;
			}

				footer ul li:last-of-type a{
					border-right: 0px;
				}

@media screen and (max-width: 690px){
	footer{
		bottom: 0px;
		text-align: center;
    	background-color: #262626;
    	box-shadow: inset 0px -14px 40px 20px #101010;
    }

    main section.shop h1, 
    main section.content_section h1 {
    	font-size: 23px;
    } 
}
@media screen and (max-width: 790px){
	footer{ 
		bottom: 0px;
		text-align: center;
    	background-color: #262626;
    	box-shadow: inset 0px -14px 40px 20px #101010;
    }

}
@media screen and (max-width: 770px){
	main section.shop .container table tr th, main section.shop .container table tr td {
	    padding: 10px;
	    border-top: 1px solid #000;
	    text-align: left;
	    width: calc((100%/2) - 40px );
	    /*display: inline-block;*/
	    vertical-align: top;
	}
	/*main section.shop .container table tr th, main section.shop .container table tr {
	    display: block;
	    width: 100%; 
	}*/
	/*tbody {
	    width: 100%;
	    display: block;
	}*/
	main section.shop .container table {
	    /*display: inline-block;*/
	    width: 100%;
	}
	main section.shop .container table tr th {
	    /*display: block;*/
	    width: auto;
	    padding: 10px;
	}
	/*main section.shop .container div {
		text-align: center;
	}*/
	#cart_icon.open{ 
		top: 30px;
	} 
 
	main section.shop iframe{
		margin-top: 0px;
	}

	#lb_container #lightbox {
		top: 20px;
	}
}
@media screen and (max-width: 460px){
	main section.shop .container table tr th, main section.shop .container table tr td {
	    padding: 10px;
	    border-top: 1px solid #000;
	    text-align: left;
	    width: auto;
	    /*display: inline-block;*/ 
	    vertical-align: top;
	}
	/*main section.shop .container table tr th, main section.shop .container table tr {
	    display: block;
	    width: 100%;
	}*/
	/*tbody {
	    width: 90%;
	    display: block;
	    margin-right:5px;
	}*/
	main section.shop .container table {
	    /*display: inline-block;*/ 
	    width: 100%;
	}
	/*main section.shop .container table tr th {
	    display: block;
	    width: calc(100% - 20px);
	    padding: 10px;
	}*/
	main section.shop .container div {
		text-align: left;

	}
	main section.shop h1{
		font-size: 20px;
	}
	main section.shop .container table tr:last-of-type td {

	    /*display: block;*/

	}
}
@media screen and (max-width: 770px){
	footer ul li {
		display: block;
	}

		footer ul li a {
			border:0px;
		}

	main section.shop .container div.image {
		height: 250px;
		background-size: cover; 
		background-position: center;
		display: block;
		width: 100%;
		margin-right: 0px;
		margin-left: 0px; 
		margin-bottom: 20px;
	}

	.rec_padding {
		padding-left: 0px;
	}

	main section.shop .container div.article_content {
		display: block;
		width: 100%;
	}
		
	th.mobile{display: block !important;}

	.login, .settings{
		display: none !important;
	}

	.login.mobile, .settings.mobile{
		display: block !important;
	}

	main section.shop .container article.shop_article{
		width: calc((100% / 2) - 10px);
	}
	
	div.container.overview{
		display: none;
	}

	div.container.mobile{
		display: block;
	}

	div.container.mobile input{
		border: 1px solid;
		padding: 5px 10px;
	}

	main section.shop .container table tr td input[type=text]{
		min-width: 80px;
		width: calc(100% - 20px);
	}

	header img { 
		display: none;
	}

	main div.shop_container {
    	padding-top: 0px;

	}

	button.slick-next.slick-arrow,
	button.slick-prev.slick-arrow{
		display: none !important;
	}

	main section.shop .container .recomended_slideshow .slide_element{
		margin: 0px 10px;
	}

	main section.shop, main section.content_section{
		padding: 20px;
		width: calc(100% - 80px);
	}

	main section.content_section .container{
		width: 100%;
	}

	main section.shop .container h2{
		padding-left: 10px;
	}

	main section.shop .container div.article_content select,
	main section.shop .container div.article_content input[name=amount],
	main section.shop .container div.article_content p.select_header{
		width: 140px;
	}

	main section.shop .container div.article_content input[name=amount] {
		width: 60px;
	}

	/*main section.shop .container .payment_method {
    	width: calc(100% - 100px);
		display: block;
		margin: 20px auto;
	}*/

	main section.shop .container .payment_method > div {
		height: 120px;
	}
}

@media screen and (max-width: 425px){
	main section.shop .container article.shop_article {
    	width: calc(100% - 20px);
	}

	main section.shop .container article.shop_article div.image_container {
    	height: 120px;
	}

	main section.shop .container article.shop_article p {
	    /*font-size: 15px;*/
	    margin: 10px 0px 0px 0px;
	}

	main section.shop .container h2{
		font-size: 21px;
	}
 
	main section.narrow article {
		width: calc(100% - 40px);
		height: 260px;
		margin-bottom: 15px; 
	}

	main section.narrow article:last-of-type{
		margin-bottom: 0px;
	}

	main section.shop .container div.article_content select,
	main section.shop .container div.article_content input[type=amount],
	main section.shop .container div.article_content p.select_header {
    	width: 100px; 
	}

	main section.shop .container div.article_content select {
		width: 145px;
	}
}

@media screen and (max-width: 320px){
	main section.shop .container div.article_content select,
	main section.shop .container div.article_content input[type=amount],
	main section.shop .container div.article_content p.select_header{
    	width: 110px;
	}

	main section.shop .container article.shop_article {
    	width: calc((100% / 1) - 20px);
	}

	main section.shop .container article.shop_article p {
		font-size: 15px;
		margin: 5px 0px 0px 0px;
	}
}
@media screen and (max-width: 560px){
	main section.shop, main section.content_section{
		padding: 20px;
		margin: 20px;
	}

}
@media screen and (max-width: 420px){
	main section.shop, main section.content_section{
		padding: 20px;
		margin: 20px;
	}
@media screen and (max-width: 380px){
	main section.shop, main section.content_section{
		padding: 20px;
		margin: 20px;
	}
}
@media screen and (max-width: 666px){
        main{
		font-size: 15px;
	}
}
@media screen and (max-width: 630px){
        main{
		font-size: 13px;
	}
}