@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
/*GLOBAL ***************
green		6a9e2f
blue		4690cc
dark grey	333333
light grey	e6e6e6

font-family: 'Open Sans', sans-serif;
*/

p {padding: 12px 0px 12px 0px; margin: 0px; line-height: 40px;}
ul, ol {margin: 0px; padding: 9px 0 9px 35px;}
p, ul, ol, dl { line-height:30px; }

h1, h2, h3, h4 {
	color:#6a9e2f;
	margin: 0 0 10px;
	display: block;
	font-size:50px;
	line-height:60px;
}
h2, h3, h4 {
	color:#4690cc;
	font-size:30px;
	line-height:40px;
	margin: 10px 0 0;
}
h3, h4 {
	font-size:20px;
	line-height:30px;
}
h1 + h2 {margin-top:-20px;}

a {color: #4690cc; text-decoration: underline;}
a:hover {color: #6a9e2f; text-decoration: none;}

img {border: none; max-width:100%; height:auto; display: block;}

.rightimg, .leftimg {float: right; margin: 0px 0px 30px 30px; position:relative; display:block; max-width: 50%;}
.leftimg {float: left; margin: 0px 30px 30px 0px;}

.btn {
	background: #4690cc;
	color:#fff;
	padding:0 10px;
	font-size: 18px;
	line-height: 32px;
	font-weight:bold;
	text-decoration: none;
	margin: 0;
	display: inline-block;
	letter-spacing: normal;
	border-radius: 7px;
	text-transform: uppercase;
	cursor:pointer;
}
.btn.invert { background: #fff; color:#4690cc;}
.btn:hover { background: #6a9e2f; color:#fff;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}
sup {font-size:70%;}

/*BODY ***************/
body {
	padding:0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	background: #fff;
	-webkit-text-size-adjust: none;
	color: #333333;
	overflow: auto;
	overflow-x: hidden;
	min-width:300px;
}
body, body * {
	transition:all .3s ease; 
	-o-transition:all .3s ease; 
	-moz-transition:all .3s ease; 
	-webkit-transition:all .3s ease;
}
.noAnimate {
	transition:none .01s linear; 
	-o-transition:none .01s linear; 
	-moz-transition:none .01s linear; 
	-webkit-transition:none .01s linear;
}
header > div,
header > nav > ul,
.contain,
.products
	{max-width:1200px; margin:0 auto; padding: 0 20px; position: relative;}

/*HEADER **************/
header {
	background: #e6e6e6;
	text-align: left;
	display: block;
	position: relative;
	padding:30px 0 10px;
}
header a.logo {
	margin:0;
	display: block;
	position: absolute;
	z-index: 999;
	top:-5px;
	left:20px;
}
header a.phone {
	margin:0;
	display: block;
	position: absolute;
	z-index: 999;
	top:-30px;
	right:20px;
}
header > nav {background: #fff; min-height: 70px;}
header a.mob {display:none;}
header > nav > ul {
	padding: 0 220px 0 210px;
	display:block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
header li {
	list-style: none;
	padding:0;
	margin:0;
	display: inline-block;
	position: relative;
}

header li.parent > a:after {
	content:"";
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid rgba(0,0,0,.3);
	position: absolute;
	top:50%;
	margin: -2px 0 0 5px;
}
header li li.parent > a {padding-right:20px;}
header li li.parent > a:after {
	top:15px;
}

header li a {
	display: block;
	line-height: 70px;
	font-size:18px;
	color:#4690cc;
	text-decoration: none;
	padding: 0 1.8vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
header > ul > li:hover > a {
	-webkit-transform: translateY(5px);
	-ms-transform: translateY(5px);
	transform: translateY(5px);
}

header nav > ul > li > ul {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	transform: translateX(-2em);
	display: block;
	position: absolute;
	top: 100%;
	left:15px;
	background: #fff;
	padding:0 0 10px;
	margin:0;
	list-style: none;
	text-align: left;
}
header nav > ul > li.open > ul {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	transform: translateX(0%);
	transition-delay: 0s, 0s, 0s;
	border-top: 1px solid #e6e6e6;
}
header nav > ul ul li {padding:0; margin:0; display:block;}
header nav > ul li ul li a {
	padding: 0 10px;
	line-height:30px;
	white-space: nowrap;
	font-size:90%;
	color:#4690cc !important;
}
header nav > ul ul li:hover > a {color: #6a9e2f !important;}

header nav > ul > li > ul > li > ul {
	display:none;
	position: relative;
	padding:0;
	margin:0;
}
header nav > ul > li > ul > li.open > ul {
	display:block;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
header nav > ul > li > ul > li > ul li a {
	font-size:80%;
	line-height: 24px;
	padding-left:20px;
}

header a.search {
	overflow: hidden;
	text-indent: -9999px;
	text-align: left;
	width: 34px;
	height: 34px;
	background: #6a9e2f;
	border-radius: 5px;
	padding:0;
	display: inline-block;
	margin:  18px;
	vertical-align: text-bottom;
	position: relative;
	cursor: pointer;
	z-index: 1000;
}
header a.search:before {
	content: "";
	position:absolute;
	display:inline-block;
	border-radius: 30px;
	height: 8px;
	width: 8px;
	border: 2px solid #fff;
	top:10px;
	left:10px;
}
header a.search:after {
	content: "";
	height: 3px;
	width: 6px;
	background: #fff;
	position:absolute;
	top:21px;
	left:19px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
header a.search:hover {
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.6));
	margin: 16px 20px 20px 16px;
}
header div.search {
	position: absolute;
	top:0;
	right: 200px;
	z-index: 50;
}
header div.search.open {
	z-index: 1000;
}
header div.search form {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	width:1%;
	background: #fff;
	padding: 5px 35px 5px 5px;
	display: block;
	position: absolute;
	right: 12px;
    top: 12px;
	border-radius: 6px;
	border:2px solid #6a9e2f;
}
header div.search.open form {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	width: 210px;
	transition-delay: 0s, 0s, 0s;
}
header div.search form input[type="text"] {
    border: none;
    color: #414141;
    padding: 5px 15px;
    font-weight: normal;
    text-decoration: none;
    margin: 0;
    display: inline-block;
    letter-spacing: normal;
    border-radius: 7px;
    font-size: 14px;
    line-height: 22px;
    background: transparent;
    vertical-align: top;
}

/*CONTENT **************/
.content {
	background: #e6e6e6;
	padding:50px 0;
}
.products {
	padding-top:50px;
	padding-bottom:50px;
}
.products ul {
	list-style:none;
	padding:0;
	margin:0;
}
.products ul li {
	width:20%;
	display:inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px;
	vertical-align: top;
}
.products ul li a {
	display:block;
	border: 2px solid #e6e6e6;
	background:#fff;
	padding:20px 20px 70px;
	font-size:14px;
	line-height:22px;
	color:#333333;
	text-decoration:none;
	position:relative;
}
.products ul li a img {
	display:block;
	padding-bottom:10px;
}
.products ul li a strong {
	color: #6a9e2f;
	font-size:18px;
	font-weight:normal;
}
.products ul li a .btn {
	position: absolute;
	bottom:20px;
	left:20px;
	right:20px;
	text-align:center;
}
.products ul li a:hover {
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
}

/*FOOTER **************/
footer {
	background:rgba(0,0,0,.2);
	color:#333333;
}
footer div.copyright {
	background:rgba(0,0,0,.1);
	padding: 10px;
	text-align: center;
	clear: both;
}
footer section {
	display:inline-block;
	width:33.3%;
	padding: 40px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
footer section ul {
	margin:0;
	padding:0;
	list-style: none;
}
footer section ul li {
	margin:0;
	padding:0;
	display:inline-block;
	width:50%;
}
footer section ul li a { 
	display:block;
	color:#333333;
	text-decoration: none;
}
footer section > strong {
	font-size:18px;
	font-weight: normal;
}
footer section > strong + p {
	padding: 0 0 10px;
	margin:0;
	font-size:14px;
	line-height: 18px;
}
footer section input {
	display:block;
	width:100%;
	max-width: 240px;
	font-size:14px;
	border: 1px solid rgba(0,0,0,.1);
	padding: 10px 10px;
	margin: 0 0 10px;
}
footer section input.btn {width:auto;}
footer h4 {font-size:24px; line-height:32px;}

/* PRODUCT *************************/
.content {overflow:hidden;}
.breadcrumbs {font-size:12px; text-transform:uppercase; margin: -40px 0 40px;}
.product h1,
.product ul.images,
.product div.specs,
.product div.desc {
	float:right;
	width:60%;
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.product ul.images {
	width:40%;
	float:left;
	padding:0 40px 0 0;
}
.product h1 {padding:0 0 40px; font-size:38px; line-height:44px;}
.product div.specs p {
	padding: 0 0 10px;
	margin:0;
}
.product .btn {
	margin-top:20px;
}
.product ul.images li {margin:0; padding:0; list-style: none;}
.product ul.images li + li {
	display:inline-block;
	height:100px;
	padding: 10px 10px 0 0;
}
.product ul.images li a {display:block;}
.product ul.images li + li a img {display:block; height:100px;}

.content .products {padding:0;}
.content .products h1 {padding-bottom:40px;}

.products .img {
	width:100%;
	height:1px;
	padding-bottom: 80%;
	margin-bottom:10px;
	background: url("../images/image-na.png") no-repeat center center;
	-webkit-background-size: contain;
	background-size: contain;
}

/* BLOG *************************/
.blog h1 + p > img {
	float:right;
	max-width:50%;
	margin: 0 0 20px 20px;
}
.blog.hub .post {
	padding:40px 0;
	overflow: hidden;
}
.blog.hub .post img {
	float:left;
	max-width:50%;
	margin: 0 20px 0 0;
}
.blog.hub .post .entry {
	overflow:hidden;
}
.blog.hub .post .entry h2 {
	font-size:26px;
	margin:0;
}
.paging {
	clear:both;
	padding: 60px 0 0 0;
	margin: 0;
	list-style: none;
}
.paging ul {padding:0;}
.paging li {
	display: inline-block;
	margin: 0 10px 10px 0;
}
.paging li a {
	border:2px solid #565656;
	color:#565656;
	line-height: 36px;
	font-size:16px;
	width: 36px;
	height: 36px;
	text-align: center;
	display: block;
	font-weight: bold;
	text-decoration: none;
}
.paging li a:hover {
	background: rgba(0,0,0,.2);
}
.paging li.here a {background:#565656; color:#fff; cursor: pointer;}

/* RESPONSIVE *************************/
@media screen and (max-width:1000px) {
	.products ul li {width:33.3%;}
	h1 {
		font-size:6vw;
		line-height: 8vw;
	}
	h2 {
		font-size:4vw;
		line-height: 6vw;
	}
	h3, h4 {
		font-size:3vw;
		line-height: 5vw;
	}

	header a.mob {
		position: absolute;
		top:43px;
		right:260px;
		z-index: 500;
		height:35px;
		width:45px;
		display: inline-block;
		float:none;
		margin: 5px 20px 15px 0;
	}
	header a.mob span {
		background:#4690cc;
		height:6px;
		display:block;
		position:absolute;
		top:0;
		right:0;
		left:0;
		border-spacing:0;
		border-radius: 100px;
	}
	header a.mob span + span {top:14px;}
	header a.mob span + span + span {top:28px;}
	header a.mob:hover span {background:#6a9e2f;}
	
	header > nav > ul {
		visibility: hidden;
		opacity: 0;
		z-index: -1;
		transform: translateY(-2em);
		display: block;
		position: absolute;
		top:0;
		left:0;
		background:#fff;
		width: 100%;
		text-align: right;
		padding:0;
		margin:100px 0 0;
		border-top: 1px solid #e6e6e6;
		
	}
	header > nav a.open + ul {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0s;
	}
}
@media screen and (max-width:650px) {
	.products ul li,
	footer section
		{width:50%;}
	.rightimg, .leftimg, .blog h1 + p > img, .blog.hub .post img  {
		max-width: 100%;
		float:none;
		margin: 0 auto 30px;
	}
}
@media screen and (max-width:600px) {
	header a.phone {
		display:none;
	}
	header a.mob {right:60px;}
	header div.search {right:0;}
	header li {display:	block; border-bottom: 1px solid #e6e6e6; text-align: left;}
	header ul {border-bottom:none !important; padding-bottom:0 !important; margin-bottom: -1px !important;}
	header nav > ul > li > ul {position:relative; top:0; left:0; display: none;}
	header nav > ul > li.open > ul {display: block;}
	header li.parent > a {padding-right:20px;}
	header li.parent > a::after {top:35px;}
}
@media screen and (max-width:440px) {
	.products ul li,
	footer section
		{width:100%;}
	h1 {
		font-size:28px;
		line-height: 34px;
	}
	h2 {
		font-size:20px;
		line-height: 26px;
	}
	h3, h4 {
		font-size:16px;
		line-height: 20px;
	}
}
@media screen and (max-width:400px) {
	header a.logo {max-width:50%; top:1vw;}
}

/* Magnific Popup CSS */
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}