/*

  *** TABLE OF CONTENTS ***

  ------------------------------------------------------------------------------  

  Following the name of each section is -n- and a 3 or 4 digit code, for example

  abc, which you can use find next to skip to the next section.

  ------------------------------------------------------------------------------

  Base          = !bas
  Modules       = !mdl
  Primary       = !prm
  Home Page     = !hpg
  WooCommerce   = !wcm
  Media Queries = !mdq 
  Header        = !hdr
  Content       = !cnt
  Main          = !main
  Sidebar       = !sdb
  Footer        = !ftr
*/


/* ==========================================================================

   Base -n- !bse   

   ========================================================================== */

html, body, button, input, select, textarea {
	font-family: 'Roboto', sans-serif;
	color: #777;font-weight: 300;
}
html {
    margin-top: 63px !important;
}
body {
	font-size: 15px;
	line-height: 1.5;
	word-wrap: break-word;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: 100;
}
h1, .h1 {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 220%;
}
h2, .h2 {
	margin-top: 8px;
	margin-bottom: 13px;
	font-size: 180%;
}
h3, .h3 {
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 160%;font-weight:500;
}
h4, .h4 {
	margin-top: 4px;
	margin-bottom: 8px;
	font-size: 140%;
}
h5, .h5 {
	margin-top: 3px;
	margin-bottom: 6px;
	font-size: 120%;
	font-weight: 700;
}
h6, .h6 {
	margin-top: 2px;
	margin-bottom: 4px;
	font-size: 110%;
	font-weight: 700;
}
b, strong {
	font-weight: 700;
}
.floatleft, .content-left {
	float: left;
}
.floatright, .content-right {
	float: right;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
p, menu, figure, fieldset, ul, ol, dl, blockquote, table, form, pre, hr {
	margin-bottom: 1em;
}
ul ul, ol ol, ul ol, ol ul {
	margin: 0;
}
mark {
	background: #ff0;
	color: #000;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}
hr {
	display: block;
	height: 2px;
	border: 0;
	border-top: 1px solid rgba(0,0,0,0.3);
	background:rgba(255,255,255,0.3);
}

/* http://css-tricks.com/snippets/css/style-placeholder-text/ */

::-webkit-input-placeholder {
 color: #aaa;
 text-shadow: none;
}
:-moz-placeholder {
 color: #aaa;
 text-shadow: none; /* Firefox 18- */
}
::-moz-placeholder {
 color: #aaa;
 text-shadow: none; /* Firefox 19+ */
}
:-ms-input-placeholder {
 color: #aaa;
 text-shadow: none;
}

a, a:hover, a:active, a img, a img:hover, a img:active {
	outline: none !important;
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
}
a {
	color: #75BEE9;
}
a:hover {
	color: #89C766;
}
.button, #submit, .submitbutton, a.shipping-calculator-button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .shipping-calculator-button, .woocommerce-cart .button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	display: inline-block;
	padding: 15px 25px;
	border-radius: 0;
	font-size:110%;font-weight:300;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	background: #75BEE9;
	border: 1px solid #75BEE9;
	color: #ffffff;
	line-height: 1;
	-webkit-appearance: none;
}
.button:hover, #submit:hover, .submitbutton:hover a.shipping-calculator-button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce-cart .shipping-calculator-button:hover, .woocommerce-cart .button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: #89C766;
	border: 1px solid #89C766;
	color: #ffffff;
}

.button.btnGreen {
	background: #89C766 !important;
	border: 1px solid #89C766 !important;
	color: #ffffff !important;
}
.button.btnGreen:hover {
	background: #75BEE9 !important;
	border: 1px solid #75BEE9 !important;
	color: #fff !important;
}

.button.btnWhite {
	background: #fff !important;
	border: 1px solid #89C766 !important;
	color: #89C766 !important;text-shadow:none !important;
}
.button.btnWhite:hover {
	background: #fff !important;
	border: 1px solid #75BEE9 !important;
	color: #75BEE9 !important;text-shadow:none !important;
}

.nav a {
	text-decoration: none;
}
/* ==|== Chrome Frame Prompt =========================================== */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}
/* ==========================================================================

   Modules -n- !nrm   

   ========================================================================== */

/* == Flexslider == */

/* control nav */

.flex-control-nav {
	bottom: 6px;
	right: 0px;
	text-align: center;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	background: #f0ebdd;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.flex-control-paging li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.flex-control-paging li a.flex-active {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* direction nav */

.flex-direction-nav a, .flex-direction-nav a:hover, .flex-direction-nav a:visited {
	color: #fff;
}
.flex-direction-nav a {
	width: 1.5em;
	height: 1.5em;
	margin: -.55em 0 0;
	opacity: 0;
	filter: alpha(opacity=00);
	font-size: 24px;
	line-height: 1.5em;
	vertical-align: middle;
	text-align: center;
}
.flexslider:hover .flex-next {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.flexslider:hover .flex-prev {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.flex-direction-nav .flex-disabled {
	opacity: 0.25!important;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next {
	right: 5px;
}
.flexslider:hover .flex-prev {
	left: 5px;
}
/* End Flexslider */

/* Social Links */

.social-links {
	padding: 0;
	font-size: 24px;
	line-height: 1;
	list-style: none;
}
.social-links li {
	float: left;
	margin-left: 0.2em;
}
.social-links li:first-child {
	margin-left: 0;
}
.social-links a {
	display: block;
	text-decoration: none;
}
.social-links a, .social-links a:visited {
	color: #06c;
}
.social-links a:hover {
	color: #09f;
}
/* ==========================================================================

   Primary Styles -n- !prm  

   ========================================================================== */

.nav {
	margin: 0;
	padding: 0;
}
/* ==|== Header !hdr -n- ====================================================== */
.wrap {
	position:relative;
}
.header {
	background: #fff;
	position:fixed;z-index:150;top:0;left:0;right:0;
	width:100%;
}
body.admin-bar .header {
    top: 32px;
}
.header-inner {
	position: absolute;z-index: 101;
    width:100%;height:63px;
	background:#fff;
	padding:5px 25px;
}

#header-search {
	overflow:hidden;
	float: right;
	margin-left:5px;
	}
	#header-search form {
		transition: all 0.15s ease-in-out 0s;
		-moz-transition: all 0.15s ease-in-out 0s;
		-webkit-transition: all 0.15s ease-in-out 0s;
		position:relative;z-index:5;
		float: right;
		margin:0;
		width:0px;height:0px;
		opacity:0;
		}
		#header-search .search-query {
			float: left;
			margin: 10px 0;
		}
		#header-search .search-button {
			padding:17px 10px;
			font-size:17px;
		}
		#header-search .search-toggle {
			display: inline-block;
			margin: 8px 0;padding: 5px 10px;
			font-size:17px;
			color:#444;
			cursor:pointer;cursor:hand;
		}
	#header-search form.search-open {
		position:relative;z-index:10;
		width:auto;height:auto;
		opacity:1;
		margin:0;
	}

