/* Wormwigwam CSS Created by/--   Liakat / 30/10/2012  */

*{
	padding:0;
	margin:0;
}

/* FONT STYLE */
HTML, BODY {
    font-family:'OpenSansRegular', Arial, Verdana, Geneva,  helvetica, sans-serif;
    font-size:13px;
	background: url(../images/bg_repeat.jpg) repeat left top; 
}
INPUT, TEXTaREa, SELECT, BUTTON, label {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
	font-family:'OpenSansExtrabold', Tahoma, Geneva, sans-serif;
	color:#0570b3;
	font-style:normal;
	font-weight:normal;
}
/*FONT SIZE*/
h1 {
    font-size:24px;
}
h2 {
    font-size:21px;
}
h3 {
    font-size:18px;
}
h4 {
    font-size:16px;
}
h5{
    font-size:14px;
}
h6 {
    font-size:12px;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}
p{
	text-align:left;
	font-size:13px;
	line-height:18px;
	color:#414042;
}

/*COLOR*/
a {
    color: #009; 	/* BLaCK COLOR*/
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
img{
	border:0 none;
	outline:0 none;
}



/* start body content */
.container_wrapper{
	width:1000px;
	margin:0 auto;
}

/* header here */
.header_part{
	width:100%;
	height:auto;
	background: url(../images/header_bg.jpg) repeat-x left top;
	position:relative;
	z-index:2;
	border-top:10px solid #afb8aa;
	box-shadow:0 2px 4px #525252;
	-moz-box-shadow:0 2px 4px #525252;
	-webkit-box-shadow:0 2px 4px #525252;
	-o-box-shadow:0 2px 4px #525252;
}
.header_content{
	padding-bottom:0px;
}
.header_content .logo{
	width:420px;
	float:left;
	padding:10px 0;
}	
.header_content .header_right{

}
.top_link{
	width:200px;
	padding:3px 20px 0;
	height:40px;
	text-align:left;
	background:url(../images/top_link_bg.png) no-repeat;
}
.top_link a{
	padding:0 13px;
}

.phone_no{
	padding-top:0px;
	padding-bottom: 0px;
	text-align: center;
	
}
.phone_no h5{
	text-transform:uppercase;
	font-family:'OpenSansExtrabold', Tahoma, Geneva, sans-serif;
	
}
.phone_no h5 img{
	float:left;
	padding-right:20px;
}

/* menu here */
.menu_bg{
	background:url(../images/menu_bg.png) repeat-x;
	height:40px;
}

.top_menu{
	padding:0;
	margin:0;
}
ul.top_menu{
	padding:0;
	list-style:none;
	margin-top:2px;
}
ul.top_menu li{
	display:inline;
	line-height:38px;
}
ul.top_menu li a{
	float:left;
	display:block;
	font-size:12px;
	color:#000;
	text-align:center;
	text-decoration:none;
	outline:none;
	height:40px;
	padding:0 13px;
	margin-right:1px;
	text-transform:uppercase;
	font-family:'OpenSansExtrabold', Tahoma, Geneva, sans-serif;
}
ul.top_menu li a:hover, ul.top_menu li a.active{
	color:#FFF;
}


/* banner here */
.banner_part{
	padding:18px;
	background:#e8ebe6;
	margin-bottom:20px;
	box-shadow:0 0 3px #b3b3b3;
	-moz-box-shadow:0 0 3px #b3b3b3;
	-webkit-box-shadow:0 0 3px #b3b3b3;
	-o-box-shadow:0 0 3px #b3b3b3;
}

.composttea_banner{
	padding:0;
	margin:0;
	position:relative;
}
.banner_left_flag{
	position:absolute;
	bottom:0;
	left:-30px;
}
.banner_right_flag{
	position:absolute;
	bottom:0;
	right:-30px;
}


/* container here */
.container_part{
	padding:0;
	margin:0;
	z-index:1;
}
.cust-container{
	padding:0;
	margin:0;
	float:none;
}

/* left col */
.cust-container .left_col{
	width:620px;
	padding-right:40px;
	float:left;
	padding-top:20px;
}
.container_bd{
/*	padding-bottom:20px;*/
	margin-bottom:20px;
	background:url(../images/transperent_bg.png) repeat left top;
}
.container_hd{
	background:#f6f8f9;
	padding:2px 0 4px;
	padding-left:10px;
	border-left:10px solid #5eae53;
}
.container_bd h1{
	text-transform:uppercase;
	color:#0570b3;
	margin: 20px 0px !important;
}

.container_bd h3, .container_bd h4{
	text-transform:uppercase;
	color:#1c9b0a;
}

.container_bd_content{
	padding:20px;
}
.container_bd_sub_content{
	padding-top:20px;
	padding-bottom:20px;
}
.benefits_details_content{
	padding-right:20px;
	padding-top:10px;
}
.benefits_details_content img{
	float:left;
	width:220px;
	padding-right:40px;
}
.earth_specification_content{
	float:left;
	width:320px;
}
.earth_tea_content_img{
	float:left;
	width:220px;
	padding-right:20px;
}

.container_bd_content a{
	text-decoration:none;
	color:#0570b3;
	font-size:14px;
	padding-top:10px;
	display:block;
	text-align:left;
}
.container_bd_content a:hover{
	text-decoration:none;
	color:#000;
}

.container_bd p img{
	float:left;
	padding-right:20px;
	padding-bottom:10px;
}
.container_bd table{
	padding-top:10px;
}
/* right col */
.cust-container .right_col{
	width:280px;
	float:left;
	z-index:1px;
}

.container_bd ul{
	padding-left:18px;
	list-style:none;
	margin:0;
}
.container_bd ul li{
	list-style-image:url(../images/text_bullete.jpg);
/*	border-bottom:1px solid #d5d5d5;*/
	font-size:12px;
	color:#414042;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

.sustain_slogan{
	background:#929494;
	padding:20px 10px 15px;
	margin-bottom:20px;
}
.sustain_slogan h5{
	color:#FFF;
	text-transform:uppercase;
}

.faq_content_bd{
	float:left;
	padding:0 20px 20px 20px;
}

.faq_left_content{
	width:160px;
	padding-right:20px;
	float:left;
	padding-top:20px;
}
.faq_left_content h4{
	color:#489f34;
	padding-bottom:5px;
	padding-top:10px;
}
.faq_left_content span{
	color:#0CF;
	font-weight:bold;
	font-size:14px;
}
.faq_right_content{
	width:400px;
	float:left;
	padding-top:20px;
}
.faq_question_ans{
	padding:5px 0;
}


/* start footer */

.footer_part{
	background:#595e59;
	width:100%;
	padding-bottom:30px;
}
.footer_part_top{
	background:#afb8aa;
	height:10px;
	box-shadow:0 1px 3px #333;
	-moz-box-shadow:0 1px 3px #333;
	-webkit-box-shadow:0 1px 3px #333;
	-o-box-shadow:0 1px 3px #333;
	width:100%;
}

.footer_content{
	padding-top:15px;
	color:#a0a0a0;
}

.footer_text_left{
	color:#a0a0a0;
	float:left;
	font-size:11px;
}
.footer_text_left p{
	color:#a0a0a0;
	font-size:12px;
}
.footer_text_left p span{
	color:#a0a0a0;
}

.footer_text_left span{
	padding-top:5px;
}

.footer_text_right{
	float:right;
	text-align:right;
	color:#a0a0a0;
	font-size:12px;
	padding-top:5px;
}
.footer_text_right a{
	text-align:right;
	color:#a0a0a0;
	text-decoration:none;
}
.footer_text_right a:hover{
	color:#dedede;
	text-decoration:none;
}

/* end footer */
.clearfix{
	clear:both;
	float:none;
	line-height:0;
	font-size:0;
	height:0px;
}








/* New Styles for Mobile Redesign 

by Nate Johnson 3/12/2016 */


/* New Styles */
.box-shadow-menu {
  position: relative;
  padding-left: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: black;
  box-shadow: 
    0 0.25em 0 0 black,
    0 0.5em 0 0 black;
}

#final-menu li {margin: 10px 0px !important;}

#final-menu li a {padding: 5px 0px !important; font-size: 16px !important;}


.footer_part a {color:#91DF53 !important;}

.left-col {padding-top: 20px !important;}

body .header-wrapper {margin-bottom:10px !important;}

.body-container h3, .body-container h5 {margin:5px 0px !important;}

.composttea_banner img {width:100% !important; height: auto !important;}

.phone_no a {color:#0570b3 !important;}

.phone_no a:hover {color:#009 !important;}

body a:hover, body a:focus {text-decoration:none !important;}

#mobile_custom {
		display:none;
		font-family: 'OpenSansRegular', Arial, Verdana, Geneva, helvetica, sans-serif !important ;
	}


/* New Media Queries */


@media only screen and (max-width: 992px) {
		#skid-image {width:100% !important;}
	body .container {width:1000px !important; margin: 0 auto !important;}
}


@media only screen and (max-width: 1020px) {
	ul.top_menu li a {padding: 0px 10px !important;}
	body .container {width:100% !important;}
}

@media only screen and (max-width: 959px) {
	ul.top_menu li a {padding: 0px 8px !important;}

}
@media only screen and (max-width: 900px) {
	body .phone_no {padding-top:0px !important;}
	ul.top_menu li a {padding: 0px 5px !important;}
	.header_row .col-sm-9 {width:60% !important;}
	.header_row .col-sm-3 {width:40% !important;}
}


@media only screen and (max-width:850px) {
	body .top_menu  {display:none !important;}
	body #mobile_custom {display:block !important; width:60% !important; margin: 10px 20% !important;}

}

@media only screen and (max-width:767px) {
		.container_part img {padding-bottom:20px !important;}
		.benefits_details_content img {padding:20px 0px !important;}
		.earth_specification_content {width:100% !important;}
		.header_content .top_link {height: auto !important; padding: 15px !important; width:100% !important; background-image: none !important; text-align: center !important; background-color:#AFB8AA !important;}
		.header_content  .logo {width: 100% !important; float:none !important; text-align: center !important;}
		body .header_row .header_left.col-sm-9 {width:100% !important;}
		body .header_row .header_right.col-sm-3{width:100% !important; padding:0px !important; text-align: center !important;}
}

@media only screen and (max-width: 580px) {
		.container_hd {border-left:0px !important;}
		.about-row .about-col{padding:0px !important;}
		.container_part h1 {font-size: 22px !important;}
		.phone_no h3 {margin:0px !important; padding: 25px 0px 20px 0px !important; background-color:#E6EAED !important;}
		.header_content .logo img {width:100% !important;}
		.footer-row .col-sm-6 {text-align: center !important; padding: 10px 20px !important;}
		.footer_text_right, .footer_text_left {float:none !important;}
		.footer_text_left p, .footer_text-right p {text-align: center !important; padding-top:15px !important;}
}

@media only screen and (max-width:380px){
	.container_part img {width:100% !important; padding:20px 0px !important;}
		.benefits_details_content {padding:0px !important;}
		.earth_tea_content_img {padding-right:0px !important; padding-left:0px !important; width:100% !important;}

}