/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 
  
body {
	 font-family: "Open Sans", sans-serif;
	font-size: 14px;
	color:#808080;
	background-color: #fff;
	font-weight: 400;
  line-height: 1.33;
    font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}  
    
p
{ 
 margin-bottom: 20px;
  padding: 0px;
font-weight: 400;
color: #747474;
line-height: 1.45;
font-size: 14px;
}

span 
{
    font-weight: 400;
color: #747474;
line-height: 1.45;
font-size: 14px;
}

h1, h2, h3, h4, h5, h6 
{

  margin-bottom: 0rem !important;
	color:#878787;
	line-height: 1em;
	font-weight:400;
}

h1 {
  
  margin-bottom:1rem !important;
    color: #878787;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.41;
  font-style: normal;
}

h2 {
  font-size:40px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

a 
{
  color: #747474;
	text-decoration: none;
    transition: all 0.4s;
}

a:hover 
{
  color: #a8a8a8;
  text-decoration: none; 
}

.btn-primary {
  background-color: #242424;
  border: 1px solid #000000; }

.btn-primary:hover {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 36, 36, 0.5); }

.paddl0 {
  padding-left: 0px; }

.paddr0 {
  padding-right: 0px; }

.paddlr0 {
  padding-left: 0px;
  padding-right: 0px; }

.row-padd-t {
  padding-top: 30px; }

.row-padd-b {
  padding-bottom: 30px; }

.row-padd-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

img 
{
    max-width:100%;
    height:auto;
}
.btn-check:focus + .btn, .btn:focus 
{
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.0) !important;
}
 
/* commen css */

.top-div
{
   padding-top: 2%;
  padding-bottom:2%;
}

.navigation-bar
{
    padding-bottom:2.4%;
}

.navbar-light .navbar-nav .nav-link 
{
    font-size: 18px;
    font-weight: 400;
  text-transform: none;
   color: #8DC5BC !important;
    transition: color calc(300 * 1ms) cubic-bezier(.42,.01,.58,1),background-color calc(300 * 1ms) cubic-bezier(.42,.01,.58,1);
    transition-timing-function: cubic-bezier(.42,.01,.58,1);
    text-transform: uppercase;
}  
 
.navbar-light .navbar-nav .nav-link:hover
{
    color: #71a298 !important;
}

 .navbar-expand-md .navbar-nav .nav-link 
{
    padding-right: 16px;
    padding-left: 16px;
  }


.dropdown-menu 
{
    border: none!important;
    background-color: #fff!important;
    border-radius: 0px!important;
    padding-top: 0px!important;
    padding: 0rem 0rem; 
}

.dropdown-item
{
    color: #8dc5bc !important;
    font-size: 12px;
    font-weight: 400;
    background-color: #fff!important;
    text-transform: uppercase;
    padding: .10rem .5rem;
} 

.dropdown-item:hover,.dropdown-item:focus
{
    color: #71a298 !important;
    background-color: #fff!important;
}

.breadcrumb-box .breadcrumb-item a, .breadcrumb-box .breadcrumb-item 
{
    color: #71a298!important;
    font-size: 12px!important;
    text-align: right;
    text-transform: capitalize;
     transition: all 0.4s;
}
   
.breadcrumb-box .home-link
{
    font-size: 15px!important;  
}

.breadcrumb-box .breadcrumb-item a:hover
{
    color: #8dc5bc !important;
}

 
/*
.breadcrumb-box
{
    float: right!important;
}
*/
#openSearchBtn.btn-light
{ 
    color:#6c757d !important; 
    background-color: transparent!important;
  border: none !important;
}   
  
.category-head
{
   transition-property: color,background-color,border-color;
  transition-duration: .2s;
  transition-timing-function: linear;
    text-transform: uppercase;
  font-size: 16px;
    color: #71a298;
    font-weight: 400;
  line-height: 1.33;
    font-style: normal;
padding-bottom: 5px!important;
    padding-top: 5px;
    text-align: center;
}

.category-head:hover
{
    color: #a8a8a8;
}

footer
{
   margin-top: 2%;
  margin-bottom:6%;
}

footer a i
{
   color: #9ea0a4;
  font-size:17px;
    transition: all 0.4s;
    text-decoration: none;
}