.logo {
	float: left;
	margin:1px 0;
	line-height: 1;
}
/* Navigation */

.main-nav-wrap {
	background:rgba(0,0,0,0.6);
	margin:0;
	position:absolute;top:63px;left:0;right:0;overflow:hidden;
    width:100%;
}
.main-nav-wrap-inner {
	padding:0 10px;
}
.main-nav .nav {
	position: relative;
	left: 0;
	display: block;
	margin: 0;
	float:right;
}
.main-nav .nav > li {
	display: block;
	float: left;
}
.main-nav .nav > li > a {
	display: block;
	padding: 16px 24px;
	color:#ccc;color:rgba(255,255,255,0.6);
	font-size:110%;font-weight:300;
}
.main-nav.utility-nav .nav > li > a{
	color:#444;
}
.main-nav .nav .caret {
	display: none;
	width: 0;height: 0;
	margin: 8px 0 0 2px;
	text-indent: -99999px;
	vertical-align: top;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #fff;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}
.main-nav .nav > li > a:hover,
.main-nav .nav > li.dropdown.open > a,
.main-nav .nav > li.current-menu-item > a,
.main-nav .nav > li.current-menu-parent > a,
.main-nav .nav > li.current-menu-ancestor > a,
.main-nav .nav > li.current_page_ancestor > a {
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#133950+22,000000+100 */
	background: #133950; /* Old browsers */
	background: -moz-linear-gradient(top, #133950 22%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #133950 22%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #133950 22%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133950', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.main-nav .nav li > a:hover > .caret, .main-nav .nav li.dropdown.open > a > .caret .main-nav .nav li.current-menu-item > a > .caret, .main-nav .nav li.current-menu-parent > a > .caret, .main-nav .nav li.current-menu-ancestor > a > .caret, .main-nav .nav li.current_page_ancestor > a > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}

.main-nav.utility-nav .nav > li > a:hover,
.main-nav.utility-nav .nav > li.dropdown.open > a,
.main-nav.utility-nav .nav > li.current-menu-item > a,
.main-nav.utility-nav .nav > li.current-menu-parent > a,
.main-nav.utility-nav .nav > li.current-menu-ancestor > a,
.main-nav.utility-nav .nav > li.current_page_ancestor > a {
	color:#444;
	background:transparent;
}
.main-nav.utility-nav .nav > li.dropdown.active > a{
	color:#6FA4BE;
}

/* Drop Down */

.main-nav .nav .dropdown {
	position: relative;
}
.main-nav .nav .dropdown-toggle {
 *margin-bottom: -3px;
}
.main-nav .nav .dropdown-toggle:active, .dropdown.open .dropdown-toggle {
	outline: 0;
}
.main-nav .nav .dropdown-content {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	max-width: 220px;
	padding: 4px 0;
	margin: 0;
	list-style: none;
	background-color: #333;
	border-color: #333;
	border-style: solid;
	border-width: 1px;
	border-radius: 0;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.main-nav .nav .dropdown-content:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #333;
	position: absolute;
	top: -7px;
	left: 9px;
}
.main-nav .nav .dropdown-content:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #333;
	position: absolute;
	top: -6px;
	left: 10px;
}
.main-nav .nav .dropdown.open {
 *z-index: 1000;
}
.main-nav .nav .dropdown.open > .dropdown-content {
	display: block;
}
/*uncomment for hover dropdowns*/

/*.main-nav .nav > .dropdown:hover > .dropdown-content { display: block; }*/

.main-nav .nav .dropdown-content li {
	margin:0 15px;
}
.main-nav .nav .dropdown-content li a {
	border-bottom:1px solid #444;
	display: block;
	padding: 7px 0;
	clear: both;
	font-weight: 400;
	color: #999;
	white-space: nowrap;
}
.main-nav .nav .dropdown-content li > a:hover {
	color:#efefef;
}
.main-nav .nav .dropdown-content li:last-child a {
	border-bottom:none;
}
.main-nav .nav .dropdown-content .dropdown.open > a {
}
.main-nav .nav .dropdown-content .current-menu-item > a, .main-nav .nav .dropdown-content .current-menu-parent > a, .main-nav .nav .dropdown-content .current-menu-ancestor > a, .main-nav .nav .dropdown-content .current_page_ancestor > a {
}
/* 2nd level and below drop down styles */

.main-nav .nav ul .caret {
	position: absolute;
	right: 8px;
	top: 2px;
	border-top: 4px solid transparent;
	border-left: 4px solid #777;
	border-bottom: 4px solid transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
	content: "\2193";
}
.main-nav .nav ul .dropdown.open > .dropdown-toggle > .caret, .main-nav .nav ul .dropdown-toggle:hover > .caret {
	border-left: 4px solid #fff;
}
.main-nav .nav ul > .dropdown.open > .dropdown-toggle > .caret {
	opacity: 1;
	filter: alpha(opacity=100);
}
.main-nav .nav ul .dropdown-content {
	top: -3px;
	left: 157px;
	padding-left: 2px;
	padding-right: 2px;
}
.main-nav .nav ul .dropdown-content:before {
	border-top: 7px solid transparent;
	border-left: none;
	border-right: 7px solid #ccc;
	border-bottom: 7px solid transparent;
	top: 7px;
	left: -7px;
}
.main-nav .nav ul .dropdown-content:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	top: 8px;
	left: -6px;
}
/* End Main Navigation */

.region-nav-wrap {
	float:right;
	position: relative;
	z-index: 1000;
}
.utility-nav {
	float:right;
	}
	.utility-nav ul {
		margin:0;padding:0;
	}
	.utility-nav > ul > li {
		display:block;float:left;
	}
	.utility-nav > ul > li > a {
		display:block;text-align:center;
		padding:15px 25px 19px !important;
		color:#888;font-weight:500;
		}
		.utility-nav > ul > li a:hover {
			color:#444;
		}
		.utility-nav ul li.current-menu-item a, .utility-nav ul li.current-menu-parent a, .utility-nav ul li.current-menu-ancestor a, .utility-nav ul li.current_page_ancestor a {
			color:#444;
		}
		.utility-nav ul.sub-menu {
			/*display:none;*/
		}
/* ==|== Content !cnt -n- ===================================================== */

.content-wrap {
	clear:both;
	/*padding-top: 63px;*/
}
.content {
	clear:both;
	padding-top: 0;
	padding-bottom: 0;
}
/* ==|== Main !main -n- ======================================================= */

.main {
	padding:15px;
}
.section-inner .main {
	padding:0;
}
.page-title {
	padding:0;
	text-align:center;
	}
	.page-title h1 {
		margin:15px 0 5px;
	}
.woocommerce.archive .page-title {
	display:none;
}
/* ==|== Sidebar !sdb -n- ===================================================== */

.sidebar {
	border-left: 1px solid #efefef;
    margin: 20px 0 0;
    padding: 0 20px 20px;
}
.sidebar h3 {
	text-transform:uppercase;
	font-size:120%;
}
.sidebar ul {
	margin: 0;
	padding: 0;
}
.sidebar li {
	border-bottom: 1px solid #dadada;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar li a {
	display: block;
	text-decoration: none;
	padding: 5px 0;
}
.sidebar .gform_wrapper {
	font-size:90%;
}
.sidebar li.gfield {
	border:none;
}
/* ==|== footer !ftr -n- ====================================================== */
#back-top {
    background:rgba(0, 0, 0, 0.3);
    position:fixed;z-index:90;bottom:10px;right:10px;
	border-radius:5px;
	}
	#back-top a {
		display: inline-block;
		font-size:170%;color:#fff;
		margin:0 auto;padding:6px 14px 8px;
		text-align: center;text-transform: uppercase;
		cursor:pointer;cursor:hand;
		}
		#back-top:hover a {
			color:#fff;
			cursor:pointer;cursor:hand;
		}
	#back-top:hover {
		background:#89C765;
	}
	
