/**
 * @license
 * MyFonts Webfont Build ID 2993839, 2015-03-19T05:39:13-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CenturyGothicStd-Bold by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/century-gothic/std-bold/
 * 
 * Webfont: CenturyGothicStd by Monotype 
 * URL: http://www.myfonts.com/fonts/mti/century-gothic/std-regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2993839
 * Licensed pageviews: 250,000
 * Webfonts copyright: Copyright The Monotype Corporation. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

  
@font-face {font-family: 'CenturyGothicStd-Bold';src: url('/assets/css/fonts/webfonts/2DAEAF_0_0.eot');src: url('/assets/css/fonts/webfonts/2DAEAF_0_0.eot?#iefix') format('embedded-opentype'),url('/assets/css/fonts/webfonts/2DAEAF_0_0.woff2') format('woff2'),url('/assets/css/fonts/webfonts/2DAEAF_0_0.woff') format('woff'),url('/assets/css/fonts/webfonts/2DAEAF_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CenturyGothicStd';src: url('/assets/css/fonts/webfonts/2DAEAF_1_0.eot');src: url('/assets/css/fonts/webfonts/2DAEAF_1_0.eot?#iefix') format('embedded-opentype'),url('/assets/css/fonts/webfonts/2DAEAF_1_0.woff2') format('woff2'),url('/assets/css/fonts/webfonts/2DAEAF_1_0.woff') format('woff'),url('/assets/css/fonts/webfonts/2DAEAF_1_0.ttf') format('truetype');}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{font-family:'CenturyGothicStd';min-width:320px;}
.wrap{max-width:1024px;margin:0 auto;display:block;}
.page{float:left;width:100%;}
header{width:100%;float:left;}
header h1{width:400px;height:180px;line-height:0px;background:url('/assets/images/foilandfilm.jpg') top left no-repeat;background-size:contain;text-indent:-10000px;float:left;margin-bottom: 0px;}
header h2{text-indent:-100000px;line-height: 0;height:0px;margin-bottom: 0px;}
.contactbox{float:right;text-align: right;margin-top:20px;}
.contactbox p{color:#4DB85B;font-family:'CenturyGothicStd-Bold';size:24px;margin-bottom:20px;line-height:1;}
.contactbox p span{font-size:42px;}
.contactbox a{color:#4DB85B;}

nav{width:100%;float:left;background:#7AC456;position:relative;z-index:30;}
nav ul{}
nav ul li{display:inline-block;float:left;padding:20px 30px;font-family:'CenturyGothicStd-Bold';position:relative;}
nav ul li a{text-decoration: none;color:#fff;}
nav ul li a:hover{color:#186D46;}
nav ul li.active a{color:#186D46;}
nav ul li ul{display:none;}
nav ul li.order a{border-radius:5px;background:#186D46;margin:8px 0px;color:#fff;text-transform: uppercase;padding:8px 20px;}
nav ul li.order.active a,nav ul li.order:hover a{color:#186D46;background:#fff;}

nav ul li:hover ul li ul{
	display:none;
}

nav ul li:hover ul{display:block;position:absolute;top:62px;left:0px;width:220px;background:#ccc;}
nav ul li:hover ul li{padding:10px 20px;}
nav ul li.active:hover ul li a{color:#fff;}
nav ul li:hover ul li:hover a{color:#186D46;}
nav ul li:hover ul li.active a{color:#7AC456;}

.hero{float:left;width:100%;overflow:hidden;}
.hero img{max-width:100%;height:auto;margin-bottom:0px;}
.hero h3{font-family:'CenturyGothicStd-Bold';color:#fff;width:100%;text-align: center;font-size:36px;line-height:70px;background:#4DB85B;margin-top:-5px;float:left;}

.hero .slider{width:100%;float:left;position:relative;float:left;z-index:0;}
.hero .slider .slide{overflow:hidden;width:100%;overflow:hidden;height:284px;}
.hero .slider .slide img{max-width:100%;height:auto;}
.hero .slider .slide h2{position:absolute;bottom:0px;left:20px;background:#fff;padding:0.5em 1em;}

.row{width:100%;float:left;margin-top:20px;}

.primary{float:left;width:60%;margin-top:20px;}

.primary.products{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap:1rem;
	grid-row-gap:1rem;
}

.secondary{float:right;width:35%;margin-top:20px;}

.row.category{border-bottom:2px solid #7AC456;}
.secondary img{width:100%;height:auto;border-radius:5px;margin-bottom:20px;}

.secondary.clear{clear:left;float:left;margin-bottom:40px;width:100%;}
.secondary.clear form{width:40%;float:left;}
.secondary.clear .contact{width:40%;float:left;text-align: left;padding-left:20px;box-sizing: border-box;margin-top:0px;}

.secondary form{border-radius: 5px;background:#7AC456;padding:20px;box-sizing: border-box;float:left;margin-bottom:20px;}
.secondary form h3,.secondary form p,.secondary form label{color:#fff;}
.secondary form h3{margin-top:-6px;font-size:16px;}
.secondary form p,.secondary form label{font-size:12px;}
.secondary form input[type=text]{width:100%;box-sizing: border-box;border-radius: 3px;padding:10px;border:2px solid #186D46;margin:8px 0px;}
.secondary form p.disclaimer{width:40%;float:left;margin-bottom:0px;}
.secondary form input[type=submit]{float:right;background:#186D46;text-transform: uppercase;border:none;border-radius: 3px;color:#fff;font-family:'CenturyGothicStd-Bold';font-size:18px;padding:10px 20px;}

h1,h2,h3,p,ul,ol,label{line-height:1.4;color:#186D46;margin-bottom:20px;}
h1,h2,h3{font-family:'CenturyGothicStd-Bold';}
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
ul{list-style:disc;color:#7AC456;}
ul ul{margin-left:20px;font-size:14px;}
ul ul ul{font-size:12px;}

img{max-width:100%;height:auto;margin-bottom:20px;}

.blog_content{float:left;margin-bottom:60px;width:100%;}

.blog_content img{}

li.nolink{list-style:none;}

p.date{color:#ccc;}
.case-study p.date{display:none;}

h1 a,h2 a,h3 a,p a,li a{color:#7AC456;}
a.more{background:#186D46;text-transform: uppercase;border:none;border-radius: 3px;color:#fff;font-family:'CenturyGothicStd-Bold';font-size:18px;padding:10px 20px;text-decoration: none;}

.order h1,.order h2,.order p{color:#7AC456;text-align: center;}
.order h1{font-size:64px;}
.order h2{max-width:60%;margin:0 auto;display:block;}

strong{font-weight:700;}
em{font-style:italic;}

.categories{width:100%;float:left;background:#186D46;border-radius:5px;padding:3.333%;padding-bottom:0%;margin-bottom:40px;margin-top:40px;box-sizing: border-box;}
h2.choose{text-align: center;clear:both;padding-top:3rem;}
.categories .category{width:30.333%;margin-right:4%;float:left;margin-bottom:3.333%;}
.categories .category:nth-child(3n+3){margin-right:0px;}
.categories .category h2{color:#186D46;text-align: center;background:#7AC456;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;margin-bottom: 0px;font-size:18px;margin-top:-4px;}
.categories .category h2 a{text-decoration: none;color:#186D46;}
.categories .category:hover h2{background:#fff;color:#186D46;}
.categories .category img{max-width:100%;height:auto;border-top-left-radius: 3px;border-top-right-radius: 3px;margin-bottom:0px;}

.catalogue-product{}
.catalogue-product p{font-size:14px;}
.catalogue-product h2{font-size:18px;}
.catalogue-product img{max-width:100%;float:left;height:auto;border-radius:5px;margin-bottom:20px;}

footer{width:100%;float:left;background:#58595B;margin-top:40px;}
footer p{color:#fff;margin:20px;float:left;font-size:24px;max-width:60%;font-family:'CenturyGothicStd-Bold';}
footer .address{float:right;max-width:35%;}
footer .address p{font-size:14px;font-weight: 400;text-align: right;margin-right:20px;max-width:100%;}

.zybax{width:100%;height:260px;background:url('/assets/images/zybax.jpg') center center no-repeat;background-size:contain;float:left;position:relative;}
.zybax h3{position:absolute;left:330px;top:30px;color:#11689b;width:400px;}
.zybax p{position:absolute;top:160px;left:330px;color:#fff;width:400px;}
.zybax a.button{position:absolute;bottom:10px;left:330px;color:#11689b;background:#fff;padding:0.5rem 1rem;text-decoration: none;}
.zybax a.button:hover{background:#8aca79;}
.vegware{width:100%;height:260px;background:url('/assets/images/vegware.jpg') center center no-repeat;background-size:contain;float:left;position:relative;}
.vegware h3{position:absolute;left:20px;top:155px;color:#fff;width:700px;}
.vegware p{position:absolute;top:30px;left:360px;width:350px;}
.vegware a.button{position:absolute;top:80px;left:360px;color:#fff;background:#ab4c49;padding:0.5rem 1rem;text-decoration: none;}
.vegware a.button:hover{background:#74a852;}

.prod-logos{display:none;}


@media screen and (max-width:1064px){
	.wrap{padding:0px 20px;}
	.hero h3{font-size:32px;}
	.hero .slider{height:240px;}
	.hero .slider .slide{height:240px;overflow:hidden;}
	
	.zybax p{display:none;}
	.zybax a.button{bottom:40px;}
}

@media screen and (max-width:960px){
	.primary{width:48%;}
	.secondary{width:48%;}
	.hero h3{font-size:24px;}
	nav ul li{padding:20px 20px;}
	.categories .category h2{font-size:16px;}
	.hero .slider{height:200px;}
	.hero .slider .slide{height:200px;overflow:hidden;}
	
	.zybax h3,.zybax a.button{left:280px;}
	.vegware h3{top:145px;}
	.vegware p,.vegware a.button{left:300px;}
}

@media screen and (max-width:900px){
	
	.hero .slider .slide h2{font-size:21px;}	
}

@media screen and (max-width:850px){
	.zybax h3{left:240px;}
	.zybax a.button{left:240px;bottom:60px;}
	.vegware h3{font-size:1.3rem;}	
}

@media screen and (max-width:800px){
	.categories .category{width:48%;margin-right:4%;}
	.categories .category:nth-child(2){margin-right:0%;}
	.categories .category h2{font-size:21px;}
	.primary.expand{width:100%;}
	.secondary.clear{width:100%;}
	.secondary.clear form{width:100%;}
	
	.zybax h3{font-size:1.3rem;top:70px;}
}

@media screen and (max-width:750px){
	.wrap{padding:0px 10px;}
	header h1{width:300px;margin-top:20px;}
	.contactbox p{font-size:18px;}
	.contactbox p span{font-size:32px;}
	nav{margin-bottom:20px;}
	nav ul li{padding:10px 12px;}
	nav ul li.order a{padding:6px 8px;}
	footer p{width:100%;max-width:100%;box-sizing: border-box;margin:0px;padding:20px;}
	footer .address{max-width: 100%;}
	.hero .slider .slide h2{font-size:16px;}
	.hero .slider{height:180px;}
	.hero .slider .slide{height:180px;overflow:hidden;}
}

@media screen and (max-width:680px){
	.vegware h3{display:none;}	
}

@media screen and (max-width:700px){
	.zybax h3{display:none;}
	.zybax a.button{bottom:70px;}
	.vegware h3{font-size:1.1rem;width:80%;}
	.vegware p,.vegware a.button{left:240px;}
}

@media screen and (max-width:640px){
	.hero h3{font-size:18px;}
	.primary,.secondary{width:100%;margin:0% 0% 20px 0%;}
	.hero .slider .slide h2{font-size:14px;}
	.hero .slider{height:160px;}
	.hero .slider .slide{height:160px;overflow:hidden;}
}

@media screen and (max-width:600px){
	header h1{display:block;margin:0 auto;float:none;height:100px;background-position: center center;}
	.contactbox{width:100%;text-align: center;display:none;}
	.contactbox.nohide{display:block;}
	nav ul li{width:33.333%;float:left;box-sizing: border-box;text-align: center;padding:10px 16px;}
	nav ul li.order a{padding:6px 8px;}
	nav ul li:hover ul{display:none;}
	.hero .slider .slide h2{display:none;}
	.hero .slider .slide.hide{display:none;}
	.hero .slider{height:100px;}
	.hero .slider .slide{height:100px;overflow:hidden;}
	.zybax,.vegware{display:none;}
	.prod-logos{display:block;width:100%;float:left;}
	.prod-logos img{display:block;margin:0 auto;margin-bottom:20px;}
	
}

@media screen and (max-width:520px){
	nav ul li{width:50%;}
	.categories .category{width:100%;}
}

@media screen and (max-width:490px){
	.hero h3{font-size:16px;}
}

@media screen and (max-width:420px){
	.hero h3{line-height:20px;padding:10px 20px;box-sizing: border-box;}
	.categories .category h2{font-size:26px;line-height:38px;}
}

@media screen and (max-width:340px){
	nav ul li{width:100%;}
}