@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,700');
@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}
html {
	font-size: 100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight:normal;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
a, a:link {
	text-decoration: none;
	outline: none;
}
figure{
	text-align:center;
	}
img {
	max-width:100%;
	height:auto;
}
p {
	padding: 2px 0;
}
.clear {
	clear: both;
}
body {
	margin: 0 !important;
	padding: 0;
	font-family: 'ArialRegular';
	color: #000;
	background:#fff;
}
header{width:100%; float:left;}
.top-head{padding:47px 0; width:100%; float:left; background:#f5f4ed;}
.sale-text{color:#9c9b97; font-family: 'ArialBold'; font-size:16px;}
.shop-text{text-align:right;}
.shop-text a{color:#fff; border-radius:50%; display:inline-block; margin-left:10px; line-height:50px; width:50px; background:#c6ccba; text-align:center;}
.shop-text a.bg2{background:#97a588;}
.shop-text a.bg3{background:#788a66;}
nav{background:#597044; text-align:center; line-height:80px; width:100%; float:left;}
header ul{}
header ul li{display:inline-block;}
header ul li a{font-size:20px; font-family: 'ArialBold'; color:#fff; text-transform:uppercase; padding:0 38px 0 0;}
header ul li a:hover{color:#ea0201;}
header ul li a.active{color:#ea0201;}
.navbar-collapse{justify-content:center;}
header ul li:last-child a{padding-right:0px;}

.slider-sec{width:100%; float:left; color:#fff;}

.products-sec{width:100%; float:left; padding:100px 0;}
.text-div{width:40%; margin:auto auto 45px; font-size:16px; line-height:25px; color:#959595; text-align:center;}
a.browsebtn{margin:auto; text-align:center; color:#fff; width:220px; line-height:60px; display:block; background:#ea0201; font-family:'Elephant'; font-size:20px;}
a.browsebtn:hover{background:#597044;}
.products-sec1{width:100%; float:left; padding:95px 0 0;}
.marg-bott-33{margin-bottom:33px;}
.image-div{position:relative;}
.image-text{position:absolute; width:100%; text-align:center; color:#fff; font-family:'Elephant'; font-size:40px; top:65px; display:block;}
.image-text a{color:#fff;}
.image-text1{position:absolute; width:75%; color:#fff; top:65px; left:50px; display:block;}
.image-text1 h3{font-family:'Elephant'; font-size:40px; line-height:63px; margin-bottom:40px;}
.image-text1 p{font-size:20px; line-height:34px; margin-bottom:40px; width:68%;}
a.browsebtn1{text-align:center; color:#fff; width:220px; line-height:60px; display:block; background:#00b754; font-family:'Elephant'; font-size:20px;}
a.browsebtn1:hover{background:#597044;}

.featured-sec{width:100%; float:left; text-align:center; padding-bottom:100px;}
.featured-sec h3{font-family:'Elephant'; font-size:40px; margin-bottom:60px;}
.slide-image{position:relative;}
.slide-image:hover .orderbtn{display:block;}
.orderbtn{position:absolute; width:100%; text-align:center; top:40%; display:none;}
.featured-sec p{margin:20px 0; font-family: 'ArialBold'; font-size:20px; line-height:34px; color:#366545;}
.featured-sec p a{color:#366545;}
del{color:#000;}
.featured-sec p span{color:#ea0201;}

.slick-slider{position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.slick-list{position: relative; overflow: hidden; display: block; margin: 0; padding:30px 0;}
.slick-list:focus{outline: none;}
.slick-loading .slick-list{background: white url(../images/ajax-loader.gif) center center no-repeat;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; left: 0; top: 0; display: block; zoom: 1;}
.slick-track:before, .slick-track:after{content: ""; display: table;}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide img.slick-loading{background: white url(../images/ajax-loader.gif) center center no-repeat; padding-bottom: 100%;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
/* Arrows */
.slick-prev, .slick-next{position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top:50%; margin-top: -10px; padding: 0; border: none;}
.slick-prev:focus, .slick-next:focus{outline: none;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: 0.25;}
.slick-prev:before, .slick-next:before{font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.slick-prev{left: 0; background:url(../images/prev.png) no-repeat center center rgba(0,0,0,0.5); width:18px; height:35px;}
.slick-next{right: 0; background:url(../images/next.png) no-repeat center center rgba(0,0,0,0.5); width:18px; height:35px;}
/* Dots */
.slick-slider{margin-bottom: 60px;}
.slick-dots{position: absolute; bottom: -45px; list-style: none; display: none !important; text-align: center; padding: 0px; width: 100%;}
.slick-dots li{position: relative; display: inline-block; height: 15px; width: 15px; margin: 0px 5px; padding: 0px;}
.slick-dots li a{display: block; height: 15px; width: 15px; background:#fff; outline: none; border-radius:50%; line-height: 0; font-size: 0; color: transparent; padding: 5px;}
.slick-dots li.slick-active a{background:#293158;}

.grocery-sec{width:100%; float:left; background:url(../images/grocerybg.jpg) top left no-repeat; background-size:cover; padding:100px 0;}
.grocery-div{width:65%; margin:auto;}
.grocery-div h3{font-family:'Elephant'; font-size:40px; margin-bottom:40px;}
.grocery-div p{font-size:20px; line-height:34px; margin-bottom:40px;}
.grocery-div input[type=email]{background:#000; border:none; padding-left:20px; color:#a3a3a3; line-height:64px; font-size:20px; width:75%; float:left;}
.grocery-div input[type=submit]{background:#00b754; border:none; color:#fff; line-height:64px; font-size:20px; width:25%; float:left; text-align:center; font-family: 'ArialBold'; font-size:20px; cursor:pointer; text-transform:uppercase;}
.grocery-div input[type=submit]:hover{background:#ea0201;}

.recentlyprodssec{width:100%; float:left; padding:100px 0; text-align:center;}
.recentlyprodssec h3{font-family:'Elephant'; font-size:40px; margin-bottom:40px;}
.recentlyprodssec p{margin:20px 0; font-family: 'ArialBold'; font-size:20px; line-height:34px; color:#366545;}
.recentlyprodssec p span{color:#ea0201;}
.recentlyprodssec p a{color:#366545;}
.orderbtn1{position:absolute; width:100%; text-align:center; top:30%; display:none;}
.slide-image:hover .orderbtn1{display:block;}
.marg-bott-60{margin-bottom:60px;}

.newsletter-sec{width:100%; float:left; padding-bottom:100px;}
.newsletter-div{width:70%; margin:auto; padding:100px; background:#f9faf4; border:#e8ead7 solid 3px; text-align:center;}
.newsletter-div h3{font-family:'Elephant'; font-size:40px; margin-bottom:40px;}
.newsletter-div p{margin:0 0 40px 0; font-size:18px; line-height:34px;}
.newsletter-div input[type=email]{border:none; padding-left:20px; color:#a3a3a3; line-height:64px; font-size:20px; width:65%; float:left;}
.newsletter-div input[type=submit]{background:#00b754; border:none; color:#fff; line-height:64px; font-size:20px; width:35%; float:left; text-align:center; font-family: 'ArialBold'; font-size:20px; cursor:pointer; text-transform:uppercase;}
.newsletter-div input[type=submit]:hover{background:#ea0201;}

footer{width:100%; float:left; background:#597044; padding:65px 0; color:#fff; font-size:16px;}
footer a{color:#fff;}
footer a:hover{color:#000;}
footer h3{text-transform:uppercase; margin-bottom:35px;}
footer a i{font-size:30px !important; margin-right:18px;}


/*===== BACK TO TOP =====*/

#back-to-top {
	position: fixed;
	bottom: 0;
	right: 20px;
	width: 100%;
	z-index: 999;
}
#back-to-top a {
	text-align: right;
	text-decoration: none;
	display: block;
	-moz-transition: color 1s;
	-webkit-transition: color 1s;
	-o-transition: color 1s;
}
#back-to-top a span {
	background: #d1d1d1;
	border-radius: 6px;
	display: block;
	margin-bottom: 5px;
	position: relative;
	top: 10px;
}

/* FONTS */

@font-face {
    font-family:'ArialRegular';
    src: url('../fonts/arial.eot');
    src: url('../fonts/arial.eot') format('embedded-opentype'),
         url('../fonts/arial.woff') format('woff'),
         url('../fonts/arial.ttf') format('truetype'),
         url('../fonts/arial.svg#ArialRegular') format('svg');
}
@font-face {
    font-family: 'ArialBold';
    src: url('../fonts/arialbd.eot');
    src: url('../fonts/arialbd.eot') format('embedded-opentype'),
         url('../fonts/arialbd.woff') format('woff'),
         url('../fonts/arialbd.ttf') format('truetype'),
         url('../fonts/arialbd.svg#ArialBold') format('svg');
}
@font-face {
    font-family:'Elephant';
    src: url('../fonts/Elephant.eot');
    src: url('../fonts/Elephant.eot') format('embedded-opentype'),
         url('../fonts/Elephant.woff2') format('woff2'),
         url('../fonts/Elephant.woff') format('woff'),
         url('../fonts/Elephant.ttf') format('truetype'),
         url('../fonts/Elephant.svg#Elephant') format('svg');
}
