/** Generated: Friday, 10th of October 2025, 02:47:01 AM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
:root {
	--dgreen:#004920;
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

* {
    padding:0;
    margin:0;
    box-sizing: border-box;
	color:inherit;
}

img {
	max-width:100%;
}

.wrap {
	position:relative;
	width:960px;
	margin:0 auto;
}

#burger,
#mobnav {
	display:none;
}

body {
    font-size:62.5%;
	font-family: 'Open Sans', sans-serif;
	color:#004920; /* green */
}

header {
    width:100%;
	float:left;
}

	.contactinfo {
		float:right;
		margin:1% 5% 1em 0;
	}
	
		.contactinfo p {
			float:left;
			font-size:1em;
			font-weight:700;
			margin-left:2em;
			letter-spacing: 0.05em;
		}
		
			.contactinfo p span {
				color:#ecb700; /* yellow */
			}
	
	#tagline {
		float:right;
		font-size:3em;
		font-weight:300;
		margin-bottom:0.5em;
		margin-right:2%;
	}
	
	#searchbox {
		float:right;
		clear:right;
		margin-right:5%;
		width:150px;
		border:1px solid #ddd;
		margin-top:0.3em;
		border-radius: 0.25em;
	}
	
		#searchbox input {
			margin-bottom:0;
			width:100%;
			border:none;
			padding:0.5em 0.8em;
		}
	
		.searchsubmit {
			display:none;
		}

    nav {
		float:right;
		clear:right;
		background-color:#e7e7e7;
		padding-right:5%;
    }
  
		#mainnav {
			  list-style: none;
			  float:left;
		}
		
			#mainnav li {
				float:left;
				margin:0 6px;
			}
			
				#mainnav li:first-of-type{
					margin-left:0;
				}
			
				#mainnav li a {
					float:left;
					text-decoration: none;
					font-size:1.1em;
					font-weight:700;
					letter-spacing: 0.1em;
					text-transform: uppercase;
					padding:1em 1.25em;
					border-right:1px solid #d4d4d4;
					position:relative;
				}
				
					#mainnav li:hover a,
					#mainnav .active {
						background-color:#004920; /* green */
						color:#fff;
						z-index:20;
					}
					
					.slant {
						position:absolute;
					}
					
					.green-l,
					.grey-l{
						left:-12px;
						width:12px;
						height:100%;
						bottom:0;
					}
					
					.green-r,
					.grey-r{
						right:-12px;
						width:12px;
						height:100%;
						top:0;
					}
					
					.green-l,
					.green-r{
						display:none;
					}
					
					.active .green-l,
					.active .green-r,
					nav ul li a:hover .green-l,
					nav ul li a:hover .green-r{
						display:block;
					}
					
					.active .grey-l,
					.active .grey-r,
					nav ul li a:hover .grey-l,
					nav ul li a:hover .grey-r{
						display:none;
					}


    #logo {
		float:left;
		width:230px;
		margin:3% 0 0 5%;
    }
  
		#logo img {
			display:block;
		}

.flex {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

.fcw {
  float:left;
  clear:left;
  width:100%;
}

.main p,
.main li{
  line-height:1.6em;
  margin-bottom:1em;
}

.main ul,
.main ol {
  margin:2em;
}

  .main li {
    padding-left:1em;
  }

.align_left {
  float:left;
}

.align_right {
  float:right;
}

.align_center {
  text-align: center;
}

img.align_left,
figure.align_left{
  margin:0.5em 1em 1em 0;
  padding:1em;
  border:1px solid #eee;
}

img.align_right,
figure.align_right{
  margin:0.5em 0 1em 1em;
  padding:1em;
  border:1px solid #eee;
}

img.align_center,
figure.align_center{
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:1em;
  border:1px solid #eee;
}

figure {
	display:inline-block;
	padding:1em;
	border:1px solid #eee;
	margin-bottom:1em;
}
  
footer {
  clear:both;
  float:left;
  width:100%;
}

	.imgbar {
		padding:0 5%;
	}
	
		.imgbar img {
			position:relative;
			z-index:10;
			float:left;
			margin-right:1em;
			height:67px;
			margin-bottom:-29px;
		}
	
	.cbar {
		background-color:#e7e7e7;
		padding:2em 5%;
		color:#353535;
	}
	
		.cbar p {
			float:right;
			text-align: right;
		}

.cookies {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#00000066;
	z-index:100;
}
		
	.cookies .inner {
		position:absolute;
		bottom:0;
		width:100%;
		background-color:#fff;
		padding:3em;
		border-top:1px solid var(--dgreen);
	}

		.cookies .text {
			position:static;
			float:left;
			width:75%;
		}

		.cookies .text h2 {
			font-size:4em;
		}

		.cookies .pbtn {
			float:right;
			color:#fff;
			background-color:var(--dgreen);
			text-decoration: none;
			font-size:1.2em;
			padding:1em 2em;
			text-align: center;
			width:20%;
		}

		.cookies h2 {
			font-size:4em;
			font-weight: 600;
		}

@media screen and (max-width:999px) {
	.cbar p {
		float:left;
		text-align: left;
		margin-top:2em;
	}
}
  
@media screen and (max-width:859px) {
	
	nav {
		float:left;
		clear:left;
		width:100%;
		padding:0;
	}
	
  #burger{
    display:block;
  }
  
  #mainnav,
  .contactinfo,
  #tagline{
    display:none;
  }
  
  #logo {
	width:190px;
	margin:3% 0 3% 5%;
  }
  
  #burger {
    width:44px;
	float:right;
	margin:3% 5% 3% 0;
  }
  
    #burger img {
      max-width:100%;
      display:block;
    }
	
		#mobnav,
		#mobnav li{
			float:left;
			clear:left;
			width:100%;
			list-style: none;
		}
		
			#mobnav li a {
				float:left;
				clear:left;
				width:100%;
				font-size:1.3em;
				font-weight:700;
				text-transform: uppercase;
				letter-spacing: 0.1em;
				color:#666;
				padding:1em;
				text-align: center;
				text-decoration: none;
				border-bottom:1px solid #ccc;
			}
			
				#mobnav li a:hover {
					background-color:#ecb700; /* yellow */
				}
  
        #mobnav li a.tri {
          position:absolute;
          float:none;
          clear:none;
          right: 0;
          top: 0;
          width: 3em;
          height: 100%;
          border:none;
          padding:0;
        }
        
          .tri img {
            float:left;
            width:23px;
            margin-left:0.5em;
            margin-top:0.8em;
            height:11px;
            display:block;
          }
		
		#searchbox {
			display:none;
		}
		
		#searchboxm {
			float:left;
			clear:left;
			width:100%;
			border:1px solid #ddd;
		}
		
			#searchboxm input {
				margin-bottom:0;
				float:left;
				clear:left;
				width:100%;
				padding:1em;
			}
}

