@charset "utf-8";
/* CSS Document */


.bd_color {
	height: 106px;
	background-color: #ff0000;
}
#logo{
	margin-top:0px;
}
.nav-color a{
	color:white!important;
	font-size:20px;
	text-decoration: none !important;
	font-family: 'Merriweather Sans', sans-serif;
	margin-left:15px;
	
}
.nav-color a:hover{
	font-weight: bold !important;
	color:white !important;
}
.navbar-light{
	background-color: #ff0000!important;

}
#nav-items{
	margin-left:210px;
}


.fa-search{
	z-index: 99;
	margin-left: -20px;
	
}


.dropdown-menu{
	
	font-size:20px!important;
	color:#ff0000!important;
}
.navitem-color a{
	color:black!important;
}
.navitem-color a:hover{
	color:#ff0000 !important;
	background-color:transparent;
}
.dropdown-item:hover{
	
	color:black!important;
	
}

.slideshow-container {
  max-width: 1300px;
  position: relative;
  margin: auto;
}
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.div-height  .active {
  background-color: #717171;
}
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5s;
  animation-name: fade;
  animation-duration:5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.sub-title{
	color:#4A4A4A;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin-top: 20px;
}
.bank{
	margin-top:27px;
	text-align:center;
}
.img-effect:hover{
	box-shadow:  0 0 10px 5px #bdbdbd;
      -moz-box-shadow: 0 0 10px  5px #bdbdbd;
      -webkit-box-shadow: 0 0 10px 5px #bdbdbd;
      -o-box-shadow: 0 0 10px 5px #bdbdbd;
}
.div-items{

	float:left;
	text-align: center;
	margin-top: 20px;
	
}
.imgs{
		border:3px solid #ff0000;
}
.imgs:hover{
	box-shadow:  2px 2px #ff8585;
	transform: scale(0.9);
}


.btns{
	text-decoration: none;
	background-color: #ff8585;

	border:none;
	border-radius:15px;
	width:200px;
	margin-top: 20px;
	margin-bottom:20px;
	
	
}
.btns:hover{
	box-shadow: 3px 3px #bdbdbd; 
}
.btn-name{
	color:black !important;
	text-align: center;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:20px;
}
.img-prm{
	
	margin-top:25px;
}
.btn-align{
	position:relative;
	left:172px;
}
.images-div{
	margin-top: 25px;
}
.btn-align2{
	margin-left: 38px;
}
.slider2{
	margin-top: 25px;
}
#footer-img{
	position:relative;
	top:46px;
	left:522px;
}
.text{
	width:49%;
	font-size:20px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	float:left;
	height:70px;
	color:#666666;
}
.nav-icons{
	width:49%;
	float:left;
	font-size: 20px;
	height: 70px;
	
	
}
.fab{
	color:#666666;
	position:relative;
	left:542px;
}
.insta:hover{
	color:#8A2BE2;
}
.fb:hover{
	color:#00008B;
}
.twitter:hover{
	color:#00BFFF;
}
#tag-line {
	font-size:20px;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	position:relative;
	top:41px;
	left:556px;
	color:#666666;
}
.footer-nav li{
	text-decoration:none;
	display:inline-block;
	position:relative;
	top:48px;
	left:332px;
	margin-left: 24px;
}
.footer-nav a{
	text-decoration: none;
	color:#666666;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size:20px;
	
}

#head1{
	color:#4A4A4A;
	text-align: center;
	margin-top:20px;
}
	
.line{
	margin-bottom: 20px;
	border-bottom: thin solid #DCDCDC;
}
.accordion {
  background-color:#E06264;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
	margin-top:10px;
}


.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.panel ul li{
	text-decoration: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	list-style-type: none;
}
.nmbr-color{
	color:#ff0000;
}
.sng-div{
	background-color:#FBFCFC ;
	height:370px;
}
.sng-img{
	margin-left: 40px;
	margin-top:20px;
}


.price {
	margin-top:68px;
	margin-left:19px;
	
}
.price select{
	width:200px
}
.offer p{
	text-align: center;
	color:#ff0000;
	font-weight: bold;
}
.sng-div:hover{
	 box-shadow:  0 0 10px 5px #bdbdbd;
      -moz-box-shadow: 0 0 10px  5px #bdbdbd;
      -webkit-box-shadow: 0 0 10px 5px #bdbdbd;
      -o-box-shadow: 0 0 10px 5px #bdbdbd;
}
.price option span{
	margin-left: 5px;
}
.name{
	margin-left: 45px;
	margin-top: 20px;
}
#fruits h4{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: #676767;
	text-align: center;
	text-decoration-line: underline;
	margin-top: 20px;
}
#vegetables h4{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: #676767;
	text-align: center;
	text-decoration-line: underline;
	margin-top: 20px;
}
#staples h4{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: #676767;
	text-align: center;
	text-decoration-line: underline;
	margin-top: 20px;
}
#atta h4{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: #676767;
	text-align: center;
	text-decoration-line: underline;
	margin-top: 20px;
}
#herbs h4{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 30px;
	color: #676767;
	text-align: center;
	text-decoration-line: underline;
	margin-top: 20px;
}
input[type=text] {
  width: 130px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 50px;
  font-size: 16px;
  background-color: white;
  background-image: url( "../images/search.png");
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
  width: 100%;
}
#search-bar{
	margin-left: 131px;
	width:34%;
}
.accordion:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.panel .active:after {
  content: "\2212";
}