.footer {
	clear:both;
	background: none;
	padding-top: 0;
	padding-bottom: 0;
}

.footer-top {
	background:#fff;
	padding:15px 10px;
}
.footer-top .button {
	font-size:80% !important;
}

.social-media {
	margin:15px 0 0;padding:0;
	}
	.social-media h2 {
		float:left;
		margin: 0 10px 10px 0;
	}
	.social-media li {
		list-style:none;
		display:inline-block;
		margin:0 2px;padding:0;
		font-size:160%;
		}
		.social-media li a {
			padding:3px 5px;
		}

.footer-nav-area{
	background:#8A8A8A;
}
.footer-nav {
	text-align:center;
}
.footer-nav > ul {
	text-align: center;
	margin: 1em 0;
}
.footer-nav > ul > li {
	display: inline-block;
	margin:0 8px;
}
.footer-nav ul li a {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	}
	.footer-nav ul li a:hover {
		color: #75BEE9;
	}

.footer-nav ul ul {
	display: none;
}

.footer-widget {
	margin-bottom: 1em;
}

.footer-bottom {
	background:#363636;
	padding:15px 10px;
	color:#ccc;
	text-align:center;
}
.copyright {
	margin:0;
}

.awards {
	clear:both;
	padding:30px 0 50px;
	text-align:center;
	}
	.awards a img {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		max-height: 150px;
		}
		.awards a:hover img {
			-webkit-filter: grayscale(0%);
			filter: grayscale(0%);
		}


/* Pages */

.section {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;
}
.section.find-our-products {
	background-size:auto;
}
.section-heading hr,
.page-title hr {
	width:150px;margin:10px auto 20px;
}
.section-content {
	margin: 0 auto;
    max-width: 1000px;
    padding: 15px;
}