@media screen and (max-width:499px) {
	.imgbar img {
		height:35px;
	}

	.cookies .text,
	.cookies .pbtn {
		width:100%;
	}

	.cookies .text {
		margin-bottom:1em;
	}
}

.hero {
	background-color:#ecb700; /* yellow */
	position: relative;
}

	.bgfade {
		position:absolute;
		z-index:0;
		left:0;
		top:0;
		height:100%;
		width:60%;
		background-image: -moz-linear-gradient(0deg, rgb(236,183,0) 0%, rgb(236,183,0) 50%, rgba(236,183,0,0) 100%);
		background-image: -webkit-linear-gradient(0deg, rgb(236,183,0) 0%, rgb(236,183,0) 50%, rgba(236,183,0,0) 100%);
		background-image: -ms-linear-gradient(0deg, rgb(236,183,0) 0%, rgb(236,183,0) 50%, rgba(236,183,0,0) 100%);
	}
	
	.hero .text {
		position:relative;
		z-index:12;
		left:5%;
		top:12%;
		width:100%;
	}
	
		.hero h2 {
			font-size:6.8em;
			font-weight:700;
			color:#fff;
			text-transform: uppercase;
			line-height: 1.3;
			margin-bottom:0.5em;
			white-space: normal !important;
		}
		
		.hero h3 {
			font-size:2.5em;
			font-weight:700;
			color:#004920; /* green */
			text-transform: uppercase;
			letter-spacing: 0.05em;
			line-height: 1.4;
			white-space: normal;
			width:75%;
		}
	
	.sites {
		position:absolute;
		width:90px;
		top:13%;
		right:0;
		z-index:50;
	}
	
		.sites a {
			float:left;
			clear:left;
			width:100%;
			margin-bottom:1em;
		}
	

.products {
	display:grid;
	grid-template-columns: repeat(9,1fr);
	grid-gap:1em;
	padding:0 5%;
	margin-top:-5%;
	margin-bottom:2em;
}

	.product,
	.shadow {
		transition: margin 0.5s ease-in-out;
	}

	.products a {
		float:left;
		width:100%;
		border:1px solid #fff;
		position:relative;
		z-index:12;
		transition: margin 0.5s ease-in-out;
		margin-bottom:0;
	}
	
	.product img.shadow {
		margin:1em 0;
		width:100%;
	}
		
		.product:hover a {
			margin-top:-1em;
			margin-bottom:2em;
		}
		
		.product:hover .shadow {
			margin-bottom:0;
		}
		
		.product img {
			display:block;
			float:right;
			width:86%;
			margin:10% 7% 5% 7%;
			margin-top:3em;
		}
		
		.ribbon {
			position:absolute;
			z-index:13;
			right:0;
			top:1.5em;
			background-color:#004920; /* green */
			color:#fff;
			width:100%;
			padding:0.5em;
		}
		
			.ribbon h3 {
				text-align:right;
				font-weight:300;
				font-size:1.1em;
			}
			
			.ribbon .slant {
				left:-8px;
				width:8px;
				height:100%;
				margin-top:0;
				margin:0;
			}

@media screen and (max-width:999px) {
	.products {
		grid-template-columns:repeat(4,1fr);
	}
}

@media screen and (max-width:799px) {
	
	.product .prodimg {
		margin-top:6em;
		width:90%;
		margin-right:5%;
	}
	
	.hero h2 {
			font-size:15em;
		}
		
	.hero h3 {
		font-size:6em;
	}
}

@media screen and (max-width:599px){
	.products {
		grid-template-columns:repeat(2,1fr);
	}
}

@media screen and (max-width:499px) {
	
	.hero h2 {
		font-size:20em;
	}
		
	.hero h3 {
		font-size:8em;
	}
	
		.product:hover a {
			margin-top:0;
			margin-bottom:0;
		}
		
		.product:hover a .ribbon h3 {
			text-decoration: underline;
		}
	
	.product .shadow {
		display:none;
	}
	
	.sites {
		width:50px;
	}
	
		.sites a {
			margin-bottom:0.5em;
		}
}

@media screen and (max-width:399px) {
	
	.hero h2 {
		font-size:20em;
	}
		
	.hero h3 {
		font-size:8em;
	}
}

@media screen and (max-width:299px) {
	.product {
		width:100%;
		margin-right:0;
	}
}