@charset "UTF-8"; 


	@font-face { font-family: "Baileys"; src:url("../fonts/Baileys.eot"); src:url("../fonts/Baileys.eot?#iefix") format("embedded-opentype"), url("../fonts/Baileys.woff") format("woff"), url("../fonts/Baileys.ttf") format("truetype"), url("../fonts/Baileys.svg#Baileys") format("svg"); font-weight: normal; font-style: normal; }	
	@font-face { font-family: 'OpenSansSemibold'; src: url("../fonts/OpenSans-Semibold-webfont.eot"); src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg"); font-weight: 600; font-style: normal }
	@font-face { font-family: 'Montserrat'; src: url("../fonts/montserrat-regular-webfont.eot"); src: url("../fonts/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat-regular-webfont.woff") format("woff"), url("../fonts/montserrat-regular-webfont.ttf") format("truetype"), url("../fonts/montserrat-regular-webfont.svg#montserratregular") format("svg"); font-weight: normal; font-style: normal }
		
	[data-icon]:before { font-family: Baileys !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	[class^="icon-"]:before,[class*=" icon-"]:before { font-family: Baileys !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-application-rate:before { content: "\61"; }
	.icon-checked:before { content: "\62"; }
	.icon-citrus:before { content: "\63"; }
	.icon-apple:before { content: "\64"; }
	.icon-arrow-box-left:before { content: "\65"; }
	.icon-arrow-box-right:before { content: "\66"; }
	.icon-carrot:before { content: "\67"; }
	.icon-fax-one:before { content: "\68"; }
	.icon-fax-two:before { content: "\69"; }
	.icon-field:before { content: "\6a"; }
	.icon-arrow-left:before { content: "\6b"; }
	.icon-arrow-down:before { content: "\6c"; }
	.icon-arrow-right:before { content: "\6d"; }
	.icon-arrow-up:before { content: "\6e"; }
	.icon-australia:before { content: "\6f"; }
	.icon-baileys-logo:before { content: "\70"; }
	.icon-cabbage:before { content: "\71"; }
	.icon-calendar:before { content: "\72"; }
	.icon-mail-one:before { content: "\74"; }
	.icon-lawn:before { content: "\75"; }
	.icon-lab:before { content: "\76"; }
	.icon-hat:before { content: "\77"; }
	.icon-hand-grow:before { content: "\78"; }
	.icon-glove:before { content: "\79"; }
	.icon-flower:before { content: "\7a"; }
	.icon-map:before { content: "\73"; }
	.icon-tree:before { content: "\41"; }
	.icon-tractor:before { content: "\42"; }
	.icon-tomato:before { content: "\43"; }
	.icon-tag:before { content: "\44"; }
	.icon-shears:before { content: "\45"; }
	.icon-spade:before { content: "\46"; }
	.icon-seeds:before { content: "\47"; }
	.icon-search-one:before { content: "\48"; }
	.icon-pot-plant:before { content: "\49"; }
	.icon-plus:before { content: "\4a"; }
	.icon-packaging:before { content: "\4b"; }
	.icon-minus:before { content: "\4c"; }
	.icon-uses:before { content: "\4e"; }
	.icon-watering-can:before { content: "\4f"; }
	.icon-waterwise:before { content: "\50"; }
	
	
/*
	residential green: #7EAF31; 
	commercial blue #3068AA
*/


/* *************************************************************** */
/* SITE DEFAULTS */
/* *************************************************************** */

	h1, h2, h3, h4 { line-height: 1.5em; letter-spacing: 0.01em; margin-top: 0; margin-bottom: 0.25em; }
	h1 { font-size: 24px; }
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	h4 { font-size: 12px; }

	p { margin-top: 0; margin-bottom: 0.5em; padding: 0; }
	span.sml_text { font-size: 12px !important; }
	
	a { transition: all .35s ease-in-out; }
	a:link, a:visited { text-decoration: none; color: #7EAF31; }
	a:hover { color: #3068AA; }
	a img { transition: all .20s ease-in-out; }
	a.button { color: white; }
	
	a, a:hover, a:focus { outline:none !important; }
 	a.scroll { color: #ffffff; }
 	ul li { margin-bottom: 5px; }
 	#product_uses, #product_categories { list-style-type: none; } 

	*::-webkit-input-placeholder { color: #ccc; }  *:-moz-placeholder { color: #ccc; } *::-moz-placeholder { color: #ccc; } *:-ms-input-placeholder { color: #ccc; }
	input[type=text], input[type=email], input[type=tel], textarea { width: 100%; margin-bottom: 20px; padding: 8px; border: 1px solid #ccc; }
	input[type=text], input[type=email], input[type=tel] { height: auto; }
	form input.invalid, form select.invalid, form textarea.invalid { border: 1px solid #942727; }
	
/* 	.captcha { width:40% !important; display:inline-block; float: left; } */
	.center { text-align: center; }
	.tint { color:rgba(255, 255, 255, 0.6); }
	.white { color: white !important; }
	.caret { opacity: 0.5; }
	
/* http://www.joostrap.com/support/tutorials-videos/202-how-to-enable-hover-for-nav-dropdowns */
	.dropdown:hover .dropdown-menu {
		display: block; 
	}

/* *************************************************************** */
/* SITE WIDE TEMPLATE ELEMENTS  */
/* *************************************************************** */

		html, body { font-size: 14px; line-height: 1.8em; color: #555; font-size: 14px; font-family: 'Open Sans', sans-serif; }
		body {  }
		

	/* *************************************************************** */
	/* HEADER  */
	/* *************************************************************** */

		header { font-family: 'Open Sans', sans-serif; font-weight: 600; position: fixed; z-index: 10; width: 100vw; top: 0; }
		#header { background: white; padding-left: 12vw; }

		#top_header { display: flex; border-bottom: 1px white solid; background: white; overflow: hidden; }
		#social_links { width: 80%; margin-left: 20%; display: flex; justify-content: flex-end; }
		#social_links a { display: inline-block; margin: 0; font-size: 20px; color: #666; overflow: hidden; transition: color 0.25s, background-color 0.25s; transition-delay: 0s; -webkit-transition-delay: 0s; padding: 10px; }
		#social_links a i.fa { margin-right: 4px; }
		#social_links a div { transition: max-width 0.5s; transition-delay: 0s; -webkit-transition-delay: 0s; white-space: nowrap; max-width: 0; display: inline-block; font-size: 13px; letter-spacing: -0.02em; overflow: hidden; }
		#social_links a:hover { color: white; }
		#social_links a:hover div { max-width: 300px; }
		
		a.facebook:hover { background-color: #3C5997; }
		a.instagram:hover { background-color: #C6128E; }
		a.pinterest:hover { background-color: #BB1524; }
		a.youtube:hover { background-color: #FD1A20; }
		a.telephone:hover { background-color: #7EAF31; }
		a.contact_email:hover { background-color: #3068AA; }
		a#employment_link { padding: 15px; font-size: 13px; }
		a#employment_link:hover { background-color: #7EAF31; }
		
		
		#logo_menu_wrap { display: flex; }
		#header_logo { padding: 0px 0 26px 0; width: 200px; transition: all .5s ease-in-out; }
		#header_logo img { transition: all .5s ease-in-out; }
		#header_logo.sml_header { padding: 5px 0 0 0; width: 200px; }
		#header_logo.sml_header img { width: 50%; }
		#header_menu { flex: 1; display: flex; }
		#header_menu nav { margin: auto; }
		
		#header_section_selector { width: 15vw; display: flex; }
		
		.section_selector { flex: 1; display: flex; position: relative; }
		.section_selector p { font-size: 14px; letter-spacing: 0.06em; margin: auto; color: white; }
		.selector_ghost { position: absolute; height: 5px; bottom: 0; width: 100%; z-index: 1; background-color: rgba(0,0,0,0.2); }
		a#residential_selector { background: #7EAF31; }
		a:hover#residential_selector { background: #698a33; }
		#commercial_selector { background: #3068AA; }
		a:hover#commercial_selector { background: #355b86; }

		#submenu_wrap.main{ background: #222; }
		#submenu_wrap.residential { background: #7EAF31; }
		#submenu_wrap.commercial { background: #3068AA; }
		#submenu { padding-left: 12vw; }
		.submenu_item:first-child { margin-left: -30px; }
		.submenu_item { float: left; }
		.submenu_item a { display: inline-block; margin: auto 0 auto; padding: 10px 30px 10px; color: white; font-size: 14px; text-transform: capitalize; }
		.submenu_item a:hover { background-color: rgba(0, 0, 0, 0.15); }
		
		.menu-toggle, .mobile_only { display: none; }
		
		#main_menu { padding: 0; margin: auto; }
		#main_menu ul { text-align: right; margin-bottom: 0; }
		#main_menu ul li { display: inline-block; margin: 0; float: none; } 
		#main_menu ul li a { display: inline-block; padding: 10px; margin: 0; color: rgb(68, 68, 68); font-size: 13px; text-transform: uppercase; letter-spacing: 0em; transition: all .15s ease-in-out; font-weight: 700; text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; }
		#main_menu ul li a.sml_header { padding: 15px 10px; }
		#main_menu ul li a:hover { color: #7DAF26; }
		
		.dropdown:hover .dropdown-menu { transition: all .5s ease-in-out; }
		#main_menu ul li ul.dropdown-menu { top: 30px; width: 250px; border-radius: 0; border-top: 2px solid #7DAF26; text-align: left; }
		#main_menu ul li ul.dropdown-menu.sml_header { top: 49px; }
		#main_menu ul li ul.dropdown-menu li { display: block; }
		#main_menu ul li ul.dropdown-menu li a { padding: 8px; font-weight: 600; }
		#main_menu ul li ul.dropdown-menu li a:hover { padding-left: 15px; font-weight: 600; }
		
		.bgcolor-blue { background-color: #2E68AC !important; }


		
	/* *************************************************************** */
	/* BODY SECTION  */
	/* *************************************************************** */	
		
		
		#pagewrap { margin-top: 199px; position: relative; min-height: calc(90vh - 142px); }
		#page_content { padding: 30px 0; }
		

/*
		
		
		#partners { height: 300px; background-color: white; }
		#partners p { text-align: center; letter-spacing: 1em; padding-top: 40px; text-transform: uppercase; color: #cccccc; margin-bottom: 0; }
		#content-slider { list-style: none outside none; padding-left: 0; margin-bottom:0; }
		#content-slider.lightSlider li { display: flex; float: left; margin-right: 6px; align-content: center; align-items: center; cursor:pointer; height: 200px; }
		#content-slider.lightSlider li img { display: block; height: auto; max-width: 100%; margin: 0 auto; }
*/
		

	/* *************************************************************** */
	/* FOOTER SECTION  */
	/* *************************************************************** */


		#footer { background: #ccc; padding: 35px; }
		#footer_menu { list-style: none; list-style-position: inside; padding-left: 0; }
		#footer_menu li a { color: white; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }
		#footer_menu li a:hover { color: rgba(190, 0, 114, 1); }
		
		.footer_contacts span i.fa { display: inline-block; width: 30px; text-align: center; font-size: 22px; line-height: 1.8em; }
		
		#return_to_top { position: fixed; left: 50%; margin-left: -75px; bottom: -20px; z-index: 10; width: 150px; height:95px; display: none; }
		#credits { padding: 3px; font-size: 10px; }

		/* 	MAP MODAL */
		#modal_logo { height:60px; width:200px; float:left; background: url('') no-repeat; background-size: 200px; }
		#modal_address { float:left; padding: 0px 30px; margin-bottom: 0; line-height: 1.3em; }
		#map-canvas { height: 500px; }
		.modal-footer { font-size: 14px; }




	/* *************************************************************** */
	/* FAQs and products  */
	/* *************************************************************** */
	
		.sticky_wrapper:before, .sticky_wrapper:after { content: " "; display: table; }
		.sticky_wrapper:after { clear: both; }
		
		.sticky_content, #sticky_content { position: -webkit-sticky; position: sticky; top: 120px; z-index: 1; }
		
		#product_search, .quote_qty { margin-bottom: 20px; display: flex; /* height: 40px; */ }
		#product_search input, .quote_qty input { display: block; border-top-right-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; flex-basis: 88% }
		#product_search div.btn, .quote_qty div.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-bottom: 0; flex-basis: 12%; color: white; font-size: 20px; background: #7DAF26; text-align: center; }
		.quote_qty div.btn.del_product { background-color: #b53838; } 
 		#product_search div.btn i.fa, .quote_qty div.btn i.fa { margin-right: 0; }
 		#product_search div.btn:hover, .quote_qty div.btn:hover { color: #cccccc; }
 		
 		#search_widget { position: relative; }
		#search_result_container { position: absolute; top: 45px; left: 15px; z-index: 1000; background-color: transparent; height: auto; max-height: 75vh; overflow: scroll; }
		#search_contents { background-color: white; border: 1px solid grey; width 450px; }
		#search_contents ul { list-style-type: none; margin: 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.43);  }
		#search_contents ul li { padding: 5px; transition: all .25s ease-in-out; margin-bottom: 0; border-bottom: 1px dotted rgba(0, 0, 0, 0.32); }
		#search_contents ul li:hover { background-color: rgba(0, 0, 0, 0.12); }
		#search_widget #search_result_container #search_contents ul li a span { display: block; font-size: 14px; color: black; padding: 0; margin: 0; }
		#search_widget #search_result_container #search_contents ul li a span:last-child { font-size: 12px; color: black; padding: 0; margin: 0; }
		
		
		
		
		#products_section, #product_related_stuff { padding: 50px 0; }
		
		
		
		#products_sidebar ul li { list-style: none; font-size: 13px; padding: 3px 0; transition: all .25s ease-in-out; }
		#products_sidebar ul li:hover { cursor: pointer; color: #7EAF31; padding-left: 6px; }
		#products_sidebar ul li i { display: inline-block; width: 17px; font-size: 14px; }
		#products_sidebar ul li i.fa { margin-right: 0; padding-left: 5px; }
		#products_sidebar h3 { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; border-bottom: 1px dotted #ccc; margin-bottom: 5px; }
		
		ul#product_categories li, ul#product_uses li { cursor: pointer; }
		ul#product_categories li:hover, ul#product_uses li:hover { color: #7EAF31; }
		
		#product_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
		.product_wrap { flex-basis: 30%; display: block; margin-bottom: 50px; }
		.product_img_wrap { height: 266px; padding: 0 10px; overflow: hidden; }
		.product_wrap h2 { padding: 0 10px; font-size: 19px; margin-top: 10px; text-align: center; margin-bottom: 5px; line-height: 1.15em;  }
		.product_wrap h2 a { color: #333333; } 
		.product_wrap h2 a:hover { color: #7DAF26; } 
		.product_wrap p { text-align: center; margin-bottom: 5px; font-size: 12px; max-height: 30px; }
		.product_uses { text-align: center; min-height: 27px; }
		.product_uses i { display: inline-block; padding: 0 5px; font-size: 20px; }
		
		.sizes { font-size: 17px; margin-bottom: 5px; }
		
		#product_detail { padding-top: 60px; padding-bottom: 60px; margin-bottom: padding-top: 30px; border-bottom: 1px dotted #7DAF26; }
		.product_details ul { margin-left: 20px; }
		#product_links .product_uses { padding: 20px; }
		#product_links .product_uses i { font-size: 22px; }
		#product_links { text-align: center; }
		a.btn.btn-download { display:inline-block; border-radius: 15px; font-size: 14px; line-height: 15px; margin-top: 25px; padding: 8px 15px; color: white; background-color: #7EAF31; }
		a.btn.btn-download:hover { color: rgba(255, 255, 255, 0.64); background-color: #749b33; }
		a.btn.btn-download i.fa { margin-right: 5px; }
		a.btn-download:nth-child(1) { margin-right: 10px; }
		
		.product_details {}
		.product_details h1 { margin-bottom: 5px; }
		.product_details p span { letter-spacing: 0.05em; font-weight: 700; }
		.product_description { margin-bottom: 30px; }
		.product_feature { margin-bottom: 0px; letter-spacing: 0.05em; font-weight: 700; }
		#product_videos { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; margin-bottom: 30px; }
		#product_videos iframe, #product_videos object, #product_videos embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		#product_social_links { text-align: center; padding: 30px 0; font-size: 22px; }
		
		#product_related_stuff { }
		#product_related_stuff #faqs_wrap h3 { padding-left: 50px; }
		#product_related_stuff h3 { padding-bottom: 40px; margin-bottom: 0; font-weight: 700; font-size: 22px; color: #3068AA; }
		#product_related_stuff h4 {text-align: center; font-size: 16px; letter-spacing: 0; }
		
		.related_product { padding-bottom: 30px; display: flex; justify-content: space-between; padding-right: 50px; }
		.related_product > a { flex-basis: 50%; display: block; height: 300px; overflow: hidden; margin-bottom: 20px; }
		.related_product div { flex-basis: 50%; }
		.related_product h4 { text-align: left; padding-top: 10px; }
		
		
		
		#form_actions { margin-top: 30px; }
		#form_actions button { margin: 10px 0; }
		.checkbox_wrap { display: flex; }
		.checkbox_wrap input[type=checkbox] { display: block; margin-right: 10px; }
		.checkbox_wrap label { display: block; flex: 1; }
	
	
		#faq-form { margin-top: 200px; }	
		#section_search_bar { background-color: #F9F9F9; }
		#section_search_bar input { border: 2px solid #ccc; border-radius: 15px; padding: 10px; background: white url('images/magnifying-glass.svg') no-repeat; background-position: calc(100% - 15px) center; margin-top: 20px; background-size: 23px; }
		#faqs_wrap { border-left: 1px dotted #ccc; }
		.faq_wrap { padding: 0 50px 50px 50px; margin-bottom: 60px; border-bottom: 1px dotted #ccc ; }
		.faq_wrap h2 { margin-left: -52px; padding: 0 0 3px 50px; font-size: 22px; line-height: 1.2em; font-weight: 700; border-left: 3px solid #7EAF31; }
		.faq_wrap h2 span { margin-left: -40px; width: 40px; display: inline-block; } 
		.faq_wrap .byline { margin-top: -15px; margin-left: 4px; }
		.faq_wrap .answer { padding-left: 40px; }
		.faq_wrap .answer p:first-child { font-size: 0.8em; color: #7EAF31; line-height: 1em; } 
		.faq_wrap .answer p { margin-bottom: 10px; }
		.faq_wrap .tags a, #product_links .tags a { display: inline-block; padding: 3px 6px; text-transform: uppercase; font-size: 11px; border: 1px dotted #afafaf; margin: 15px 5px 0; }
		
		#faqs_tag_wrap p { font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; }
		#faqs_tag_wrap ul li {  list-style: none; margin: 0; margin-bottom: 5px; padding: 0; padding-left: 15px; text-transform: uppercase; font-size: 0.9em; letter-spacing: 0.05em; font-weight: 700; }


		
	/* *************************************************************** */
	/* BLOG  */
	/* *************************************************************** */
		
		#gardening_blog_landing { margin-top: 60px; }
		#gardening_blog_landing h2 { font-size: 17px; font-weight: 700; line-height: 1.2em; letter-spacing: -0.025em; text-transform: uppercase; min-height: 48px; margin-top: 20px; margin-bottom: 10px; }
		#gardening_blog_landing .author { font-size: 12px; }
		#gardening_blog_landing .intro { font-size: 14px; height: 150px; overflow: hidden; }
		.blog_img_wrap { height: 300px; overflow: hidden; }
		#gardening_blog_landing .item { margin-top: 60px; margin-bottom: 0px; }
		.blog_byline { color: rgb(236, 236, 236); font-size: 17px; }
		.blog_body { padding: 60px 0 0; }
		.blog_body .container { position: relative; }
		.blog_body img { display: inline-block; margin-bottom: 30px; }
		.blog_body img.left { margin-right: 30px; }
		.blog_body img.right { margin-left: 30px; }
		.blog_footer { padding-bottom: 60px; }
		.blog_footer .blog_byline { color: rgba(46, 46, 46, 1); }
		
	
	/* *************************************************************** */
	/* Baileys.scss */
	/* *************************************************************** */
		
		#slider { width: 100%; overflow: hidden; } 
		#slider { position: relative; } 
		#slider .container { position: relative; height: 100%; } 
		
		.home-slider .video-wrapper { height: 50vh; overflow: hidden; }
		.home-slider video { min-width: 100vw; height: auto; margin-top: -12vh; }
		.home-slider .video-overlay { background-color: rgba(0,0,0,0.55); position: absolute; top: 0; left: 0; bottom: 0; right:0; z-index: 2; background: transparent url('../images/grid.png') repeat; }
		
		#slider .container.caption_wrap { position: absolute; display: flex; top: 0; right: 0; bottom: 0; left: 0; z-index: 6; font-size: 22px; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,  0,  0,  .25); transition: top .3s ease; } 
		.home_caption { margin: auto 0; width: 840px; }
		.home_caption h1 { font-size: 46px; }
		
		#page-title { position: relative; padding: 50px 0; background-color: #F5F5F5; border-bottom: 1px solid #EEE; } 
		#page-title.page-title-tall { padding: 75px 0; } 
		#page-title.page-title-tall.blog { border-bottom: solid 30px #ABC12A; } 
		#page-title .container { position: relative; } 
		#page-title h1 { padding: 0; margin: 0; line-height: 1; font-weight: 100; color: #333; font-size: 36px; } 
		#page-title span { display: block; margin-top: 10px; font-weight: 300; color: #777; font-size: 18px; } 
		.breadcrumb { position: absolute !important; width: auto !important; top: 50% !important; left: auto !important; right: 15px !important; margin: -10px 0 0 !important; background-color: transparent !important; padding: 0 !important; font-size: 9pt; } 
		.breadcrumb a { color: #555; } 
		.breadcrumb a:hover { color: #7DAF26; } 
		#page-title.page-title-dark { background-color: #333; text-shadow: 1px 1px 1px rgba(0,  0,  0,  .15); border-bottom: none; } 
		#page-title.page-title-dark h1 { color: white !important; margin-bottom: 12px; } 
		#page-title.page-title-dark span { color: white; } 
		#page-title.page-title-dark .breadcrumb > .active { color: rgba(255,  255,  255,  .6); } 
		#page-title.page-title-dark .breadcrumb a { color: rgba(255,  255,  255,  .8); } 
		#page-title.page-title-dark .breadcrumb a:hover { color: rgba(255,  255,  255,  .95); } 
		#page-title.page-title-pattern { background-image: url('../images/pattern.jpg'); background-repeat: repeat; background-attachment: fixed; } 
		#page-title.page-title-parallax { padding: 0; min-height: 500px; border-bottom: none; background-color: transparent; background-size: cover; background-position: 0 50% ; background-repeat: no-repeat; image-rendering: -webkit-optimize-contrast; } 
		#page-title.page-title-parallax h1 { font-size: 40px; font-weight: 600; } 
		#page-title.page-title-parallax span { font-size: 22px; } 
		#page-title.page-title-parallax .overlay_mask { position: absolute; }
		
		
		#search_section { position: relative; }
		#res_search_widget { position: absolute; z-index: 10; top: 50%; width: 100vw; }
		#search_container{ height: 50px; }

	/* *************************************************************** */
	/* GARDENING GUIDES  */
	/* *************************************************************** */
		.grow .overlay_mask { position: absolute; }
		.gardening_guide_items { display: flex; flex-wrap: wrap; justify-content: space-between; }
		.gardening_guide { flex-basis: 32%; position: relative; display: flex; margin-bottom: 30px; overflow: hidden }
		.gardening_guide .overlay_content h2 { font-size: 34px; letter-spacing: -0.025em; color: white; font-weight: 700; }
		.gardening_guide .overlay_content { padding: 0 20%; color: white; }

		a.grow { overflow: hidden; }
		a.grow img { transition: all .2s ease-in-out; }
		a.grow:hover img { transform: scale(1.1); }
		
		.img_dark_overlay { position: relative; display: flex; height: 420px; padding: 0; }
		.overlay_mask { top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.4); z-index: 5; display: flex; transition: all .5s ease-in-out; }
		.home .overlay_content { padding: 100px; }
		.overlay_content { margin: auto; }
		.overlay_content h2 { text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
		
		 a.button.dark { color: white; }

		div.col-padding-md { padding-top: 40px; padding-left: 40px; }
				
		
		#map { height: 650px; }
		#map_container { position: relative; }
		#map_form { position: absolute; z-index: 5; top: 50px; left: 40px; width: 30%; }
		.store_locations h1 { margin-bottom: 0px; }
		.store_locations p { margin-bottom: 50px; }
		
		.map_content h1 { font-size: 16px; margin: 0; }
		.map_content p { font-size: 14px; margin: 0; }
		.map_content a { display: inline-block; padding-top: 5px; }
		div.location_details h2 { font-size: 15px; font-weight: 700; margin-bottom: 0; cursor: pointer; }
		div.location_details h2:hover { color: #7EAF31; }
		div.location_details p { margin-bottom: 0; }
		div.location_details { margin-bottom: 20px; }
		.store_locations { margin-top: 100px; margin-bottom: 100px; }
		
		.common-height { display:flex; min-height: 400px; }
		
		
		
		
/* 		EMPLOYMENT  */
		
		.flex_row { display: flex; justify-content: space-between; }
		.flex_row div { flex-basis: 32%; padding-bottom: 40px; } 


/* 		CALENDAR  */
		
		/* 	left column	 */
		.task_headings a { display: block; border-left: solid 2px transparent; padding: 2px 10px; margin-bottom: 20px; text-transform: uppercase; color: #666666; font-size: 13px; letter-spacing: 0.05em; font-weight: 700; }
		
		/* 	main column */
		.month_detail_wrap { border-left: 1px solid #eeeeee; }
		.task_details { padding: 15px 60px 15px 70px; }
		.task_details ul li { margin-bottom: 20px; }
		.task_related_products { display: flex; justify-content: space-between; flex-wrap: wrap; }
		a.task_related_product { flex-basis: 40%; padding-bottom: 30px; }
		a.task_related_product h3 { font-size: 19px; text-align: center; letter-spacing: -0.02em; line-height: 1.3em; padding-top: 15px; }
		
		.task h2 { padding-left: 40px; }
		.task h2:hover { cursor: pointer; opacity: 0.75; }
		
		/* 	left and main column */
		h2.planting, a.planting:hover { border-left: 9px solid #7EAF31; }
		h2.feeding, a.feeding:hover { border-left: 9px solid #3068AA; }
		h2.pruning, a.pruning:hover { border-left: 9px solid #F4A736; }
		h2.lawn, a.lawn:hover { border-left: 9px solid #38743A; }
		h2.pest_control, a.pest_control:hover { border-left: 9px solid #CF1426; }
		.task_details.closed { display: none; }
		task_details ul li a:link { color: #7EAF31 !important; }
		task_details ul li a:hover { color: rgba(128, 176, 49, 0.7) !important; }
		
		.garden_calendar_months ul { list-style: none; margin-top: -8px; }
		.garden_calendar_months ul li a { padding: 8px; display: block; color: #666666; font-weight: 700; transition: all .35s ease-in-out; }	
		.garden_calendar_months ul li a.active, .garden_calendar_months ul li a:hover { padding-left: 12px; color: #7EAF31; background-color: #eeeeee; border-radius: 2px; }
		
	
	
	
	
	
	
	
		
/*! CSS Used from: https://www.baileysfertiliser.com.au/style.css */

footer  {  display:block; margin-top: 100px; }

abbr[title] { border-bottom:1px dotted; }
svg:not(:root) { overflow:hidden; }

img { vertical-align:middle; }
h3 { font-family:inherit; font-weight:500; line-height:1.1; color:inherit; }
h3 { margin-top:20px; margin-bottom:10px; }
h3 { font-size:24px; }
p { margin:0 0 10px; }
ul  { margin-top:0; margin-bottom:10px; }
abbr[title] { cursor:help; border-bottom:1px dotted #777777; }
address { margin-bottom:20px; font-style:normal; line-height:1.42857143; }

ul,li { margin:0; padding:0; }
::-moz-selection { background:#7DAF26; color:#FFF; text-shadow:none; }
::selection { background:#7DAF26; color:#FFF; text-shadow:none; }
::-moz-selection { background:#7DAF26; color:#FFF; text-shadow:none; }
::-webkit-selection { background:#7DAF26; color:#FFF; text-shadow:none; }
:active,:focus { outline:none !important; }

h3 { color:#444; font-weight:600; line-height:1.5; margin:0 0 30px 0; font-family:"Open Sans",sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:antialiased; }
h3 { font-weight:300; }
h3 { font-size:28px; }
p,ul,address { margin-bottom:30px; }
.tright { text-align:right !important; }
.fright { float: right !important; }
.leftpadding { padding-left: 50px !important; }
.rightpadding { padding-right: 50px !important; }
.bottompadding { padding-bottom: 50px !important; }
.row-v-bottom>* { float:none !important; display:inline-block !important; margin-left:-3px; }
.row-v-bottom>*:last-child { vertical-align:bottom !important; }
.col_half { width:48%; }
.col_one_fourth { width:22%; }
.col_half,.col_one_fourth { display:block; position:relative; margin-right:4%; margin-bottom:50px; float:left; }
.col_last { margin-right:0 !important; clear:right; }
@media only screen and (min-width: 1260px) { 
	#bar+* { margin-top:189px; }
}
.social-icon { display:block; float:left; margin:4px 11px 7px 0; text-align:center !important; font-size:28px; color:#FFF; text-shadow:1px 1px 1px rgba(0,0,0,0.3); cursor:pointer; font-style:normal; }
body:not(.device-touch) .social-icon { transition:all 0.3s ease; }
.social-icon { margin:0 5px 5px 0; width:40px; height:40px; font-size:20px; line-height:38px !important; color:#555; text-shadow:none; border:1px solid #AAA; border-radius:3px; overflow:hidden; }
.si-borderless { border-color:transparent !important; }
.social-icon.si-small { width:32px; height:32px; font-size:14px; line-height:30px !important; }
.social-icon i { display:block; position:relative; }
body:not(.device-touch) .social-icon i { transition:all 0.3s ease; }
.social-icon i:last-child { color:#FFF !important; }
.social-icon:hover { color:#555; border-color:transparent; }
.social-icon:hover i:first-child { margin-top:-38px; }
.social-icon.si-small:hover i:first-child { margin-top:-30px; }
.si-facebook:hover { background-color:#3B5998 !important; }
.si-youtube:hover { background-color:#C4302B !important; }
.si-instagram:hover { background-color:#3F729B !important; }
.si-pinterest:hover { background-color:#C8232C !important; }
#footer { position:relative; background-color:#EEE; border-top:5px solid rgba(0,0,0,0.2); overflow: hidden; }
#footer .footer-widgets-wrap { position:relative; padding:80px 0px; margin-left:auto; margin-right:auto; width:80%; min-width:970px; }


#footer:before { display:block; content:' '; overflow:visible; width:100%; height:63px; top:-47px; right:0px; position:absolute; background:url('../images/divider-footer.svg') no-repeat center center; background-size:100% 63px; min-width:500px; }
.footer-widgets-wrap:before { display:block; content:' '; overflow:visible; width:100%; height:100%; top:0px; left:0px; position:absolute; background:url('../images/flower-white.svg') no-repeat 30% center; background-size:30%; }
.footer-widgets-wrap .col_one_fourth { margin-bottom:0; }
.dark .widget_links li a { font-weight:300; color:#969695; }
.dark .widget_links.main_links li a { font-size:16px; color:#EEE; }
#copyrights { padding: 0; font-size:14px; line-height:1.8; }
#copyrights .col_half { margin-bottom:0 !important; }
#copyrights a:first-child { margin-left:0; }
#copyrights .tright a:last-child { margin-right:0; }
.footer-logo { display: block; margin-bottom: 20px; max-width:320px; }
.animated-logo h3 { line-height: 1.2em; margin-bottom: 25px; }
.widget { position: relative; margin-top: 20px; }
.widget:first-child { margin-top:0; }
.widget_links ul, .widget_links li { list-style:none; margin: 0; padding:0px; }
.widget_links li a { display:inline-block; padding:5px 0 0 10px; background:url('../images/icons/widget-link.png') no-repeat; background-position: 0px 8px; border:none !important; color:#444; font-size:14px; }
.widget_links li a:hover { color:#000; }
.widget_links>ul>li:first-child { border-top:0 !important; }
.widget_links>ul { margin-top:-4px !important; }
.dark,.dark h3 { color:#EEE; }
.dark a:hover { color:#EEE; }
.dark .social-icon { color:#DDD !important; border-color:#DDD; }
#footer.dark .social-icon.si-borderless { color:#555 !important; }
.dark .social-icon i:last-child { color:#FFF !important; }
.dark .social-icon:hover { color:#FFF !important; border-color:transparent; }
#footer.dark { background-color:#222; color:#CCC; border-top-color:rgba(0,0,0,0.2); }
.dark #copyrights {  color:rgba(255,255,255,0.25); text-shadow:1px 1px 1px rgba(0,0,0,0.1); }
.dark .footer-widgets-wrap a { color:#CCC; }
.dark .footer-widgets-wrap a:hover { color:#999; }
.dark .widget_links li a { color:#969695; }
.dark .widget_links li a:hover { color:#AAA; }
[class^="icon-"] { display:inline-block; font-family:'font-icons'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:inherit; vertical-align:middle; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.icon-printer:before { content:"\e61d"; }
.icon-youtube:before { content:"\e860"; }
.icon-email3:before { content:"\e866"; }
.icon-facebook:before { content:"\e86f"; }
.icon-instagram:before { content:"\e889"; }
.icon-pinterest:before { content:"\e83e"; }
.icon-phone3:before { content:"\e748"; }

@media only screen and (max-width: 767px) { 
	h3 { font-size:22px; font-weight:600; }
	.col_half,.col_one_fourth { width:100%; margin-right:0; float:none; margin-bottom:50px !important; }
	#copyrights .col_half { text-align:center; }
	#copyrights .col_half:last-child { display:none; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { 
	.widget_links li a { background-image:url('../images/icons/widget-link@2x.png'); background-size:4px 20px; }
	.dark .widget_links li a { background-image:url('../images/icons/widget-link-dark@2x.png'); }
}

.dark svg.logo-svg g#TEXT path { fill:#fff; }
.animated-logo svg g#WINGLEFT,.animated-logo svg g#WINGRIGHT { -webkit-animation-name:wingAni2; animation-name:wingAni2; -webkit-animation-duration:15s; animation-duration:15s; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-delay:3s; animation-delay:3s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-name:wingAni2; -webkit-animation-duration:15s; -webkit-animation-iteration-count:infinite; -webkit-animation-delay:3s; -webkit-animation-timing-function:ease-in-out; -moz-animation-name:wingAni2; -moz-animation-duration:15s; -moz-animation-iteration-count:infinite; -moz-animation-delay:3s; -moz-animation-timing-function:ease-in-out; }
.animated-logo svg g#WINGLEFT { -ms-transform-origin:91% 68%; transform-origin:91% 68%; -webkit-transform-origin:91% 68%; -moz-transform-origin:91% 68%; }
.animated-logo svg g#WINGRIGHT { -ms-transform-origin:18% 29%; transform-origin:18% 29%; -webkit-transform-origin:18% 29%; -moz-transform-origin:18% 29%; }

/*! CSS Used from: Embedded */

/*
.cls-1 { fill:url(https://www.baileysfertiliser.com.au/#linear-gradient); }
.cls-2 { fill:#231f20; }
.cls-3 { fill:#a23f97; }
.cls-4 { fill:#ed1c24; }
*/



/*! CSS Used keyframes */
@-webkit-keyframes wingAni2 { from { -webkit-transform:rotate3d(0.454, -0.891, 0, 0deg); }1% { -webkit-transform:rotate3d(0.454, -0.891, 0, 35deg); }2% { -webkit-transform:rotate3d(0.454, -0.891, 0, 0deg); }3% { -webkit-transform:rotate3d(0.454, -0.891, 0, 35deg); }4% { -webkit-transform:rotate3d(0.454, -0.891, 0, 0deg); }5% { -webkit-transform:rotate3d(0.454, -0.891, 0, 35deg); }7% { -webkit-transform:rotate3d(0.454, -0.891, 0, 0deg); }to { -webkit-transform:rotate3d(0.454, -0.891, 0, 0deg); }}
	
footer i.fa  {  font-size: 31px; }		
		
[v-cloak] { display: none; }		
		
	




/*! CSS Used from:  https://mc.kinetic.co/baileys/style.css */
body { margin: 0; } 
section { display: block; } 
video { display: inline-block; vertical-align: baseline; } 
a { background-color: transparent; } 
a: active, a:hover { outline: 0; } 
b { font-weight: 700; } 
h1 { font-size: 2em; margin: .67em 0; } 
small { font-size: 80%; } 
img { border: 0; } 
svg: not(: root) { overflow: hidden; } 
button, input, textarea { color: inherit; font: inherit; margin: 0; } 
button { overflow: visible; } 
button { text-transform: none; } 
button { -webkit-appearance: button; cursor: pointer; } 
button:: -moz-focus-inner { border: 0; padding: 0; } 
input { line-height: normal; } 
textarea { overflow: auto; } 
#page-title p.larger { font-size: 22px; }






@media print { 
	*, *: before, *: after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } 
	a, a: visited { text-decoration: underline; } 
	a[href]: after { content: " (" attr(href) ")"; } 
	a[href^="#"]: after { content: ""; } 
	blockquote { border: 1px solid #999; page-break-inside: avoid; } 
	img { page-break-inside: avoid; } 
	img { max-width: 100% !important; } 
	p, h2, h3 { orphans: 3; widows: 3; } 
	h2, h3 { page-break-after: avoid; } 
} 

*, *: before, *: after { box-sizing: border-box; } 
input, button, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } 
a { color: #337ab7; text-decoration: none; } 
a:hover { color: #23527c; text-decoration: underline; } 
img { vertical-align: middle; } 
h1, h2, h3, h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } 
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } 
h4 { margin-top: 10px; margin-bottom: 10px; } 
h1 { font-size: 36px; } 
h2 { font-size: 30px; } 
h3 { font-size: 24px; } 
h4 { font-size: 18px; } 
p { margin: 0 0 10px; } 
small { font-size: 85%; } 
ul, ol { margin-top: 0; margin-bottom: 10px; } 
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } 
blockquote p: last-child { margin-bottom: 0; } 



 
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } 
.form-control { display: block; font-size: 14px; line-height: 1.42857143; color: #555555; } 
.form-control { width: 100%; height: 40px; padding: 6px 9pt; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,  0,  0,  .075); transition: border-color ease-in-out .15s,  box-shadow ease-in-out .15s; } 
.form-control: focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,  0,  0,  .075),  0 0 8px rgba(102,  175,  233,  .6); } 
.form-control:: -moz-placeholder { color: #999999; opacity: 1; } 
.form-control: -ms-input-placeholder { color: #999999; } 
.form-control:: -webkit-input-placeholder { color: #999999; } 
.input-lg { height: 46px; padding: 10px 1pc; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } 
.btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 9pt; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.btn: focus, .btn: active: focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } 
.btn:hover, .btn: focus { color: #333333; text-decoration: none; } 
.btn: active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0,  0,  0,  .125); } 
.btn-lg { padding: 10px 1pc; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } 
.btn-block { display: block; width: 100%; } 
.input-group { position: relative; display: table; border-collapse: separate; } 
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } 
.input-group-btn, .input-group .form-control { display: table-cell; } 
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } 
.input-group .form-control: first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } 
.input-group-btn: last-child > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } 
.input-group-btn { font-size: 0; white-space: nowrap; } 
.input-group-btn, .input-group-btn > .btn { position: relative; } 
.input-group-btn > .btn:hover, .input-group-btn > .btn: focus, .input-group-btn > .btn: active { z-index: 2; } 
.input-group-btn: last-child > .btn { z-index: 2; margin-left: -1px; } 
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } 
.breadcrumb > li { display: inline-block; } 
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; } 
.breadcrumb > .active { color: #777777; } 
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } 
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } 
.embed-responsive iframe { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } 
.embed-responsive-16by9 { padding-bottom: 56.25%; } 
.embed-responsive-4by3 { padding-bottom: 75%; } 
.clearfix: before, .clearfix: after, .container: before, .container: after, .row: before, .row: after { content: " "; display: table; } 
.clearfix: after, .container: after, .row: after { clear: both; } 
.hidden { display: none !important; } 
ol, ul, li { margin: 0; padding: 0; } 
.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; overflow: hidden; } 
:: -moz-selection { background: #7DAF26; color: #FFF; text-shadow: none; } 
:: selection { background: #7DAF26; color: #FFF; text-shadow: none; } 
:: -moz-selection { background: #7DAF26; color: #FFF; text-shadow: none; } 
:: -webkit-selection { background: #7DAF26; color: #FFF; text-shadow: none; } 
:active, :focus { outline: none !important; } 


a { text-decoration: none !important; color: #7DAF26; } 
a:hover { color: #222; } 
a img { border: none; } 
img { max-width: 100%; } 

iframe { border: none !important; } 

h1, h2, h3, h4 { color: #444; font-weight: 600; line-height: 1.5; margin: 0 0 20px; font-family: Open Sans, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; } 
h2, h3 { font-weight: 300; } 
h1 { font-size: 36px; } 
h2 { font-size: 30px; } 
h3 { font-size: 28px; } 
h4 { font-size: 18px; } 
h2.larger { font-size: 36px; } 
p.larger { font-size: 15.4px; } 
h4 { font-weight: 600; } 
h1 > span: not(.nocolor): not(.nobr), h2 > span: not(.nocolor): not(.nobr), h3 > span: not(.nocolor): not(.nobr), h4 > span: not(.nocolor): not(.nobr) { color: #7DAF26; } 
p, ul, ol, blockquote, form { margin-bottom: 30px; } 
small { font-family: Open Sans, sans-serif; } 
.t400 { font-weight: 400 !important; } 
.t500 { font-weight: 500 !important; } 
p.lighter, span.lighter { color: #888888; } 
#wrapper { position: relative; float: none; width: 915pt; margin: 0 auto; background-color: #FFF; box-shadow: 0 0 10px rgba(0,  0,  0,  .1); -moz-box-shadow: 0 0 10px rgba(0,  0,  0,  .1); -webkit-box-shadow: 0 0 10px rgba(0,  0,  0,  .1); } 
span.nobr { white-space: nowrap; } 
a.bold-link { font-family: Montserrat, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 13px; letter-spacing: .05em; color: #444; margin: 20px 0; } 
a.bold-link:hover { color: #7DAF26; } 
a.bold-link:hover i { -webkit-transform: translateX(8px); -ms-transform: translateX(8px); transform: translateX(8px); } 
a.bold-link i { margin-left: 20px; vertical-align: middle; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease,  -webkit-transform .2s ease; } 
a.bold-link h4 { font-family: Montserrat, sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1pc; letter-spacing: .05em; } 
a.bold-link h4 i { margin-left: 10px; display: inline; font-size: 14px; } 
.tright { text-align: right !important; } 
.ovisible { overflow: visible !important; } 
.line { clear: both; position: relative; width: 100%; margin: 50px 0; border-top: 1px solid #EEE; } 
.allmargin { margin: 50px !important; } 
.topmargin { margin-top: 50px !important; } 
.bottommargin { margin-bottom: 50px !important; } 
.topmargin-sm { margin-top: 30px !important; } 
.bottommargin-sm { margin-bottom: 30px !important; } 
.allmargin-lg { margin: 5pc !important; } 
.nomargin { margin: 0 !important; } 
.notopmargin { margin-top: 0 !important; } 
.nobottommargin { margin-bottom: 0 !important; } 
.toppadding-sm { padding-top: 30px !important; } 
.toppadding-lg { padding-top: 5pc !important; } 
.bottompadding-lg { padding-bottom: 5pc !important; } 
.nopadding { padding: 0 !important; } 
.notoppadding { padding-top: 0 !important; } 
.nobottompadding { padding-bottom: 0 !important; } 
.noborder { border: none !important; } 
.notopborder { border-top: none !important; } 
.nobottomborder { border-bottom: none !important; } 
.col-padding { padding: 60px; } 
.nopadding { padding: 0 !important; } 
.notoppadding { padding-top: 0 !important; } 
.nobottompadding { padding-bottom: 0 !important; } 
.hidden { display: none !important; } 
.center { text-align: center !important; } 
.divcenter { position: relative !important; float: none !important; margin-left: auto !important; margin-right: auto !important; } 
.nobg { background: none !important; } 
.section { position: relative; margin: 60px 0; padding: 60px 0; background-color: #F9F9F9; } 
.section .container { z-index: 2; } 
.parallax { background-color: transparent; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; } 
.col_full { width: 100%; } 
.col_half { width: 48%; } 
.col_one_third { width: 30.63%; } 
.col_two_third { width: 65.33%; } 
.col_one_fourth { width: 22%; } 
.col_one_fifth { width: 16.8%; } 
.col_two_fifth { width: 37.6%; } 
.col_three_fifth { width: 58.4%; } 
.col_four_fifth { width: 79.2%; } 
.col_full, .col_half, .col_one_third, .col_two_third, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth { display: block; position: relative; margin-right: 4%; margin-bottom: 50px; float: left; } 
.col_full { clear: both; float: none; margin-right: 0; } 
.col_last { margin-right: 0 !important; clear: right; } 
.one-page-arrow { position: absolute; z-index: 10; bottom: 20px; left: 50%; margin-left: -1pc; width: 2pc; height: 2pc; font-size: 2pc; text-align: center; color: #222; } 
.shop { margin: -40px 0; } 
.shop, .product, .shop .product { position: relative; } 
.shop .product { float: left; padding: 0 20px 20px 0; width: 25%; max-height: 442px; } 
.product-image { position: relative; width: 100%; height: auto; overflow: hidden; } 
.product-image img { display: block; width: 100%; height: 100%; } 
.product-desc { padding: 15px 0; font-size: 14px; } 
.product-title { margin-bottom: 7px; } 
.product-title h3 { margin: 0; font-size: 20px; } 
.product-title h3 a { color: #333; } 
.product-title h3 a:hover { color: #7DAF26; } 
.shop.product-3 .product-desc h3 { font-weight: 500; } 
.shop.product-3 .product-size { font-size: 13px; } 
.shop.product-3 .product-size i { margin-right: 10px; } 
.shop.product-3 .product-use { min-height: 90px; } 
.shop.product-3 .product-use i { width: 2pc !important; height: 2pc !important; line-height: 2pc !important; font-size: 1pc !important; margin: 13px 5px 0 !important; } 
.i-circled:hover.bcf-lawn { background-color: #ABC12A !important; } 
.i-circled:hover.bcf-pot-plant { background-color: #709F1F !important; } 
.i-circled:hover.bcf-citrus { background-color: #F8D01C !important; color: initial !important; } 
.i-circled:hover.bcf-tree { background-color: #377438 !important; } 
.i-circled:hover.bcf-carrot { background-color: #F59023 !important; } 
.i-circled:hover.bcf-australia { background-color: #D03502 !important; } 
.i-circled:hover.bcf-flower { background-color: #D84C81 !important; } 
.i-circled:hover.bcf-spade { background-color: #83542B !important; } 
.i-circled:hover.bcf-waterwise { background-color: #4A90E2 !important; } 
.shop.product-3 { margin: -60px 0; } 
.product-3 .product { padding: 0 30px 30px 0; width: 33.33333333%; } 
.product .product-image, .product .product-image img { height: auto; } 
.button { display: inline-block; position: relative; cursor: pointer; outline: none; white-space: nowrap; margin: 5px; line-height: 1.2em; padding: 11px 27px; font-size: 1pc; background-color: #7DAF26; color: #FFF; border: none; font-weight: 600; -webkit-font-smoothing: antialiased; } 
body: not(.device-touch) .button { transition: all .2s ease-in-out; } 
.button-dark { background-color: #444; } 
.button:hover { background-color: #444; color: #FFF; text-shadow: 1px 1px 1px rgba(0,  0,  0, 0.2); } 
.button.button-large { padding: 11px 26px; font-size: 1pc; white-space: normal; } 
.button i { position: relative; top: 1px; margin-right: 5px; width: 1pc; text-align: center; } 
.button.tright i { margin: 0 0 0 5px; } 
.button.button-rounded { border-radius: 3px; } 
.button.button-border { border: 2px solid #444; background-color: transparent; color: #333; font-weight: 600; text-shadow: none; } 
.button.button-border-thin { border-width: 1px;  } 
.button.button-border: not(.button-fill):hover { background-color: #444; color: #FFF; border-color: transparent !important; text-shadow: 1px 1px 1px rgba(0,  0,  0,  .2); } 
.button.button-full { display: block !important; white-space: normal; margin: 0; height: auto; padding: 30px 0; font-size: 30px; font-weight: 300; text-transform: none; border-radius: 0; text-shadow: 1px 1px 1px rgba(0,  0,  0,  .1); } 
.button.button-circle { border-radius: 20px; } 
.button.button-large.button-circle { border-radius: 23px; } 
.button-secondary { background-color: #2E68AC; } 
.feature-box { position: relative; margin-top: 20px; padding: 0 0 0 5pc; } 
.feature-box: first-child { margin-top: 0; } 
.feature-box h3 { font-size: 1pc; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; color: #333; } 
.feature-box p { margin: 8px 0 0; color: #999; } 
.feature-box h3 span.subtitle { display: block; margin-top: 5px; color: #444; font-weight: 300; text-transform: none; } 
.feature-box.media-box { padding: 0; } 
.feature-box.media-box .fbox-media { margin: 0 0 25px; } 
.feature-box.media-box .fbox-media, .feature-box.media-box .fbox-media a, .feature-box.media-box .fbox-media img { position: relative; display: block; width: 100%; height: auto; } 
.feature-box.media-box p { margin-top: 17px; } 
.i-plain, .i-circled { display: block; float: left; margin: 4px 11px 7px 0; text-align: center !important; font-size: 28px; color: #FFF; text-shadow: 1px 1px 1px rgba(0,  0,  0,  .3); cursor: pointer; font-style: normal; } 
body: not(.device-touch) .i-plain, body: not(.device-touch) .i-circled { transition: all .3s ease; } 
.i-circled { width: 52px !important; height: 52px !important; line-height: 52px !important; background-color: #444; border-radius: 3px; } 
.i-plain { width: 36px !important; height: 36px !important; font-size: 28px; line-height: 36px !important; color: #444; text-shadow: 1px 1px 1px #FFF; } 
.i-plain:hover { color: #777; } 
.i-circled { border-radius: 50%; } 
.i-light { background-color: #F5F5F5; color: #444; text-shadow: none; } 
.i-circled:hover { background-color: #7DAF26; color: #FFF; } 
.i-xlarge.i-plain { margin: 4px 11px 7px 0; font-size: 56px; } 
.i-xlarge.i-plain { width: 4pc !important; height: 4pc !important; font-size: 65px; line-height: 4pc !important; } 
.clients-grid { list-style: none; overflow: hidden; } 
.clients-grid li { float: left; position: relative; width: 20%; padding: 20px 0; -webkit-backface-visibility: hidden; } 
.clients-grid.grid-2 li { width: 50%; padding: 25px 0; } 
.clients-grid.grid-4 li { width: 25%; } 
.clients-grid li a { opacity: .6; } 
.clients-grid li a:hover { opacity: 1; } 
body: not(.device-touch) .clients-grid li a { transition: all .5s ease; } 
.clients-grid li a, .clients-grid li img { display: block; width: 75%; margin-left: auto; margin-right: auto; } 
.clients-grid li a img { width: 100%; } 
.clients-grid li: before, .clients-grid li: after { content: ''; position: absolute; } 
.team, .team-image { position: relative; } 
.team-image > a, .team-image img { display: block; width: 100%; } 
.team-desc { text-align: center; } 
.team-title { position: relative; padding-top: 20px; } 
.team-title h4 { display: block; margin-bottom: 0; font-size: 20px; letter-spacing: 0; text-transform: none; font-weight: 300; } 
.title-block { margin-bottom: 30px; } 
.title-block h2, .title-block h3 { margin-bottom: 0; } 
.title-block > span { display: block; margin-top: 4px; color: #555; font-weight: 300; } 
.title-block h2 + span { font-size: 19px; } 
.heading-block { margin-bottom: 50px; } 
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 { margin-bottom: 0; font-weight: 700; color: #333; } 
.heading-block h1 { font-size: 2pc; } 
.heading-block h2 { font-size: 30px; } 
.heading-block h3 { font-size: 26px; } 
.heading-block h4 { font-size: 20px; font-weight: 700; } 
.heading-block > span: not(.before-heading) { display: block; margin-top: 10px; font-weight: 300; color: #777; } 
.heading-block .before-heading { margin-bottom: 7px; } 
.heading-block h1 + span { font-size: 24px; } 
.heading-block h3 + span { font-size: 20px; } 
.heading-block ~ p: not(.lead) { font-size: 15px; } 
.heading-block.nobottomborder: after { display: none; } 
.fancy-title { position: relative; margin-bottom: 30px; } 
.fancy-title h4 { position: relative; display: inline-block; background-color: #FFF; padding-right: 15px; margin-bottom: 0; } 
.fancy-title h4 { padding-right: 10px; } 
.fancy-title.title-bottom-border h4 { display: block; background: transparent; padding: 0 0 10px; border-bottom: 2px solid #7DAF26; } 
.before-heading { display: block; margin: 0 0 5px; font-size: 1pc; font-family: Open Sans, sans-serif; font-style: italic; font-weight: 400; color: #999; } 
.center { text-align: center; } 
.bh-sl-loc-list ul { display: block; clear: left; width: 100%; list-style: none; margin: 0; padding: 0; } 
.bh-sl-pagination-container { clear: both; } 
.sm-form-control { display: block; } 
.sm-form-control { width: 100%; height: 38px; padding: 8px 14px; font-size: 15px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 0 !important; transition: border-color ease-in-out .15s; } 
.sm-form-control: focus { border-color: #AAA; outline: 0; box-shadow: none; } 
.sm-form-control:: -moz-placeholder { color: #999; opacity: 1; } 
.sm-form-control: -ms-input-placeholder { color: #999; } 
.sm-form-control:: -webkit-input-placeholder { color: #999; } 
/* .sm-form-control { height: auto; }  */
.form-control { border-radius: 3px; } 
.form-control: active, .form-control: focus { border-color: #999; box-shadow: none; } 
label { display: inline-block; font-size: 13px; font-weight: 700; font-family: Open Sans, sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #555; margin-bottom: 10px; cursor: pointer; } 
form .col_full, form .col_half { margin-bottom: 25px; } 
blockquote p { margin-bottom: 15px; } 
.form-process { display: block; width: 100%; height: 100%; background: url(https://mc.kinetic.co/baileys/images/preloader.gif) center center no-repeat #FFF; } 
.form-process { display: none; position: absolute; z-index: 3; background-color: rgba(255,  255,  255,  .7); } 
.widget { position: relative; margin-top: 50px; } 
.dark-bg-2: before { content: '\A'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; } 
.dark-bg-2: before { background: rgba(0,  0,  0,  .5); } 
.dark-bg-3: before { content: '\A'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,  0,  0,  .7); display: block; } 
.input-group-btn > .btn { height: 34px; } 
.stretched #wrapper { width: 100%; margin: 0; box-shadow: none; } 
.dark, .dark h1, .dark h2, .dark h3, .dark a:hover { color: #EEE; } 
.one-page-arrow.dark { color: #FFF; } 
.dark a.bold-link { color: #EEE; } 
.dark a.bold-link:hover { color: rgba(255,  255,  255,  .8); } 
.dark .heading-block: not(.not-dark): after { border-top-color: rgba(255,  255,  255,  .4); } 
.dark .heading-block: not(.not-dark) { text-shadow: 1px 1px 1px rgba(0,  0,  0,  .1); } 
.dark .heading-block: not(.not-dark) h1, .dark .heading-block: not(.not-dark) h2, .dark .heading-block: not(.not-dark) h3 { color: #FFF; } 
.dark .heading-block: not(.not-dark) > span { color: #EEE; } 



.iconlist { padding-left: 0; margin-left: 1.75em; list-style-type: none; } 
.iconlist li { position: relative; } 
.iconlist > li [class^="icon-"]: first-child { position: absolute; left: -1.75em; width: 1.75em; text-align: center; top: 1px; width: 14px; } 
.icon-ok: before { content: "\e6c8"; } 
.icon-adjust: before { content: "\e6fa"; } 
.icon-chevron-right: before { content: "\e70b"; } 
.icon-caret-right: before { content: "\e77d"; } 
.icon-angle-down: before { content: "\e7a7"; } 
.bcf { font-family: baileys !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
.bcf-australia: before { content: "\e908"; } 
.bcf-carrot: before { content: "\e90d"; } 
.bcf-citrus: before { content: "\e90e"; } 
.bcf-flower: before { content: "\e913"; } 
.bcf-hand-grow: before { content: "\e915"; } 
.bcf-lab: before { content: "\e917"; } 
.bcf-lawn: before { content: "\e918"; } 
.bcf-packaging: before { content: "\e91e"; } 
.bcf-pot-plant: before { content: "\e924"; } 
.bcf-search-one: before { content: "\e925"; } 
.bcf-spade: before { content: "\e928"; } 
.bcf-tractor: before { content: "\e92b"; font-size: .8em; } 
.bcf-tree: before { content: "\e92c"; } 
.bcf-watering-can: before { content: "\e92e"; margin-left: -.2em; } 
.bcf-waterwise: before { content: "\e92f"; } 
.animated { opacity: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } 
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } 
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } 
button:: -moz-focus-inner { padding: 0; border: 0; } 

@media only screen and (min-width: 1200px) { 
	#wrapper { width: 750pt; } 
	.product { width: 220px; } 
	.product-image { height: 220px; } 
	.product-3 .product { width: 293px; } 
	.product-3 .product-image { height: 293px; } 
	.product-title h3 { font-size: 18px; } 
	.container { width: 1170px; }
}

@media only screen and (max-width: 1199px) { 
	#wrapper { width: 100%; margin: 0; box-shadow: none; } 
	.product { width: 226px; } 
	.product: not(.product-2): not(.product-3) .product-title h3 { font-size: 18px; } 
	.product-image { height: 301px; } 
	#shop.product-3 { margin: 0 -20px -20px 0; } 
	#shop.product-3 .product { width: 350px; margin: 0 20px 0 0; } 
	#shop.product-3 .product-image { height: 360px; } 
	.button.button-full { font-size: 22px; } 
	.button.button-full i { top: 3px !important; } 
} 




@media only screen and (max-width: 767px) { 
	body { padding: 0 !important; } 
	#wrapper { width: 100% !important; } 
	h1 { font-size: 28px; } 
	h2 { font-size: 24px; } 
	h3 { font-size: 22px; font-weight: 600; } 
	h4 { font-size: 20px; } 
	.center-xs { text-align: center !important; } 
	.one-page-arrow { display: none !important; } 
	.one-page-arrow { display: none !important; } 
	.flex-caption { display: none !important; } 
	.col_full, .col_half, .col_one_third, .col_two_third, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth { width: 100%; margin-right: 0; float: none; margin-bottom: 50px !important; padding: 0 15px; } 
	form .col_full, form .col_half { margin-bottom: 25px !important; } 
	.feature-box h3 span.subtitle { font-weight: 600; letter-spacing: 0; } 
	#page-title { padding: 20px 0 25px; text-align: center; } 
	#page-title h1 { font-size: 33px; font-weight: 400; } 
	#page-title span { display: none; } 
	#page-title .breadcrumb { position: relative !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 15px 0 0 !important; } 
	.title-block h2 + span { font-size: 17px; } 
	.heading-block h1 { font-size: 30px; } 
	.heading-block h1 + span { font-size: 20px; } 
	.heading-block h2 { font-size: 26px; } 
	.heading-block h3 { font-size: 22px; } 
	.heading-block h4 { font-size: 19px; } 
	.heading-block ~ p: not(.lead) { font-size: 15px; } 
	.heading-block h3 + span { font-size: 17px; } 

	#shop: not(.product-1) { margin: 0 -9pt -9pt 0; } 
	#shop: not(.product-1) .product { margin: 0 9pt 0 0; width: 214px; } 
	#shop: not(.product-1) .product-image { height: 220px; } 
	#shop: not(.product-1) .product-title h3 { font-size: 17px; } 
	.clients-grid: not(.grid-3): not(.grid-2) li, .clients-grid.grid-4 li { width: 33.33%; } 
	.button.button-full { font-size: 18px; font-weight: 600; } 
	.button.button-full i { top: 2px !important; margin-left: 3px !important; } 
} 

@media only screen and (max-width: 479px) { 
	#shop: not(.product-1) { margin: 0; } 
	#shop: not(.product-1) .product { margin: 0; width: 100%; } 
	#shop: not(.product-1) .product-image { height: auto; } 
	#shop: not(.product-1) .product-title h3 { font-size: 19px; } 
	.clients-grid: not(.grid-3): not(.grid-2) li, .clients-grid.grid-4 li { width: 50%; } 
	.button.button-full { font-size: 1pc; font-weight: 600; } 
	.button.button-full i { top: 2px !important; margin-left: 3px !important; } 
} 

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx), only screen and (min-resolution: 192dpi) { 
	.form-process { background-image: url('../images/preloader@2x.gif'); background-size: 24px 24px; } 
} 

.home-slider { overflow: visible !important; } 
.home-slider:after { display: block; content: ' '; overflow: visible; width: 100%; height: 9vw; bottom: -5.4vw; right: 0; position: absolute; background: url(../images/divider-green-1.svg) no-repeat center center; background-size: 110% 9vw; min-width: 500px; z-index: 5; } 

.ribbon-slider { overflow: visible !important; margin-bottom: 70px; } 
.ribbon-slider:after { display: block; content: ' '; overflow: visible; width: 100%; height: 9vw; bottom: -5.4vw; right: 0; position: absolute; background: url(../images/divider-green-1.svg) no-repeat center center; background-size: 110% 9vw; min-width: 500px; z-index: 5; } 

.ribbon-slider.blue-ribbon:after { background-image: url("../images/divider-blue-1.svg"); }



.butterfly-one { position: absolute; top: -10px; width: 180px; height: 160px; background: url('../images/butterfly1.png') no-repeat center / contain; margin-bottom: -50px; z-index: 20; } 
.butterfly-two { background: url('../images/butterfly2.png') no-repeat center / contain; height: 220px; margin-bottom: -50px; } 
.butterfly-three { position: absolute; background: transparent url('../images/butterfly3.png') no-repeat center / contain; height: 150px; top: 100px; right: -20px; width: 150px; z-index: 500; } 

.butterfly-divider-two { display: block; width: 250px; height: 250px; position: absolute; left: 70%; margin-top: -125px; background: transparent url('../images/butterfly2.png') no-repeat center / contain; z-index: 10; } 
.butterfly-divider-one:before { display: block; width: 250px; height: 250px; position: absolute; left: 0; margin-top: -125px; background: transparent url('../images/butterfly1.png') no-repeat center / contain; z-index: 1; } 

.left-darken { background: linear-gradient(to right,  rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 33%, transparent 67%, transparent 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6b000000',  endColorstr='#00000000', GradientType=1 ); } 
.panel-grid h2, .panel-grid h3, .panel-grid a, .panel-grid span { position: relative; } 
.panel-grid h2 { font-weight: 600; font-size: 38px; letter-spacing: -.04em; } 
.panel-grid h3 { font-weight: 700; font-size: 34px; letter-spacing: -.04em; } 
.panel-grid a.bold-link { font-size: 15px; } 
.panel-grid .heading-block { margin-top: 60px; margin-bottom: 30px; max-width: 400px; } 
.panel-grid .heading-block > span { font-size: 18px; -webkit-font-smoothing: antialiased; font-weight: 600; } 
.bgcolor-light { background-color: #ABC12A !important; } 
.flower-bg: before { display: block; content: ' '; overflow: visible; width: 100%; height: 100%; top: 0; right: 0; position: absolute; background: url(../images/flower.svg) no-repeat 80% center; background-size: 80%; } 
.iconlist > li i: first-child { position: absolute; left: -1.75em; width: 1.75em; text-align: center; top: 1px; width: 14px; } 

i.fa { margin-right: 10px; }

/*! CSS Used keyframes */
@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,  -100%,  0); transform: translate3d(0,  -100%,  0); } 100% { opacity: 1; -webkit-transform: none; transform: none; }  } 
@keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,  -100%,  0); transform: translate3d(0,  -100%,  0); } 100% { opacity: 1; -webkit-transform: none; transform: none; }  } 

h1>span:not(.nocolor):not(.nobr), h2>span:not(.nocolor):not(.nobr), h3>span:not(.nocolor):not(.nobr), h4>span:not(.nocolor):not(.nobr), h5>span:not(.nocolor):not(.nobr), h6>span:not(.nocolor):not(.nobr) { color: #7DAF26; }



	/* *************************************************************** */
	/* Products  */
	/* *************************************************************** */


		#contact { padding: 30px 0; }
		.form-group { margin: 0 !important; }

	/* *************************************************************** */
	/* RESPONSIVE MEDIA QUERIES
	/* *************************************************************** */

		
		@media only screen and (min-width: 1600px) {
/* 			.container { width: 1570px; } */
		}
		
		
		
		
		@media only screen and (max-width: 1400px) {
			#main_menu ul li a {  }
			.section_selector p { letter-spacing: 0; }
		}
		
		@media only screen and (max-width: 1300px) {
			#main_menu ul li.home { display: none; }
			.section_selector p { font-size: 12px; }
		}
		
		@media only screen and (max-width: 1200px) {

		}

		@media only screen and (max-width: 992px) {

		}
		
		@media only screen and (max-width: 850px){
			
			#top_header { display: none; }
			#pagewrap { margin-top: 130px; }
			#kinetic_navbar { z-index: 100; }
			#header { padding-left: 20vw; }
			
			#footer { background: #ccc; padding: 0; }
			
			.menu-toggle, .mobile_only { display: inherit; }
			#main_menu { position: absolute; padding: 10px; width: 100vw; display: none; right:0; top: 30px; background-color: white; z-index: 20; border-top: 2px solid #3068AA; border-bottom: 2px solid #3068AA; background-color: rgba(255, 255, 255, 0.9); }
			#main_menu p.h2 { font-family: 'OpenSansSemibold'; font-size: 22px; margin: 10px 0 0.1em; color: #3068AA; }
			#main_menu ul { text-align: left; padding-left: 10px; margin: 0; }
			#main_menu ul li { display: block; text-align: left; height: auto; }
			#main_menu ul li a { display: block; padding: 5px; }
			#main_menu ul li ul.dropdown-menu { position: relative; float: none; border: none; background: none; box-shadow: none; top: 0; left: 0;}
			#header_logo { width: 200px; padding: 10px 0; margin: 0 auto; }
			#kinetic_navbar { position: absolute; top: 10px; right: 0px; width: 55px; padding-right: 15px; }
			.menu-toggle { background-image: none; background-color: transparent; border: none; margin-right: 15px; }
			.menu-toggle .icon-bar { display: block; width: 32px; height: 3px; border-radius: 1px; background-color: #3068AA; margin: 3px 0 4px; }
			
			.home_caption { margin: auto 0; width: 90vw; }
			.home_caption h1 { font-size: 36px; line-height: 1.1em;	 }
			.overlay_mask div.overlay_content { padding: 15px; max-width: 100vw; }
			.img_dark_overlay { width: 100vw;  overflow: hidden; }
			
			#map_form { width: 100vw; left: 5px; }
			
			#submenu_wrap { display: flex;  }
			#submenu_container { color: white; background-color: black; width: 20%; text-align: center; padding: 5px 10px; }
			#submenu_toggle {}
			#submenu { position: absolute; z-index: 5; padding: 15px; background-color: black;  display: none; float: none; text-align: left; border-left: 1px solid white; border-right: 1px solid white; border-bottom: 1px solid white; }
			#submenu a { display: block; margin: 2px 0; color: white; }
			#header_section_selector { flex: 1; }
			
			.product_wrap { flex-basis: 48%; }
			.gardening_guide { flex-basis: 48%; }
			
		}
		
		@media only screen and (max-width: 767px) {
			
			.flex_row { display: block; }
			.common-height { display: block; }
			#product_list { display: flex; }
			.product_wrap { flex-basis: 100%;  }
			.product_img_wrap { height: auto;}
			.task_details { padding: 15px }
			.sticky_content, #sticky_content { position: relative; top: 0; }

		}

		@media only screen and (max-width: 640px) {
			
			#top_header { display: none; }
			.gardening_guide_items { display: block; }
			
		}

		@media only screen and (max-width: 400px) {

		}

/*
	residential green: #7EAF31; 
	commercial blue #3068AA
*/