#page-hero,
#product-hero {
	background-color:#000;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	min-height: 57px;
	padding:62px 22px 22px;
	}
	#page-hero .hero-container {
		padding:80px 100px 20px;
		line-height:normal;
	}
	#page-hero .hero-container h1 {
		font-size:270%;
	}
	#page-hero .hero-container h2 {
		font-size:160%;
	}
	#page-hero .hero-container h3 {
		font-size:140%;
	}
	#page-hero .hero-container hr {
		border: 0;
		width:100px;margin:10px auto 20px;
		border-top: 1px solid rgba(0,0,0,0.7);
		background: rgba(255,255,255,0.4);
	}

#product-hero,
body.single-product #page-hero.category-banner,
body.tax-product_cat #page-hero.product-banner {
	display:none;
}
body.single-product #product-hero {
	display:block;
}
	#product-hero .hero-container {
		padding:100px 30px 10px;
		line-height:normal;
		text-align:right;
		word-spacing:8px;letter-spacing:10px;line-height:normal;
		font-size:180%;
		}
		#product-hero .hero-container span {
			font-size:55%;
		}
		#product-hero .hero-container strong {
			font-weight:400;
		}

#ctas {
	margin:40px auto;
	}
	#ctas .cta-img {
		clear:both;
		position:relative;
		text-align:center;
	}
	#ctas a {
		position:relative;
		display:block;
		text-decoration:none;
		color:#fff;
	}
	#ctas h3 {
		position:absolute;z-index:2;left:0;right:0;
		top:50%;transform: translateY(-50%);
		width:100%;text-align:center;
		margin:0 auto;padding:0;
		color:#fff;font-size:240%;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,0.4);
		}
		#ctas .cta-container:hover h3 span {
			border-bottom:1px solid #efefef;
		}
	#ctas img {
		position:relative;z-index:1;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		}
		#ctas .cta-container:hover img {
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			filter: grayscale(0%);
		}
	#ctas .cta-desc {
		clear:both;
		position:relative;
		text-align:center;
		margin:20px auto 15px;padding:0 10px;
		opacity:0.3;
		transition: all 0.15s ease-in-out 0s;
		-moz-transition: all 0.15s ease-in-out 0s;
		-webkit-transition: all 0.15s ease-in-out 0s;
		}
		#ctas .cta-container:hover .cta-desc {
			opacity:1;
		}

/* Sections */

.section-inner {
	padding:100px 0;
}

.section-inner.nopadding {
	padding:0;
}

.section-inner .section-heading hr {
}

.section-collaborating .section-inner .slide {
	background-color:#222;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	color:#fff;font-size:130%;text-shadow:1px 1px 3px rgba(0,0,0,0.6);
	line-height:normal;letter-spacing:normal;
	margin:0;padding:30px;
	height:700px;
	position:relative;
}
.section-collaborating .section-inner .slide .slide-content {
	position:absolute;left:8%;right:45%;
	top:50%;transform: translateY(-50%);
}

.section-collaborating .slide-navigation .slidenav-item {
	margin:0;padding:0;
	position:relative;
	text-align:center;
	background:#000;
	}
	.section-collaborating .slide-navigation .slidenav-item a {
		display:block;
		opacity:0.7;
		border-bottom:5px solid #fff;
		height:116.7px;
		overflow:hidden;
		}
		.section-collaborating .slide-navigation .slidenav-item a:hover,
		.section-collaborating .slide-navigation .slidenav-item a.selected-nav {
			cursor:pointer;cursor:hand;
			opacity:1;
			border-color:#89c765;
		}
	.section-collaborating .slide-navigation .slidenav-item h3 {
		position:absolute;left:0;right:0;
		top:50%;transform: translateY(-50%);
		margin:0 auto;padding:0;
		text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,0.95);
		font-size:180%;font-weight:100;color:#fff;
	}
	.section-collaborating .slide-navigation .slidenav-item img {
		max-width:100%;height:auto;
	}

.stoves-slider {
	overflow:hidden;
}

#collab-slider {
	float:left;
	width:79%;
	}
	#collab-slider .grid-row {
		margin:0 !important;
	}
#collab-nav {
	box-shadow: -30px 0 50px rgba(0, 0, 0, 0.4);
    float: right;
	width: 21%;
    overflow: hidden;
    position: relative;z-index: 10;
}

.section-improve-lives {
	}
	.section-improve-lives .section-content {
		max-width:1000px;
		margin:0 auto;padding:15px;
		font-size:110%;
	}
	.section-improve-lives .improve-items {
		clear:both;
		margin:0 0 15px;
		transition: all 0.15s ease-in-out 0s;
		-moz-transition: all 0.15s ease-in-out 0s;
		-webkit-transition: all 0.15s ease-in-out 0s;
		}
		.section-improve-lives .improve-items .img-group {
			position:relative;
			text-align:right;margin-right:10px;
			transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
		}
		.section-improve-lives .improve-items .improve-icon {
			position:relative;
			float:left;
			width:20%;height:100px;text-align:center;
			transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
			}
			.section-improve-lives .improve-items .improve-icon img {
				position:absolute;left:0;
			}
		.section-improve-lives .improve-items .imgonhover {
			opacity:0;
			transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
		}
		.section-improve-lives .improve-items .improve-block:hover .imgonhover {
			opacity:1;
			transition: all 0.15s ease-in-out 0s;-moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
		}
		.section-improve-lives .improve-items .improve-block {
			clear:both;
			margin:24px 10px 0;
		}
		.section-improve-lives .improve-items .improve-text {
			float:left;
			width:65%;min-height:100px;
			font-size:90%;
			border-left:1px solid #fff;
			padding-left:5%;padding-bottom:0;
			opacity:0.4;
			transition: all 0.15s ease-in-out 0s;
			-moz-transition: all 0.15s ease-in-out 0s;
			-webkit-transition: all 0.15s ease-in-out 0s;
			}
			.section-improve-lives .improve-items .improve-text h3 {
				font-weight:100;
				margin-bottom:5px;
			}
			.section-improve-lives .improve-items .improve-text p {
				margin-bottom:5px;
			}
		.section-improve-lives .improve-items .improve-block:hover .improve-text {
			opacity:1;
			border-left:1px solid #75BEE9;
		}

	.section-improve-lives .improve-items .img-group {
		display:none;
	}
	.section-improve-lives .improve-items .img-group-1 {
		display:block;
	}
	.section-improve-lives .improve-items .hover {
		display:none;
	}