footer a i:hover
{
    opacity: .8;
}

.copyright-text
{
    font-size: 11px;
    color: #747474;
    line-height: 1.45;
}

.footer-text a
{
      transition: all 0.4s; 
    color: #747474!important;
    font-size: 13px;
    text-transform: uppercase;
}

.footer-text a:hover
{
color: #a8a8a8!important;
} 

.footer-text .footer-end-link
{
    text-transform: capitalize!important;
}

.h1-head
{
    line-height: 1.45;
    font-size: 13px;
    font-weight:700;
    font-style: normal;
    color: #999999;
}
 
.discription-box
{
    color: #808080;
    font-size: 14px;
     font-style: normal;
    line-height: 1.45;
    padding-top:2%;
}


.discription-box a
{
    text-decoration: underline;
}


.product-title a
{
    color: #747474!important;
    transition-property: color,background-color,border-color;
  transition-duration: .2s;
  transition-timing-function: linear;
    font-size: 15px;
    font-weight: 400;
  line-height: 1.33;
    font-style: normal;
     transition: all 0.4s; 
    display: block;
  text-align: center;
  margin-top:5px;
    margin-bottom: 1px;
}

.product-title a:hover
{
  color: #a8a8a8!important;
}

.Price-currencyclass
{
    font-size: 16px;
  color: #a8a8a8;
  text-transform: uppercase;
  text-align: center;
  display: block;
} 

.product-images
{
    position: relative;
}
 
.soldout {
  padding: 5px 3px;
  border-radius: 50px;
  text-align: center;
  background: #738D87;
  color:#fff;
  font-weight: bold;
  position: absolute;
  bottom: 6px;
  left: 6px;
  font-size: 8px;
}
  

.pagination-div
{
    margin-top:7%; 
}

.page-link
{
    padding: 2px 6px 2px 6px;
      font-size: 12px;
    border: 1px solid #e2e2e2;
    color: #747474!important;
    transition: all 0.4s;
    background-color: #fff!important;
    margin-left:4px !important;
  margin-right:4px !important;
}
.page-link:hover
{
    color: #a8a8a8!important;
} 
.page-item.active .page-link
{
    background-color: #a8a8a8!important;
    border-color: #a8a8a8!important;
    color: #fff!important;
}

.page-link:focus
{
  z-index: 3;
  color: #fff!important;
  background-color:#e7e7e7!important;
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.0)!important;
}

.page-link1
{
    border: none!important;
    border-radius: 0px!important;
}
.page-link1:focus
{
   background-color:#fff!important;
   color: #a8a8a8!important;
}

.btn-back-to-top {
  position: fixed;
  color: #333;
  z-index: 1200;
  right: 20px;
  bottom:0px;
  -webkit-transition: .7s;
  transition: .7s;
} 

.btn-back-to-top:hover
{
   color:#a8a8a8;
}
 
.top-basket-div
{
    border-top: 1px solid #e2e2e2;
     border-bottom: 1px solid #e2e2e2;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 6%;
}
  
.topbasket-btn
{
    float: right;
     transition: all 0.4s;
    color: #747474!important;
}

.topbasket-btn:hover
{
  color: #a8a8a8!important;
}

.detail-page-head
{
   font-size: 20px!important;
    color: #878787!important;
    font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0px;
  font-style: normal;
      margin-bottom: 10px !important;
}

.line-div
{
    margin: 20px 20px 20px 0px;
    width:90%;
    background-color: #e2e2e2;
    height:2px;
    border-radius: 6px;
    color: #747474;
}

.basket-btn
{
    padding: 9px 20px;
  line-height: 14px;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  text-transform: uppercase;
  transition: all .4s;
  background: #ffffff;
  color: #b7b7b7;
  border-color: #e2e2e2;
}
.basket-btn:hover
{
    background: #ffffff;
  color: #9e9e9e;
  border-color: #d1d1d1;
}

