article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}
a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}
dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201c" "\201d" "\2018" "\2019"}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}
button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/** END NORMALIZE CSS 2.0 **/

/** Box Sizing **/
	
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/** ------------- **/	
	
@font-face {
    font-family: 'allerregular';
    src: url('../webfonts/aller_rg-webfont.eot');
    src: url('../webfonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/aller_rg-webfont.woff') format('woff'),
         url('../webfonts/aller_rg-webfont.ttf') format('truetype'),
         url('../webfonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Icon font */

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

[data-icon]:before {
	font-family: 'mtier';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}


html	{
	height: 100%;
	width: 1120px;
	margin: 0 auto;
	overflow-y: scroll;
}


body	{
	font-family: 'allerregular';
	width: 1120px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background: url('../images/paper_fibers.png');
	line-height: 1.5em;
}

header	{
	position: relative;
	width: 1120px;
}

footer	{
	position: relative;
}


h1		{
	text-transform: uppercase;
	font-size: 36px;
	color: #54a813;
	letter-spacing: 10;
	margin-bottom: 2px;
}

h2		{
	font-size: 18px;
	color: #4d4d4d;
	margin-top: 2px;
}

p		{
	margin: 1.5em 0;
	font-size: 16px;
	color: #4d4d4d;
}

a	{
	color: #0084b4;
	text-decoration: none;
}

hr	{
	margin-top: 20px;
	background-color: #e6e6e6;
	height: 8px;
	width: 100%;
	border: 0;
}

.small	{
	font-size: 12px;
}

.small p	{
	font-size: 14px;
}

.big	{
	font-size: 19px;
}

.container	{
	position: relative;
	height: auto;
	margin: 0 auto;
	min-height: 100%;
	background-color: #fff;
	box-shadow:	0px 1px 2px #ccc;
}

.no-bg	{
	background: transparent;
	box-shadow:	none;
}


/* Navigation */

header nav	{
	position: relative;
	display: block;
	width: 1120px;
	padding: 0 40px;
	height: 130px;
	background: url('../images/bg_gray.png');
	box-shadow:	0px 1px 2px #333;
}

header nav ul	{
	position: absolute;
	top: 0px;
	right: 40px;
	left: 300px;
	height: 130px;
	margin: 0;
	padding-left: 0px;
	list-style: none;
	text-align: right;
	white-space: nowrap;
}

header nav ul li	{
	display: inline-block;
	padding: 51px 0px 51px 6px;
}

header nav ul li a		{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 6px;
}

header nav ul li a:hover	{
	color: #FED205;
}

header nav ul li.current a, header nav ul li.section a {
	border-bottom: 2px solid #fed205;
}



/* Sub Navigation */


.menu	{
	position: relative;
	display: inline-block;
	width: 1120px;
	padding: 5px 80px 5px 100px;
	height: 100px;
	margin-bottom: 20px;
	background: url('../images/bg_green.png');	
}

.menu h1	{
	margin: 10px 0;
	color: #fff;
}

.menu nav	{
	position: absolute;
	top: 46px;
	left: 88px;
	width: 1000px;
}

.menu nav ul ul {
	display: none;
}

.menu nav ul li:hover > ul {
	display: block;
}
	
.menu nav ul {
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-table;
}
.menu nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}
	
.menu nav ul li {
	float: left;
	position: relative;
}

.menu nav ul li ul	{
	min-width: 150px;
}
.menu nav ul ul li:hover {
	background: url('../images/menu_hover_bg.png');
}
.menu nav ul li:hover a {
	color: #fff;
}
	
.menu nav ul li a {
	display: block; 
	font-size: 15px;
	text-transform: uppercase;
	padding: 7px 15px;
	width: auto;
	color: #fff; 
	text-decoration: none;
	text-align: center;
}
	
.menu nav ul ul {
	background: url('../images/menu_bg.png') 
	padding: 0;
	position: absolute; 
	top: 100%;
}
.menu nav ul ul li {
	background: url('../images/menu_bg.png'); 
	float: none; 
	position: relative;
}
.menu nav ul ul li a {
	padding: 10px 15px;
	color: #fff;
	text-align: left;
}	
.menu nav ul ul li a:hover {
	background: url('../images/menu_hover_bg.png')
}

.menu nav ul li.current { 
	background:#fff; 
} 

.menu nav ul li.current a { 
	color: #333; 
} 

.menu nav ul li.current ul {
	display: none;
}

/* Layout */

.mtier	{
	padding: 32px 0px 0px 16px;
}

.left	{
	float: left;
}

.right	{
	float: right;
}

.clear	{
	clear: both;
}

.buttonYellow {
	display: inline-block;
	width: 160px;
   	border: 1px solid #d5ab21;
   	background: #ffc400;
   	background: -webkit-gradient(linear, left top, left bottom, from(#fff305), to(#ffc400));
   	background: -webkit-linear-gradient(top, #fff305, #ffc400);
   	background: -moz-linear-gradient(top, #fff305, #ffc400);
   	background: -ms-linear-gradient(top, #fff305, #ffc400);
   	background: -o-linear-gradient(top, #fff305, #ffc400);
   	padding: 12px 12px;
   	margin: 14px 0px 14px 14px;
   	-webkit-border-radius: 8px;
   	-moz-border-radius: 8px;
   	border-radius: 8px;
   	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   	box-shadow: rgba(0,0,0,1) 0 1px 0;
   	text-shadow: rgba(0,0,0,.4) 0 1px 0;
   	text-align: center;
   	color: #333333;
   	font-size: 16px;
    font-family: 'allerregular';
   	text-decoration: none;
   	vertical-align: middle;
   }
.buttonYellow:hover {
   border-top-color: #fecc05;
   background: #fecc05;
   color: #333333;
   }
.buttonYellow:active {
   border-top-color: #b78853;
   background: #feef05;
   }

/* Hero */

#slider1 strong	{
	width: 1120px;
	position: absolute;
	top: 52px;
	left: 0px;
	font-size: 73px; 
	font-weight: 100;
	margin: 0;
	line-height: 60px;
	text-align: center;
	color: #1a1a1a;
}

#slider1 strong h1	{
	color: #1A1A1A;
	font-size: 73px;
	font-weight: bold;
	text-transform: none;
	margin: 0;
}

.buttons	{
	position: absolute;
	bottom: 0px;
	right: 100px;
}

/* Content */

.content	{
	margin: 0px 80px;
	width: 960px;
	overflow: auto;
	background-color: #fff;
	padding-bottom: 40px;
}

.column-wide		{
	width: 580px;
	padding: 0px 20px;
}

.column-slim		{
	width: 380px;
	padding-top: 0px;
	padding-right: 20px;
}

.column-slim .contact	{
	margin-left: -8px;
}

.column-half		{
	display: inline-block;
	width: 300px;
	padding: 10px;
}

.column-full		{
	margin: 0px 80px;
	width: 960px;
	padding: 20px 40px;

}

.column-twothirds	{
	margin: 0px 240px;
	width: 640px;
	padding-bottom: 100px;
}

.column320	{
	display: inline-block;
	width: 318px;
	padding: 20px;
}

.column640	{
	display: inline-block;	
	width: 638px;
	padding: 20px;
}

.round		{
	position: absolute;
	margin-top: -80px;
	border-radius: 15px 15px;
	background-color: #fff;
}

.round strong	{
	font-size: 23px;
	font-weight: normal;
	color: #333;
}

.twitter-timeline	{
	margin: 20px 0;
}

.twitter-feed	{
	min-height: 400px;
}

.products	{
	margin-top: -40px;
}

.product	{
	display: inline-block;
	width: 318px;
	padding: 10px;
}

.product p	{
	text-justify: none;
	width: 300px;
	margin: 5px 0;
	text-align: center;
}

.block:before		{
	display: block;
	color: #fdd705;
	font-size: 120px;
	padding: 20px 0px 10px;
	text-align: center;
	text-shadow:0px 2px 2px #e1e8e0;
}

.block		{
	width: 298px;
	height: 200px;
	border: 1px solid #C0C0C0;
	background-color: #fff;
	border-radius: 10px;
	font-size: 21px;
	color: #0084b4;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
}

.block:hover {
   background: #f1fbef;
}
.block:active {
   background: transparent;
}


article strong		{
	font-size: 23px;
	font-weight: normal;
}

.news	{
	position: relative;
	margin: 1.2em 0;
}

.pagination ul	{
	list-style: none;
	padding: 0;
}

.pagination ul li	{
	display: inline;
	padding: 0 2px;
}

.twtr-widget {
	font-size: 11px;
}

.twtr-join-conv		{
	font-size: 17px;
	margin-top: -10px;
}

.twtr-hd	{
	display: none;
}

.twittericon	{
	position: relative;
	top: -32px;
	left: 225px;
	font-size: 36px;
	color: #0084b4;
	margin-bottom: -40px;
	width: 40px;
}

.contact	{
	position: relative;
}

.contact h1	{
	position: absolute;
	top: 9px;
	display: inline-block;
}

.contact img	{
	display: inline-block;
	width: 80px;
}

.date	{
	position: absolute;
	right: 0px;
	top: -8px;
	width: 200px;
	display: inline-block;
	text-align: right;
}

/* Footer */

footer	{
	position: relative;
	margin: -40px 80px 0px 80px;
	width: 960px;
	height: 40px;
	border-radius: 10px 10px 0px 0px;
	background: url('../images/bg_gray.png');
}

footer p	{
	margin: 0;
	width: 960px;
	padding-top: 12px;
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.wide	{
	margin: -40px 0px 0px 0px;
	width: 1120px;
}

/* Form */

fieldset	{
	position: relative;
	margin-left: 0px;
	width: 600px;
	border: none;
}


fieldset .left		{
	width: 150px;
}

fieldset .text {
	width: 440px;
	margin: 2px 0;
}

fieldset .textarea	{
	width: 440px;
}

#Remember	{
	width: 250px;
}

#recaptcha_area		{
	margin-left: 5px;
}

#recaptcha_widget_div	{
	margin: 5px;
}

#Form_Form_action_submit	{
	margin: 10px;
}

.news h2 {
	width: 300px;
}

.column-slim .news .date {
	display: none;
}

.news a:hover {
	text-decoration: underline;
}

.twtr-ft img {
	display: none;
}

.gdpr {
        position: absolute;
        left: 6px;
        top: 9px;
}

.sucuri	{
	position: absolute;
	right: 6px;
	top: 3px;
}

.sucuri img {
	height: 30px;
}

.mobile	{
	display: none;
}

/* Fix message/captcha overlap in Firefox */
#Form_Form_Message    {
	height: 100px;
}

.social	 {
	position: relative;
	font-size: 50px;
	top: 2px;
	bottom: 20px;
	margin-bottom: 40px;
}


.lin	{
	height: 67px;
	width: 67px;
	position: relative;
	top: -50px;
	left: 75px;
}


/* ReCaptcha Iframe FIX */
iframe[src="about:blank"]{display:none;}


/* ==========================================================================
   Responsive layout
   The desktop design above is a fixed 1120px layout; below that width the
   layout becomes fluid, and below 800px columns stack and the main menu
   collapses behind a toggle. Replaces the old separate mobile theme.
   ========================================================================== */

img {
	max-width: 100%;
	height: auto;
}

.nav-toggle,
.nav-toggle-label {
	display: none;
}

/* Home page: the intro box starts below the hero image (the original design pulled it
   80px up over the image) and stays in the page flow, so the footer is placed below it */
.no-bg .content {
	overflow: visible;
	/* full width white area, like the other pages' container */
	width: auto;
	margin: 0;
	padding: 0 80px 40px;
	box-shadow: 0px 1px 2px #ccc;
}

.no-bg .round {
	position: relative;
	margin-top: 0;
}

/* Keep button labels on one line ("View Our products" wrapped at 160px) */
.buttonYellow {
	width: auto;
	min-width: 160px;
	white-space: nowrap;
}

@media (max-width: 1120px) {
	html, body, header, header nav, .menu, .wide, #slider1 strong {
		width: 100%;
	}

	.content, .column-full, footer {
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}

	footer p {
		width: 100%;
	}

	.wide {
		margin-left: 0;
		margin-right: 0;
	}

	.menu {
		display: block;
		height: auto;
		min-height: 100px;
		padding: 5px 20px 5px 40px;
	}

	.menu nav {
		position: static;
		width: auto;
	}

	.column-wide {
		width: 60%;
	}

	.column-slim {
		width: 38%;
	}

	.column-twothirds {
		width: auto;
		margin: 0 20px;
	}

	.column320 {
		width: 33%;
	}

	.column640 {
		width: 66%;
	}

	header nav ul {
		left: 240px;
		white-space: normal;
	}

	header nav ul li a {
		font-size: 14px;
		padding: 5px 2px;
	}

	.buttons {
		right: 20px;
	}

	.no-bg .content {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Main navigation: logo + toggle, menu drops down. The full menu needs ~890px. */
@media (max-width: 940px) {
	header nav {
		height: auto;
		min-height: 80px;
		padding: 0 20px;
	}

	.mtier {
		padding: 16px 0 12px 0;
		max-width: 200px;
	}

	.nav-toggle-label {
		display: block;
		position: absolute;
		top: 18px;
		right: 20px;
		font-size: 32px;
		line-height: 1;
		color: #fff;
		cursor: pointer;
		user-select: none;
	}

	.nav-toggle {
		display: block;
		position: absolute;
		top: 18px;
		right: 20px;
		width: 36px;
		height: 36px;
		margin: 0;
		opacity: 0;
		cursor: pointer;
		z-index: 2;
	}

	header nav ul {
		display: none;
		position: static;
		white-space: normal;
		height: auto;
		margin: 0;
		padding: 0 0 10px;
		text-align: left;
	}

	.nav-toggle:checked ~ ul {
		display: block;
	}

	header nav ul li {
		display: block;
		padding: 8px 0;
	}

	header nav ul li a {
		font-size: 18px;
	}
}

@media (max-width: 800px) {
	html {
		overflow-y: auto;
	}

	body {
		line-height: 1.4em;
	}

	h1 {
		font-size: 26px;
	}

	/* Sub navigation */
	.menu {
		padding: 5px 20px 10px;
		margin-bottom: 10px;
	}

	.menu nav ul {
		display: block;
	}

	.menu nav ul li {
		float: none;
	}

	.menu nav ul li a {
		text-align: left;
		padding: 5px 10px;
	}

	.menu nav ul li:hover > ul,
	.menu nav ul ul {
		display: none;
	}

	/* Stack all columns */
	.content, .column-full, .column-twothirds {
		margin: 0 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.left, .right {
		float: none;
	}

	.column-wide, .column-slim, .column320, .column640, .column-half {
		display: block;
		width: auto;
		padding: 10px 0;
	}

	.round {
		position: static;
		margin-top: 0;
	}

	.products {
		margin-top: 0;
		padding-bottom: 40px;
	}

	.product, .product p {
		display: block;
		width: auto;
	}

	.block {
		width: auto;
		max-width: 298px;
		margin: 0 auto;
	}

	/* Home page */
	.buttons {
		position: static;
		text-align: center;
	}

	.buttonYellow {
		margin: 10px 5px;
	}

	.twittericon {
		display: none;
	}

	/* Forms */
	fieldset, fieldset .text, fieldset .textarea {
		width: 100%;
	}

	/* Footer */
	footer, .wide {
		margin: 20px 0 0;
		width: 100%;
		height: auto;
		border-radius: 0;
		padding: 8px 0;
	}

	footer p, footer p.wide {
		margin: 0;
		padding: 4px 0;
	}

	.gdpr, .sucuri {
		position: static;
		text-align: center;
	}

	.date {
		position: static;
		display: block;
		text-align: left;
		width: auto;
	}

	.news h2 {
		width: auto;
	}
}