.section-impact {
	}
	.section-impact .section-inner {
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center top;
		color:#fff;
		margin:0;
		}
		.section-impact .section-heading {
			font-size:130%;
			}
			.section-impact .section-heading hr {
				background:rgba(255, 255, 255, 0.5);
				border-color:rgba(255, 255, 255, 0.1);
				margin:0 auto 20px;
				width:120px;
			}
		.section-impact .impact-icon {
			clear:both;
			text-align:center;
			margin:45px auto 25px;
		}
		.section-impact .impact-text {
			color:#fff;
			font-size:120%;
			margin: 10px auto 15px;
			max-width:50%;
		}
		.section-impact .impact-goals {
			color:#fff;
			font-size:120%;
			margin:0 auto;
			}
			.section-impact .impact-goals .impact-block {
				clear:both;
				margin:0 0 15px;
				}
				.section-impact .goalname {
					float:left;
					width:25%;text-align:right;
					padding:12px 15px 0 0;
				}
				.section-impact .current-wrap {
					float:left;
					width:50%;
					background:rgba(100,100,100,0.6);
					padding:10px;
					}
					.section-impact .current {
						background-color:#89C764;
						padding:2px;
						color:#fff;
						text-align:center;
						}
						.section-impact .current span {
							color:#fff;display:inline-block;
						}
				.section-impact .goal {
					float:left;
					width:25%;text-align:left;
					padding:12px 0 0 15px;
				}

.section-distribution-locations {
	}
	.section-distribution-locations .map-legends {
		clear:both;
		position:absolute;bottom:0;left:0;
		margin:0 0 15px 15px;padding:10px 15px;
		background:#f8f8f8;
		border:2px solid #efefef;
		width:200px;
		}
		.section-distribution-locations .map-legend {
			clear:both;
			margin:6px 0;
			}
			.section-distribution-locations .map-legend .legend-color {
				display:block;
				width:15px;height:15px;
				border:2px solid #fff;
				box-shadow:0 1px 6px rgba(0, 0, 0, 0.3);
				border-radius:100px;
				float:left;
			}
			.section-distribution-locations .map-legend .legend-text {
				margin-left:25px;
				}
				.section-distribution-locations .map-legend .legend-text h5 {
					font-size:100%;font-weight:400;line-height:100%;
					margin:0;
				}
	.section-distribution-locations .distribution-map {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		width:1100px;height: 594px;
		margin:0 auto;
		position:relative;
	}
	.distribution-map .map-pinpoint {
		position:relative;
		}
		.distribution-map .map-pinpoint > a.pinpoint-marker {
			display:block;
			width:15px;height:15px;
			border:2px solid #fff;
			box-shadow:0 1px 6px rgba(0, 0, 0, 0.3);
			border-radius:100px;
			position:absolute;z-index:5;
			opacity:0.8;
		}
		.distribution-map .map-pinpoint > a.pinpoint-marker:hover {
			opacity:1;
			cursor:pointer;cursor:hand;
		}
	
	.distribution-map .pinpoint-content {
		position:absolute;z-index:100;
		background:#fff;
		box-shadow:0 2px 15px rgba(0,0,0,0.3);
		border-radius: 0 80px 80px 50px;
		min-width:200px;
		margin:13px 0 0 13px;padding:15px 20px 20px;
		color:#555;text-align:left;
		}
		.distribution-map > a.pinpoint-marker .pinpoint-content {
			color:#555;
		}
		.distribution-map .pinpoint-content h3 {
			margin:0 0 5px;
			font-size:120%;font-weight:400;
		}
		.distribution-map .pinpoint-content p {
			margin:0;
			font-weight:300;
		}
	
	/* locations */
	.distribution-map .map-pinpoint.headquarters a.pinpoint-marker,
	.distribution-map .map-pinpoint.headquarters .pinpoint-content {
		left:212px;top:249px;/* colorado */
	}
	.distribution-map .map-pinpoint.mexicocity a.pinpoint-marker,
	.distribution-map .map-pinpoint.mexicocity .pinpoint-content {
		left:213px;top:309px;/* mexico */
	}
	.distribution-map .map-pinpoint.honduras a.pinpoint-marker,
	.distribution-map .map-pinpoint.honduras .pinpoint-content {
		left:260px;top:340px;/* honduras */
	}
	.distribution-map .map-pinpoint.guatemala a.pinpoint-marker,
	.distribution-map .map-pinpoint.guatemala .pinpoint-content {
		left:250px;top:327px;/* guatemala */
	}
	.distribution-map .map-pinpoint.accra a.pinpoint-marker,
	.distribution-map .map-pinpoint.accra .pinpoint-content {
		left:526px;top:356px;/* accra */
	}
	.distribution-map .map-pinpoint.lagos a.pinpoint-marker,
	.distribution-map .map-pinpoint.lagos .pinpoint-content {
		left:545px;top:358px;/* lagos */
	}
	.distribution-map .map-pinpoint.nairobi a.pinpoint-marker,
	.distribution-map .map-pinpoint.nairobi .pinpoint-content {
		left:651px;top:382px;/* nairobi */
	}
	.distribution-map .map-pinpoint.pune a.pinpoint-marker,
	.distribution-map .map-pinpoint.pune .pinpoint-content {
		left:760px;top:320px;/* india */
	}
	.distribution-map .map-pinpoint.bangalore a.pinpoint-marker,
	.distribution-map .map-pinpoint.bangalore .pinpoint-content {
		left: 773px;top: 340px;/* bangalore */
	}
	.distribution-map .map-pinpoint.hangzhou a.pinpoint-marker,
	.distribution-map .map-pinpoint.hangzhou .pinpoint-content {
		left:894px;top:283px;/* china */
	}
	.distribution-map .map-pinpoint.lima a.pinpoint-marker,
	.distribution-map .map-pinpoint.lima .pinpoint-content {
		left:294px;top:409px;/* lima */
	}
	
	.distribution-map .mobile-view-map {
		display:none;
		text-align:center;
	}