#carouselExampleIndicatorsprod .carousel-indicators
{
  position:static!important;
  bottom: 0px !important;
  margin-left: 0%;
  margin-right: 0%;
  width: 100%;
  display: table;
}
#carouselExampleIndicatorsprod .carousel-indicators li {
  text-indent: 0px !important;
  width: 60px !important;
  height: auto !important;
  border-radius: 0px;
  border: 0px;
 margin-top: 6px;
  margin-left: 0px; 
      margin-right: 5px;
  background: none;
}
#carouselExampleIndicatorsprod .carousel-indicators li img {
  width:100px !important;
  height: auto !important;
  border: 1px solid #fff;
  /*margin: 5px;*/
}
#carouselExampleIndicatorsprod .carousel-indicators 
{
	display: inline-block;
}
.product-slide .carousel-indicators li
{
	float: left;
	width: 100px!important;
}

#carouselExampleIndicatorsprod .carousel-control-next, #carouselExampleIndicatorsprod .carousel-control-prev {
	bottom: 30%;
}
#carouselExampleIndicatorsprod .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
	opacity: 0.5;
}
#carouselExampleIndicatorsprod .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	opacity: 0.5;
}
#carouselExampleIndicatorsprod .carousel-inner {
	position: relative;
	width: none;
	overflow: hidden;
}
#carouselExampleIndicatorsprod .carousel-control-next, #carouselExampleIndicatorsprod .carousel-control-prev {
  position: relative;
}
#carouselExampleIndicatorsprod .carousel-item {
    position: relative;
    overflow: visible !important;
}
.zoom-container {
  width: 100%;
  height: auto;
}
.zoom-img {
  transition: transform 0.3s ease;
  cursor: zoom-in;
}
.zoom-container:hover .zoom-img {
  transform: scale(1.6);  /* adjust factor as desired */
  cursor: zoom-out;
}
.zoom-container:active .zoom-img {
  transform: scale(1.0);
  cursor: default;
}

#carouselExampleIndicatorsprod .col-10 {
	flex: 0 0 auto;
	width: 83.33333333% !important;
}
#carouselExampleIndicatorsprod .col-1 {
	flex: 0 0 auto;
	width: 8.33333333% !important;
}
.cart-text
{
    color: #4a4e57;
    font-weight: 400;
}

.cart-border
{
    border: 1px solid #e2e2e2;
    padding: 30px;
    overflow: hidden;
}
     
.items-head
{
    font-size: 18px;
    font-weight: 400;
  line-height: 1.23;
    padding-bottom: 10px;
    color: #878787;
      border-bottom: 1px solid #e2e2e2;
   margin-bottom:20px !important
}

.tableheading-div
{
    border-bottom: 1px solid #e2e2e2;
}

.speci-heading span
{
    padding-bottom: .75em;
  font-weight: 700;
  font-size: .85em;
    font-style: normal;
    font-size: 13px;
    text-transform: capitalize;
}
  
.basket-img {
  width:80px;
  height: auto;
    vertical-align: top;
    border-style: none;
}

.delete-class 
{
  transition: all 0.4s;
 font-size: 15px !important;
}

.qty 
{
    width: 31px;
  height: 31px;
    border-left: 1px solid #e2e2e2 !important;
    border-right: 1px solid #e2e2e2 !important;
    border-top: transparent !important;
  border-bottom: transparent!important;
    text-align: center;
}
.qty:focus
{
   border-left: 1px solid #e2e2e2 !important;
    border-right: 1px solid #e2e2e2 !important;
    border-top: transparent !important;
  border-bottom: transparent!important;
    box-shadow: none!important;
}

.minus,.plus
{
    line-height: 14px;
  font-size: 12px;
  width: 31px;
  height: 31px;
    border:none!important;;
    background-color: #fbfaf9;
    color: #747474;
    cursor: pointer;
    transition: all 0.4s;
}
.minus:hover,.plus:hover
{
   background-color: #fff; 
}

.minus
{
   border-top-left-radius:6px; 
    border-bottom-left-radius: 6px;
}

.plus
{
    border-top-right-radius:6px; 
    border-bottom-right-radius: 6px; 
}

.quantity-class-div {
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	color: #747474;
	align-items: center;
	justify-content: space-around;
	display: inline-block;
}


.tb-bottom-border
{
     border-bottom: 1px solid #e2e2e2;
}
.tb-bottom-border1 {
  border-bottom: 1px solid #e2e2e2;
}
.speci-heading1 span
{
   font-weight: 500!important;
  line-height: 1!important;
  padding-bottom: 20px;
  font-size: 14px;
}

