body {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	background: #ffffff;
	
}

ul { margin: 0px !important;  padding: 0px !important; }


h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	margin: 0px;
}
h1, h2 {
    font-size: 28px;    
    text-transform: capitalize;
     color:#333333; padding-bottom:20px;
     font-weight: 400;
     line-height: 30px;
}
label { font-weight: normal; }

h3 { font-family: 'Roboto', sans-serif; color:#33323a; padding-bottom: 20px;
 font-weight:600; font-size: 18px; line-height: 24px; }
h4 {
    color: #007a45;
    text-transform: uppercase;
     font-size: 18px; line-height: 24px; 
     font-weight: 600;
     margin-bottom: 0px;
}


.padding-top-30 {
	padding-top: 30px;
}
.padding-bottom-30 {
	padding-bottom: 30px;
}
.margin-bottom-30 {
	margin-bottom: 30px;
}
.padding-top-60 { padding-top: 60px; }
.padding-2 { padding-left: 2px; padding-right: 2px; }
.clear {
	clear: both;
}
ul, menu, dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}


.btn-border {
	background-color: transparent;	
	color: #4b4b4b;
	font-size: 16px;
	text-transform: capitalize;
	 border-radius: 30px;
	 display: inline-block;
	 line-height: 38px;
	 padding: 0px 20px;
	 text-decoration: none;
	 border:1px solid #4b4b4b;

}
.btn-border:hover {
	background-color: #4b4b4b;
	border:1px solid #4b4b4b;	
	color: #fff;
	text-decoration: none;
}


.btn-green {
	background-color: #6ba45f;	
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	 border-radius: 30px;
	 display: inline-block;
	 line-height: 38px;
	 padding: 0px 20px;
	 text-decoration: none;
	 border:0;

}
.btn-green:hover {
	background-color: #333333;	
	color: #fff;
	text-decoration: none;
}
/* top section */
.top-section { width: 100%; background: #fff; padding: 10px 0px; }
.white-bg { width: 100%; background: #fff; padding: 60px 0px; }
.logo { text-align: center;}
.steps-box { text-align: center;}

.steps-box h2 { font-size: 18px; font-weight: 600; padding: 15px 0px; }
.food-bg { background: #f5f3f4 url(../images/food-bg.jpg) no-repeat left top;  padding: 60px 0px;}
.gray-bg {
    width: 100%; background: #f5f5f5; padding: 60px 0px;
}
.mobile-img { text-align: center;}
.mobile-text { padding-top: 130px; }
.mobile-text h3 {
    font-size: 22px;
    line-height: 30px;
    color: #6ba45f;
}
.mobile-text h2 { font-size: 46px; line-height: 46px; }
.mobile-text p { font-size: 16px; padding-bottom: 20px;}

.only-img { background: #fff url(../images/features-top-img.jpg) no-repeat right bottom; 
	
 padding: 60px 0px 0px 0px;}

/* footer top */
.deep-bg { background: url(../images/order-bg.jpg) no-repeat left top; background-size: cover; 
 padding: 60px 0px 0px 0px;}
.deep-bg h2 { color: #fff; }
.deep-bg p { color: #ccc; padding-bottom: 30px; }
.img-right { position: absolute; right:0px; }

.social-footer {	
	width: 100%;	
}
.social-footer ul {
	text-align: right;
}
.social-footer li {
	list-style: none;
	width: 28px;
	height: 28px;
	display: inline-block;
	margin-left: 3px;
}
.social-footer a { text-decoration: none;} 
.twitter a, .facebook a, .gplus a, .linkedin a {
	background: url(../images/social.png) no-repeat;
	width: 28px;
	height: 28px;
}
.twitter a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: 0px 0px;
}
.twitter a:hover {
	width: 28px;
	height: 28px;
	background-position: 0px -28px;
}
.facebook a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: -28px 0px;
}
.facebook a:hover {
	width: 28px;
	height: 28px;
	background-position: -28px -28px;
}
.gplus a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: -56px 0px;
}
.gplus a:hover {
	width: 28px;
	height: 28px;
	background-position: -56px -28px;
}
.linkedin a {
	width: 28px;
	height: 28px;
	display: block;
	background-position: -84px 0px;
}
.linkedin a:hover {
	width: 28px;
	height: 28px;
	background-position: -84px -28px;
}
.footer-bottom {
    background: #161616 none repeat scroll 0 0;
    padding: 30px 0;
} 
.copywrite { padding: 5px 0px; }
.app li { list-style: none; padding-right: 20px; display: inline-block;   }
.app li:last-child { padding-bottom: 0px; }
.app a { display: block; text-decoration: none; 
}
.item img { border:1px solid #fff;}

 
/* ================= Responsive ====================== */

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

	.steps-box { padding-bottom: 20px; }
	.only-img { background: none; }
	.mobile-text { padding: 20px 0px 60px 0px; text-align: center; }
	.mobile-center { text-align: center; }
	.copywrite { text-align: center; }
	.social-footer ul { text-align: center;}
	.copywrite { padding-bottom: 20px; }
	.food-bg { background-position: -200px; }

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

	.food-bg { background: #f5f3f4; }
	

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

	.app li { list-style: none; padding-right: 0px; display: inline-block; padding-bottom: 20px; text-align: center;   }
	.app li:last-child { padding-bottom: 0px; padding-right: 0px; }

	}