.section-our-story .section-inner {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	color:#fff;
	margin: 0;padding:180px 0;
	}
	.section-our-story .section-inner .section-heading,
	.section-our-story .section-inner .section-content {
		margin: 0 auto;
    	max-width: 960px;
	}
	.section-our-story .section-inner .section-heading {
		font-size:120%;
	}
	.section-our-story .section-inner p {
		color:#fff;
	}

.section.our-team .grid-row p strong {
	font-size:115%;
}

.section.recognition a.read-more-toggle {
	color:#333;
}

.section {
	position:relative;
}
.section .section-heading,
.section .section-content {
	padding:0 15px;
}
.section .section-inner {
	position:relative;
	padding:100px 15px;
}
a.menu-anchor {
	display: block;
    height: 1px;
    position: relative;top: -32px;z-index: 10;
}
a#top {
	display: block;
    height: 1px;
    position: relative;top: -32px;z-index: 10;
}
.read-more-toggle {cursor:pointer;cursor:hand;}
.more {display:none;}

a.read-more-toggle {
    font-weight: 600;
	}
	a.read-more-toggle:hover {
		text-decoration:underline;
	}

/* ==========================================================================

   WooCommerce -n- !wcm  

   ========================================================================== */

.woocommerce-breadcrumb a, .woocommerce-breadcrumb a:visited {
	color: inherit;
}
.woocommerce-breadcrumb a:hover {
	color: inherit;
}
.woocommerce ul.products h2, .woocommerce ul.products h3 {
	color: inherit;
}
.woocommerce ul.products .star-rating {
	color: inherit;
}
.woocommerce ul.products .price {
	color: inherit;
}
.woocommerce ul.products li.product .button {
	color: #fff;
	margin:10px auto !important;
	text-align:center;
	clear:both;float:none;
}

.woocommerce ul.products {
	margin:30px 0;
}
.woocommerce ul.products li,
.woocommerce ul.products li.product a,
.subcategories .subcategory-item {
	text-align:center;
	transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-webkit-transition: all 0.15s ease-in-out 0s;
	}
	.woocommerce ul.products li.product a img,
	.subcategories .subcategory-item img {
		border:1px solid #dadada;
		border-radius:150px;
		padding:15px;
		}
		.woocommerce ul.products li.product:hover a img,
		.subcategories .subcategory-item:hover img {
			border-color:#aaa;
		}
	.woocommerce ul.products li.product a h3,
	.subcategories .subcategory-item h3 {
		color:#aaa;font-size:140%;
		}
		.woocommerce ul.products li.product:hover a h3,
		.subcategories .subcategory-item:hover h3 {
			color:#888;
		}
.woocommerce ul.products mark {
	display:none;
}

.woocommerce .main {
	width:100%;
	float:none;
}
.woocommerce .sidebar {
	display:none;
}

.woocommerce p.stars span a {
	color:#89C765;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 0 0 5px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		color: #555;
		display: inline-block;
		font-size: 110%;
		font-weight: 700;
		padding: 12px 35px;
		text-decoration: none;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
		color:#89C765;
	}

.woocommerce table.shop_attributes td p {
    padding: 8px;
}

.woocommerce #content div.product div.thumbnails {
	text-align:center;
	}
	.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
		border: 1px solid #dadada !important;
		border-radius: 80px !important;
		width: 16% !important;
		margin:10px 2% !important;
		overflow: hidden;
		}
		.woocommerce #content div.product div.thumbnails a:hover, .woocommerce div.product div.thumbnails a:hover, .woocommerce-page #content div.product div.thumbnails a:hover, .woocommerce-page div.product div.thumbnails a:hover {
			border: 1px solid #89C765 !important;
		}
	.woocommerce #content div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails a.first {
		clear:none !important;
	}

ul.instruction-files {
	margin:15px 0;
}

/* Category Fields */

.archive.tax-product_cat ul.products,
.archive.tax-product_cat .pagination,
.archive.tax-product_cat .woocommerce-info,
.archive.tax-product_cat .woocommerce-result-count,
.archive.tax-product_cat .woocommerce-ordering {
	display:none;
}
#category-content {
	display:block;
}
body. #category-content {
	display:block;
}

#category-contact-info {
    background: #242021;
    color: #dadada;
    padding: 30px;
}

.cta-buttons {
	margin-top:5px;margin-bottom:20px;
	text-align:center;
	}
	.cta-buttons a.button {
		display:block !important;
		font-size:160% !important;
		text-align:center !important;
		padding:20px !important;
	}