.update-btn
{
    padding: 9px 20px;
  line-height: 14px;
  font-size: 12px;
    color: #b7b7b7;
    font-weight: 600;
  font-style: normal;
  letter-spacing: 0px;
  border-width: 2px;
  border-style: solid;
  border-radius: 4px;
  text-transform: uppercase;
    transition: all .2s;
    border-color: #e2e2e2;
    background: #ffffff;
}

.update-btn:hover
{
    color: #9e9e9e;
}

.username-box
{
  padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 6px;
    border: 1px solid #d2d2d2;
    font-size: 15px;
  color: #aaa9a9!important;
}
 
.form-control:focus, .form-select:focus, .form-check-input:focus
{
 color: #aaa9a9!important;
  background-color: #fff;
  border: 1px solid #d2d2d2!important;
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.0)!important;
}

.form-check-input:checked 
{
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input
{
    margin-top: .18em;
}

.show-password-input
{
    width: 15px;
  border-radius: 6px;
  background-color: #d2d2d2;
  height: 7px;
  color: #747474;
  border: 1px solid #747474;
}
/*
.top-basket-div1, .top-basket-div2 
{
    margin-top: 6%;
}*/
.top-basket-div1
{
     margin-top:0%!important;
}

.top-padding-basketpage
{
      margin-top: 6%;
}

.top-basket-div2 
{
   background-color: rgba(219,75,104,0.1);
  border: 1px solid #db4b68;
  color: #db4b68;
    padding-top: 10px;
  padding-bottom: 10px;
    font-size: 13px;
    padding-left:4px;
    padding-right:4px;
}


.full-width-border
{
     border: 2px Solid transparent;
    transition: all 0.4s;
}
/*
.full-width-border:hover
{
    border: 2px Solid #3452eb;
}
*/
.delivery-head
{
    color: #71a298;
    font-size: 15px;
    font-weight: 400;
  line-height: 1.33;
    text-transform: uppercase;
    margin-bottom:15px!important;
}

.policy-head-size
{
    font-size:12px;
}

.blog-head a, .blog-head
{
    font-size: 18px;
    font-weight: 400;
  line-height: 1.3;
  font-style: normal;
    margin-bottom: 5px;
    display: block;
}

.post-box
{
   margin: 30px 10px 20px 20px;
}

.call-btn
{
    border: 1px solid #747474;
  color: #747474 !important;
  transition: all 0.4s;
  background-color: #fff !important;
  font-size: 14px;
  border-radius: 0px !important;
}

.call-btn:hover
{
   background-color: #a8a8a8 !important;
  border-color: #a8a8a8 !important;
    color: #fff !important;
}

.mobile-color-class, .mobile-color-class strong a
{
    color: #45637a!important;
}

.form-head-class
{
    font-size: 15px;
    text-transform: capitalize;
    padding-top: 8%;
  margin-bottom: 0px !important;
}

.sitemap-div
{
    padding: 30px 30px;
    background-color: #fff;
    border:1px solid #e2e2e2;
    border-radius: 4px;
}
 
.site-text li a
{
    line-height: 30px;
}

.sitemap-blog-class
{
  color: #71a298!important;  
}
.invalid::after {
	
	content: 'Please enter correct details for this required field.';
	display: inline-block;
	margin-top: 7px;
	color: red;
}


.code
{
  background-color: #4d4d4d;
  color: #fff;
  font-size: 16px;
  width: 100px;
 padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 6px;
}
.container {
	max-width: 90%; 
}
.search-form {
      width: 250px;
      transition: 0.3s ease;
    }
.nav-item{ margin: 0 0.5rem; }

/* responsive css */

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

}



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

@media only screen and (max-width:767px)
{
.topbasket-btn1
    {
        padding-top:20px!important;
        display: block;
    }
     .top-basket-div1 {
    padding-bottom: 35px!important;
  }
}