body.single-product .cta-buttons {
	display:none;
}

#category-content {
	text-align:center;
	margin:15px auto;padding:30px 0;
}
#category-content h1,
#category-map h1,
.term-description h1 {
	color:#444;font-weight:600;
}
.main-categories {
	clear:both;
	margin:0;
	}
	.main-categories .category-heading {
		text-align:center;
		margin:10px 0;padding:0;
		}
		.main-categories .category-heading h2 {
			font-size:190%;
		}
		.main-categories .category-heading hr {
			width:100px;margin:10px auto;
		}
	.subcategories {
		margin-bottom:20px;
		}
		.subcategories .subcategory-item a {
			text-decoration:none !important;
			transition: all 0.15s ease-in-out 0s;
			-moz-transition: all 0.15s ease-in-out 0s;
			-webkit-transition: all 0.15s ease-in-out 0s;
		}
		.subcategories .subcategory-item img {
			margin:0 0 10px;
		}
		.subcategories .subcategory-item .category-learn-more {
			opacity:0;
			text-align:center;
			font-size:120%;
			transition: all 0.15s ease-in-out 0s;
			-moz-transition: all 0.15s ease-in-out 0s;
			-webkit-transition: all 0.15s ease-in-out 0s;
			}
			.subcategories .subcategory-item .category-learn-more a {
				border-top:1px solid #ccc;
				display:inline-block;
				padding:15px;
			}
		.subcategories .subcategory-item:hover .category-learn-more {
			opacity:1;
		}

.term-description {
	padding:100px 20px 20px;
}

#category-map {
	padding:100px 20px 20px;
	}
	#map-bg {
		width:1000px;height:500px;
	}
	/* category locations */
	/* east africa */
	.distribution-map .map-pinpoint.uganda a.pinpoint-marker,
	.distribution-map .map-pinpoint.uganda .pinpoint-content {
		left:430px;top:151px;/* uganda */
	}
	.distribution-map .map-pinpoint.kenya a.pinpoint-marker,
	.distribution-map .map-pinpoint.kenya .pinpoint-content {
		left:477px;top:155px;/* kenya */
	}
	.distribution-map .map-pinpoint.tanzania a.pinpoint-marker,
	.distribution-map .map-pinpoint.tanzania .pinpoint-content {
		left:448px;top:211px;/* tanzania */
	}
	.distribution-map .map-pinpoint.rwanda a.pinpoint-marker,
	.distribution-map .map-pinpoint.rwanda .pinpoint-content {
		left:407px;top:177px;/* rwanda */
	}
	.distribution-map .map-pinpoint.zambia a.pinpoint-marker,
	.distribution-map .map-pinpoint.zambia .pinpoint-content {
		left:367px;top:280px;/* zambia */
	}
	.distribution-map .map-pinpoint.mozambique a.pinpoint-marker,
	.distribution-map .map-pinpoint.mozambique .pinpoint-content {
		left:475px;top:277px;/* mozambique */
	}

#category-partner {
	background:#666;
	color:#fff;
	margin:10px 0 35px;padding:50px 30px;
}

#category-video {
	text-align:center;
	}
	#category-video img {
		width:100%;height:auto;
	}

#category-content-area {
	padding:50px 0;
}
		
/* Product Pages */

body.single-product #page-hero .hero-container {
	padding:80px 100px 20px;
}

body.single-product .main .product {
	padding:30px 0;
}

body.single-product .main p.cart {
	float: left;
    margin: 5px 2%;
	text-align:center;
	}
	body.single-product .main p.cart a {
		min-width:150px;text-align:center;
	}
body.single-product .main p.contact-btn {
	float: left;
    margin: 5px 2%;
	text-align:center;
	}
	body.single-product .main p.contact-btn a {
		min-width:150px;text-align:center;
	}
body.single-product .main p.buyonline-btn {
	clear:both;float:none;
	margin:15px 2%;
	text-align:center;
	width:auto;max-width:312px;
	}
	body.single-product .main p.buyonline-btn a {
		min-width:170px;
	}

.product .summary .product_meta {
	display:none;
}

.product h1.product_title {
    color: #444;font-weight: 600;
}
.product h3.series {
	color:#999;font-size:140%;font-weight:100;
	border-top:1px solid #dadada;border-bottom:1px solid #dadada;
	margin:10px 0 25px;padding:8px;
}

.woocommerce-tabs h3 {
	font-size:130%;
}

.specs-fields .spec-heading {
	text-transform:uppercase;font-weight:600;
	border-bottom:1px solid #dadada;
}
.specs-fields .spec-row {
	clear:both;
	margin:0 0 8px;
	}
	.specs-fields .spec-label {
		float:left;
		background:#efefef;
		padding: 2px 6px;
		width:40%;font-weight:600;
	}
	.specs-fields .spec-value {
		margin-left:42%;
		padding:2px 0 0;
		}
		.specs-fields .spec-value p {
			margin:0;
		}

#instruction-fields {
	}
	#instruction-fields .video {
		margin:10px 0;
		}
		#instruction-fields .video h3 {
			font-size:130%;
		}
	#instruction-fields .file p {
		margin:0 0 5px;
	}
	#instruction-fields .text-content {
		margin:10px 0;
	}

.related.products {
	border-top: 1px solid #dadada;
    clear: both;
    margin-top: 30px;
    padding-top: 20px;
}

/* Page Options */
.header.hidenav-yes .region-nav-wrap,
.header.hidenav-yes .main-nav-wrap,
.header.hidenav-yes #header-search,
.header.hidenav-yes a.btn-navbar.mobileshow {
	display:none !important;
}
.footer.hidenewsletter-yes .footer-top {
	display:none !important;
}