@media only screen and (max-width:575px)
{
   .navbar-toggler 
    {
  text-align: center;
  margin: 0 auto;
  border: none;
}
    .navbar-toggler:focus
    {
        box-shadow: 0 0 0 .0rem!important;
    }
  .navbar-light .navbar-nav .nav-link 
    {
        text-align: center;
  font-size: 14px;
      line-height:12px;
    }
    .nav-margin
    {
        margin-top: 10px;
    }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active 
    {
        background: #f9f9fb !important;
    }
    .top-div 
    {
  padding-top: 5%;
  padding-bottom: 5%;
}
        .smallwidth-padding
    {
       padding-left: 0px !important;
  padding-right: 0px !important; 
    } 
    .discription-box 
    {
  padding-top: 7%;
}
.breadcrumb-box
    {
    padding-top:6%;
    }
 .breadcrumb-box .breadcrumb-item a, .breadcrumb-box .breadcrumb-item{ font-size:12px !important;}   
 .dropdown-menu{ display:block;}

.dropdown-item{ text-align: center;}



.nav-item {
    position: relative;
    display: inline-block; /* important for centering */
}

.nav-item::after {
    content: "";
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #a8a8a8;
}
}

@media only screen and (max-width:400px)
{
    .cart-border 
    {
  padding: 20px;
    }
}

@media only screen and (max-width:365px)
{
    .username-box 
    {
        font-size: 13px;
    }
    .cart-border 
    {
  padding:10px;
    }
}

@media (min-width:768px) and (max-width:991px)
{
    .detailpage-container-padding
    {
       padding-left: 2% !important;
  padding-right: 2% !important;
}
}

@media (min-width:576px) and (max-width:661px)
{
    .navbar-light .navbar-nav .nav-link
    {
  font-size: 14px;
    }
      .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
  }
}



@media (min-width:314px) and (max-width:361px) 
{
     .top-basket-div1 {
    padding-bottom: 19%;
  }
}

/* search by body slider */

@media (max-width: 575px) 
{
		#recipeCarousel .carousel-inner .carousel-item > div {
			display: none;
		}
		#recipeCarousel .carousel-inner .carousel-item > div:first-child {
			display: block;
			margin: 0 auto;
		}
 
	}
 
	#recipeCarousel .carousel-inner .carousel-item.active,
	#recipeCarousel .carousel-inner .carousel-item-next,
	#recipeCarousel .carousel-inner .carousel-item-prev {
		display: flex;
	}
 
	/* medium and up screens*/ 

	@media (min-width: 768px) {

		#recipeCarousel .carousel-inner .carousel-item-end.active,
		#recipeCarousel .carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		#recipeCarousel .carousel-inner .carousel-item-start.active, 
		#recipeCarousel .carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	} 

	#recipeCarousel .carousel-inner .carousel-item-end,
	#recipeCarousel .carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}

#recipeCarousel .card
{
	background-color: #fff;
	box-shadow: 0px 5px 8px #c9c7c7;
	padding: 10px 10px;
	border: 1px solid #c9c9c9;
	border-radius: 0px !important;
	margin: auto 15px;
}

#recipeCarousel .carousel-control-next-icon, #recipeCarousel .carousel-control-prev-icon
{
	background-color: #000;
}  
#recipeCarousel .carousel-control-next, #recipeCarousel .carousel-control-prev
{
	opacity: 1;
    width: 5%;
}





/*-----------Table media query------------*/

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    /*#no-more-tables tr { border: 1px solid #ccc; }*/
 
    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
    
    .drinks-table-info
    {
        padding-top: 0px !important;
        border-bottom: none!important;
    }
    .bottom-section-border
    {
        border:  none !important;    
    }
    .margin-footer-section
    {
        margin-top:0px !important;  
    }
    .margin-footer-section-1
    {
          margin-top:10px !important; 
    }
    
    .items-head 
    {
        border-bottom:none;
        padding-bottom:0px;
      font-size: 16px;
    }
    
    
.tb-bottom-border
{
     border-bottom:none;
}
    .delete-class
        {
  text-align: left;
  display: block;
        }
    
    .inner-table-info1
    {
        border-bottom: 0px!important; 
    }
    .sub-width
    {
         border-bottom: 0px!important;
    }
    .data-info
    {
        border-top: 1px solid #eee;
        padding-top:15px;
    }
}


@media only screen and (max-width:350px)
{
      #no-more-tables td
    {
        padding-left:45%!important;
    }
}