/* ==========================================================================

   Home Page -n- !hpg

   ========================================================================== */

body.home .page-title {
	display:none;
}
.main-home-container {
	clear:both;
	max-width:1060px;
	margin:0 auto;padding:0 0 25px;
	font-size:90%;
	}
	.main-home-container h1 strong {
		font-size:120%;
	}

#hero {
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	color:#fff;
	position: relative;
	width:100%;
	clear:both;
	float:left;
	overflow:hidden;
	}
	#hero .hero-wrapper {
		padding:240px 0;
		position: relative;z-index: 5;top:0;left:0;
		width:100%;
	}
	#hero .hero-container {
		margin:60px 0 0;
	}
	#hero h1 {
		color: #fff;
		font-size:340%;font-weight:300;
		letter-spacing: 8px;line-height: 110%;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
		text-transform: uppercase;
		margin:0;
	}
	.mejs-offscreen, .mejs-controls {display: none;}
	.video-player {
		left: 0;
		top:0;
	    max-width: 100%;
	    position: absolute;
	    width: 100%;
	    z-index: 0;
	}

	.section-testimonials .flex-control-nav{
		clear:both;
		width:100%;
		float:left;
		position: relative;
		bottom:-8px;
	}
		.testimonial-content strong{
			text-align: center;
			color:#fff;
			width:65%;
			font-size: 180%;
			font-weight:100;
			margin:0 auto;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
			letter-spacing: normal;
    		line-height: normal;
	    	display: block;
			font-family: "Roboto",sans-serif;

		}
		.testimonial-attribution p{
			margin-top:15px;
			font-size: 150%;
			text-align: center;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
			font-family: "Roboto",sans-serif;
			letter-spacing: normal;
    		line-height: normal;
    		font-weight:400;
    		color:#89C764;
		}
		.testimonial-item{
			position: relative;
		}
			.testimonial-content-wrapper{
				position:absolute;
				bottom:35%;
				left:0px;
				width: 100%;
			}
	.section-testimonials .flexslider .flex-prev,
	.section-testimonials .flexslider .flex-next,
	.section-testimonials .flexslider .flex-direction-nav{
		display:none;
	}
	.section-testimonials .flexslider:hover .flex-prev,
	.section-testimonials .flexslider:hover .flex-next,
	.section-testimonials .flexslider:hover .flex-direction-nav{
		display:block;
	}

	.section-testimonials .flexslider .flex-active{
		background:#89C764;
	}

	@media screen and (max-width: 767px) {
		.testimonial-content-wrapper{
			bottom:10%;
		}
		.testimonial-content strong, .testimonial-attribution p{
			width:80%;
			font-size:95%;
			text-align: center;
		}
		.testimonial-content strong{
			width:80%;
		}
		.testimonial-attribution p{
			width:100%;
		}
	}
/* ==========================================================================

   Staff Widget 

   ========================================================================== */

.staff-member{
	margin-bottom:20px;
	padding-bottom:20px;
}
	.staff-member.collapse{
		min-height:325px;
		text-align: center;
	}
		.staff-member.collapse .staff-bio{
			display: none;
		}

   .staff-headshot{}
   	.staff-headshot img{
   		border-radius:150px;
   		border:2px solid transparent;
   	}
   		.staff-member:hover .staff-headshot img{
   			border-color:#89c765;
   		}
	.staff-name{
		margin:10px 0 0 0;
	}
		.staff-name span{
			font-weight: 400;
		}
		.staff-bio .staff-headshot,
		.staff-bio .staff-name,
		.staff-bio .staff-title{
			text-align: center;
		}
	.staff-title{
		margin:5px 0 10px 0;
	}


/* ==========================================================================

   Email Form

   ========================================================================== */

table.signupframe{
	width:100% !important;
	background:transparent;
	border:0px solid transparent;
}
	table.signupframe tr input[type="text"]{
		margin:0 0 10px 10px;
	}
	table.signupframe input[type="submit"]{
		display:block;
		font-size:20px;
		background: #89c766 none repeat scroll 0 0;
	    border: 1px solid #89c766;
	    color: #ffffff;
		border-radius: 0;
		display: inline-block;
		font-weight: 300;
		line-height: 1;
		margin-top:10px;
		padding: 15px 25px;
		text-decoration: none;
		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
	}
		table.signupframe input[type="submit"]:hover{
			background: #75bee9 none repeat scroll 0 0;
		    border: 1px solid #75bee9;
		    color: #ffffff;
		}


/* ==========================================================================

   Media Queries -n- !mdq   

   ========================================================================== */

@media screen and (min-width: 960px) {
.mobile .main-nav-wrap {
	display: block !important;
	overflow: visible !important;
}
}
.oldie .main-nav-wrap {
	display: block !important;
	overflow: visible !important;
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
  and (orientation: portrait)  {

 .toptgrid .tg-item:first-child {
    
	position: relative!important;
	display: inline-block;
	z-index: 1;
	float: left;
	width: 768px !important;
	height: 768px !important;

}}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) and (orientation: landscape)  {
 .toptgrid .tg-item:first-child {
    
	position: relative!important;
	display: inline-block;
	z-index: 1;
	float: left;
	width: 511px !important;
	height: 511px !important;

}}
@media screen 
  and (min-device-width: 1025px) 
  and (max-device-width: 1600px) {.toptgrid .tg-item:first-child {
    
	position: relative!important;
	display: inline-block;
	z-index: 1;
	float: none;
	width: calc(100% /2.003) !important;
	height:100% !important;
	min-height:calc(100vw /2.003)!important;

}
  }