@font-face {
	font-family: "Muli";
	src: url("/fonts/muli/Muli.ttf");
}

body {
	font-family: Muli, sans-serif;
	font-size: 14px;
	color: #232f44;
	background-color: #eaeaea;
}

.mainContent {
	min-height: calc(100vh - 160px - 417px);
}

/* %%%%%%%%%%%
---------------Header section
%%%%%%%%%%%%%*/

.headerTop {
	/* padding: 13px 25px 21px 25px; */
	padding: 3px 25px 10px 25px;
	background-color: #fff;
	position: relative;
}

.headerTop::after {
	content: ' ';
	width: 100%;
	height: 20px;
	background-color: #ffffff00;
	display: block;
	position: absolute;
	bottom: 8px;
	right: 0;
	box-shadow: 0 8px 12px -6px rgb(0 0 0 / 16%);
}

.headerBottom {
	background-color: #fff;
	box-shadow: 0 2px 12px -6px rgb(0 0 0 / 90%);
	margin-top: -7px;
}

.search-box {
	display: inline-block;
	width: 100%;
	border-radius: 25px;
	/* padding: 4px 55px 4px 15px; */
	padding:0px 45px 0px 15px;
	position: relative;
	background: #fff;
	border: 2px solid #6da830;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	max-height: 40px;
}

.search-box input[type=text] {
	border: none;
	box-shadow: none;
	display: inline-block;
	padding: 0;
	background: transparent;
	width: 100%;
}

.search-box input[type=text]:hover,
.search-box input[type=text]:focus,
.search-box input[type=text]:active {
	box-shadow: none;
}

.search-box .search-btn {
	position: absolute;
	/* right: 5px;
	top: 0px; */
	right: 0px;
	bottom: 0px;
	/* padding: 0px 10px; */
	color: #6da830;
	border-radius: 3px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

/* .search-box .search-btn img {
	width: 80%;
} */

.navbar-nav .dropdown-toggle::after {
	display: none;
}

.headerBottom .navbar {
	padding: 0px;
}

.headerBottom .navbar-light .navbar-nav .active>.nav-link,
.headerBottom .navbar-light .navbar-nav .nav-link.active,
.headerBottom .navbar-light .navbar-nav .nav-link.show,
.headerBottom .navbar-light .navbar-nav .show>.nav-link {
	color: #fff;
	background-color: #6da830;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.headerBottom .navbar-nav .nav-link {
	/* margin-right: 30px; */
	color: #232f44;
  display: block;
  font-size: 14px;
  /* text-transform: capitalize; */
  padding: 19px 16px 15px 16px;
}

.headerBottom .nav-link {
	display: block;
	font-size: 14px;
	padding: 19px 16px 15px 16px;
}

.headerBottom .dropdown-menu {
	margin: 0;
	background-color: #6da830;
	border: 1px solid rgb(109 168 48);
}

.headerBottom .dropdown-item {
	color: #fff;
	font-size: 14px;
	padding-bottom: 11px;
	padding-top: 11px;
}

.dropdown-item:focus,
.dropdown-item:hover {
	text-decoration: none;
	background-color: #5c8e29;
}

.headerBottom .myAccount .nav-link {
    margin-right: 30px;
    color: #6da830;
}

.headerBottom .myAccount .nav-link:hover {
    color: #143b1d;
}

.headerBottom .myCart .nav-link {
  color: #ffffff;
	background-color: #df3131;
	padding: 17px 28px;
}

.headerBottom .myCart .nav-link:hover {
  background-color: #e86d6d
}

li.nav-item.dropdown.show {
    background: #6da830;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

li.nav-item.dropdown:hover, a.nav-link:hover {
    background: #6da830;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
		color: #fff !important;
}

.show>a.nav-link.dropdown-toggle {
    color: #fff;
}

/* ---------------menu section
-------------- */
.secondLevMenu {
    top: 0px;
    background-color: white !important;
    left: 100%;
    /* min-width: 97.3vh; */
		min-width: max-content;
    border: 1px solid #6da830  !important;
	border-radius: 0;
	/* padding: 1.5rem; */
  padding: 1rem 3rem 1rem 1rem;
    /* height: 100%; */
}
.secondLevMenu .dropdown-item {
    color: black;
    padding: 0;
    /* font-size: 16px; */
    font-family: 'Muli';
}

.secondLevMenu .dropdown-item:hover{
	background-color: transparent;
	color: #6da830;
}

.l2Wrapper .lvl2title {
    /* cursor: auto; */
    /*text-decoration: underline;*/
    /* font-weight: 700; */
    color: #143b1d;
    padding: 0;
    /* font-size: 16px; */
    font-family: 'Muli';
    /* text-transform: capitalize; */
}
/* .l2Wrapper a:first-child:hover {
	color: black;
} */
.l2Wrapper a:hover {
    color: #57a902;
}

.l2Wrapper a{
     color: #010101;
    padding: 0;
    /* font-size: 16px; */
    font-family: 'Muli';
    line-height:0.7;
}
.goTo {
    color: #6da830 !important;
    font-size: 14px !important;
    text-transform: lowercase;
}
.dropdown-item.active {
    color: #6da830 !important;
    text-decoration: none;
    background-color: #ffffff;
}

.secondLevMenu .newProdBanner {
    background-color: #6da830;
    color: white;
    padding: 0 3px;
}

.secondLevMenu .promoProdBanner {
    background-color: #df3131;
    color: white;
    padding: 0 3px;
}
/*
-------------------*/



/* %%%%%%%%%%%
--------------homeCarousel section
%%%%%%%%%%%%%% */

#homeCarousel .carousel-indicators li {
	width: 19px;
	height: 19px;
	margin-right: 28px;
	background-color: rgb(174 207 140);
	border-radius: 50%;
	border: 1px solid #dddad8;
}

#homeCarousel .carousel-indicators .active {
	background-color: #6da830;
}

#homeCarousel .carousel-caption {
	top: 80px;
	bottom: unset;
	color: #f8f8f8;
}

#homeCarousel .carousel-caption h5 {
	font-size: 47px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}

#homeCarousel .carousel-caption p {
	font-size: 19px;
	line-height: 1;
	margin-top: 8px;
}

#homeCarousel .carousel-item img {
	max-height: 448px;
}

/* -------------category section
%%%%%%%%%%%%%*/
.category{
	padding: 20px 0;
	background-color: #ffffff;
}

/* .categoryWrapper{
	padding: 35px 19px 35px 35px;
} */
/* .catBgImage{
	background-image: url(../images/cat1bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	height: 350px;
	position: relative;
} */

/* .catTitleWrapper{
    position: absolute;
    top: -13%;
    left: -20%;
    background-image: url(../images/catTitleBg1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    width: 65%;
    height: 215px;
} */
/* .categoryLink {
    font-size: 17px;
    color: #6da830;
    font-weight: bold;
} */
/* %%%%%%%%%%%
-------------promoCarousel section
%%%%%%%%%%%%%*/

.promoCarousel {
	background-image: url('../images/promoCraouselBackground.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
}

.promoWrapper {
	position: relative;
}

.MultiCarousel {
	float: left;
	overflow: hidden;
	width: 100%;
	margin:0 auto;
}

.MultiCarousel .MultiCarousel-inner {
	transition: 1s ease all;
	float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
	float: left;
	padding: 0 5px;
}

.MultiCarousel .MultiCarousel-inner .item>div {
	text-align: center;
	padding: 25px;
	background: #ffffff;
	box-shadow: 1px 2px 12px -6px rgb(0 0 0 / 60%);
	margin-right: 10px;
	margin-left: 10px;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
	display: none;
}

.promoCarouselTitleWrapper {
	margin: 9px 0 20px 0;
}

.promoCarouselTitle {
	font-size: 38px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1;
}

.promoCarouselsubtitle {
	font-size: 17px;
	font-weight: 700;
	color: white;
}

.itemWrapper {
	position: relative;
}

.itemWrapper img {
	max-height: 130px;
}

/* .discountPercent {
	position: absolute;
	top: 2%;
	right: 5%;
	font-size: 24px;
	color: #ff0000;
	font-weight: bold;
} */

.addToFavorite {
	position: absolute;
	top: 2%;
	right: 5%;
	font-size: 24px;
	color: #b5b5b5;
}

.productName {
	font-size: 18px;
    /* margin-bottom: 15px; */
    line-height: 1.2;
		height: 55px;
}

.productPrice {
	font-size: 12px;
	line-height: 1;
	color: #6da830;
	height: 10px;
}

.productDiscountPrice {
	font-size: 24px;
	font-weight: 700;
	color: #ff0000;
	line-height: 1.2;
}

.addToCart {
	background-color: #e03131;
	color: white;
	border-radius: 5px;
	font-size: 14px;
	padding: 3px ;
}

.ratingScore {
	font-size: 15px;
	color: #b5b5b5;
}

.productStock {
	font-size: 12px;
	color: #b5b5b5;
	margin-bottom: 8px;
}

.limitedStock {
	color: #ffb444;
}

.lastInStock {
	color: #ff0000;
}

.leftLst,
.rightLst {
	position: absolute;
	width: 34px;
	height: 50px;
	background-color: transparent;
	top: 32%;
	text-align: center;
	padding: 15px 0;
	cursor: pointer;
	color: #143b1d;
}

.leftLst {
	left: 1%;
}

.rightLst {
	right: 1%;
}

.leftLst:hover,
.rightLst:hover {
	color: #8a9d8e;
}

/* %%%%%%%%%%%
---------------aboutUs section
%%%%%%%%%%%%%% */

.aboutUsWrapper{
	background-color: white;
	padding: 25px;
}

.leftInfo,
.centerInfo,
.rightInfo {
	background-color: #fff;
}

.leftInfo {
	margin: 70px 0px;
	padding: 25px 27px 60px 27px;
	max-width: 31%;
	flex: 0 0 31%;
}

.centerInfo {
	box-shadow: 0px 0px 8px #8b8b8b;
	margin: 28px 0px;
	z-index: 1;
	padding: 50px 34px 70px 34px;
	max-width: 38%;
	flex: 0 0 38%;
}

.rightInfo {
	margin: 70px 0px;
	padding: 25px 27px 60px 27px;
	max-width: 31%;
	flex: 0 0 31%;
}

.infoTitle {
	font-size: 41px;
	font-weight: 700;
	color: #232f44;
	line-height: 1;
	margin: 23px 0 35px 0;
}

.infoSubtitle {
	font-size: 25px;
	font-weight: 700;
	color: #232f44;
	line-height: 1.3;
}

.infoDecription {
	font-size: 17px;
	color: #232f44;
	line-height: 1.2;
}

.viewOurTeam a {
	font-size: 19px;
	color: #6da830;
	text-decoration: none;
}

/* %%%%%%%%%%%
--------------othersViewed section
%%%%%%%%%%%%%% */

.carouselTitle {
	font-size: 26px;
	font-weight: bold;
	color: #6da830;
}

.recomandationCarousel .discountPercent,
.othersViewedCarousel .discountPercent {
	position: absolute;
	top: 3%;
	left: 0;
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	background-color: #ff0000;
	padding: 7px 10px;
	line-height: 1;
}

.discountPercent {
	position: absolute;
	font-size: 19px;
	color: #ffffff;
	font-weight: bold;
	background-color: #ff0000;
	padding: 7px 10px;
	line-height: 1;
}

.discountPercentBig {
    position: absolute;
    font-size: calc(12px + 1vw);;
    color: #ffffff;
    font-weight: bold;
    background-color: #ff0000;
    padding: 7px 10px;
    line-height: 1;
}

.t2l5{
	top: 2%;
	left: 5%;
}
.t2l2{
	top: 2%;
	left: 2%;
}
.t0l0{
	top: 0%;
	left: 0%;
}
.t11r2{
	top: 11%;
	right: 2%;
}

.recomandationCarousel .leftLst,
.recomandationCarousel .rightLst,
.othersViewedCarousel .leftLst,
.othersViewedCarousel .rightLst {
	top: 50%;
}

.recomandationCarousel .itemWrapper img,
.othersViewedCarousel .itemWrapper img {
	max-height: 100%;
}

/* %%%%%%
----------blog section
%%%%%%%%%%  */

.newsletter {
    padding: 25px;
    text-align: right;
    background-image: url(../images/blog_bg.webp);
    background-repeat: no-repeat;
	/* background-size: contain; */
	box-shadow: 1px 2px 12px rgb(177 177 177);
}

.blogCardWrapper{
	box-shadow: 1px 2px 12px rgb(177 177 177);
}

.blogTextWrapper {
  background-color: white;
	padding: 5px 15px 15px 15px;
	border-radius: 5px;
	height: 220px;
}

.blogTitle {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 5px;
}

.blogContent {
    font-size: 16px;
    font-weight: 100;
}

.form-subscribe
{
  max-width:580px;
}
.form-subscribe .form-control{
  padding-left:24px;
  padding-right:24px;
  letter-spacing:1px;
}
.form-subscribe .form-control.focus,.form-subscribe .form-control:focus
{
  z-index:2;
  background-color:hsla(0,0%,100%,.8)
}
.form-subscribe .btn
{
    background: #72ab37;
    border-color: #7ec855;
    height: 57px;
}

/* ----------%%%%%%%%%%%%%%
Footer section
---------------%%%%%%%%%%%% */

.footer {
	background-color: #ffffff;
}

.footerTop {
	padding: 30px 0 140px;
	border-bottom: 1px solid #a0a7b2;
}

.socialLinksWrapper {
	margin-top: 63px;
}

.social p {
	color: #6da830;
	font-size: 20px;
}

a.socialLinks {
	color: #6da830;
	/* font-size: 25px; */
	/* margin: 0px 63px 25px 0; */
	text-decoration: none;
}

.facebook:hover {
	color: #4267B2;
}

.instagram:hover {
	color: #C13584;
}

.footerWrapper ul {
	font-size: 20px;
	font-weight: 700;
	color: #6da830;
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
}

.footerWrapper li a {
	font-size: 18px;
	font-weight: normal;
	color: #a7cb83;
	margin-top: 10px;
	text-decoration: none;
}

.footerBottom {
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	padding: 35px 0 24px 0;
}

.copyright {
	color: #dae7cf;
}

.privacy {
	text-align: right;
}

.privacy a {
	color: #6da830;
	margin-left: 35px;
	text-decoration: none;
}

/* %%%%%%%%%%%%%%%
------------ Media queries for responsive fixes -------------
%%%%%%%%%%%%%%%%%% */
@media (min-width: 1441px){
	.innerSection {
		max-width: 1440px;
		margin: 0 auto;
	}
}
/* Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) {
	.headerBottom .navbar-nav .nav-link {
		/* margin-right: 50px; */
		color: #232f44;
	}
}
/* Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {

	.headerBottom .navbar {
		padding: 5px 15px;
	}

}

/* Extra large devices (large desktops) */
/* No media query since the extra-large breakpoint has no upper bound on its width */

/* Small devices (landscape phones, less than 768px) */

@media (max-width: 768px) {
	/* .headerTop {
		text-align: center; */
	}

	nav.navbar.navbar-expand-lg {
		width: 100%;
	}

	/* .headerBottom li.nav-item {
		border-bottom: 1px solid rgb(243 243 243);
	} */

	.headerBottom li.nav-item:nth-last-child(1) {
		border-bottom: none;
	}

	.headerBottom .navbar-light .navbar-nav .active>.nav-link,
	.headerBottom .navbar-light .navbar-nav .nav-link.active,
	.headerBottom .navbar-light .navbar-nav .nav-link.show,
	.headerBottom .navbar-light .navbar-nav .show>.nav-link {
		color: rgb(0, 0, 0);
		background-color: transparent;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.mainContent {
		/* min-height: calc(100vh - 115px - 582px); */
	}

	.infoTitle {
		font-size: 35px;
	}

	.infoSubtitle {
		font-size: 18px;
	}

	.infoDecription {
		font-size: 14px;
	}

	.viewOurTeam a {
		font-size: 14px;
	}

	.featureTitle {
		text-align: center;
	}

	.featureTitle .btn-success {
		float: none;
		display: block;
		width: 30%;
		margin: 15px auto;
	}

	/* Footer section */
	.footer {
		text-align: center;
	}

	.footerTop {
		padding: 30px 0 10px 0;
		border-bottom: 1px solid #a0a7b2;
	}

	.social p {
		color: #6da830;
		font-size: 17px;
	}

	.socialLinksWrapper {
		margin-top: 0px;
		margin-bottom: 35px;
	}

	a.socialLinks {
		color: #6da830;
		font-size: 25px;
		margin: 20px;
		text-decoration: none;
	}

	.footerWrapper ul {
		font-size: 16px;
		margin-bottom: 35px;
	}

	.footerWrapper li a {
		font-size: 14px;
	}

	.footerBottom {
		font-size: 15px;
		padding: 30px 0;
	}

	.privacy {
		text-align: center;
		margin-top: 20px;
	}

	.privacy a {
		margin: 0 5px;
		font-size: 14px;
	}

	.promoCarousel {
		background-size: 100% 23%;
	}
}


/* Extra small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) {

	.leftLst,
	.rightLst {
		background-color: #00000021;
	}

	.leftLst {
		left: 5%;
	}

	.rightLst {
		right: 5%;
	}

	.featureTitle .btn-success {
		width: 50%;
	}

	.promoCarousel {
		background-size: 120% 20%;
	}

	.promoCarouselTitle {
		font-size: 30px;
		text-shadow: 1px 1px 5px #3e3e3e;
	}

	.promoCarouselsubtitle {
		text-shadow: 1px 1px 5px #3e3e3e;
	}

	.leftInfo {
		margin: 20px 15px;
		padding: 25px 27px 60px 27px;
		max-width: 90%;
		flex: 0 0 92%;
	}

	.centerInfo {
		box-shadow: 0px 0px 8px #8b8b8b;
		margin: 20px 15px;
		z-index: 1;
		padding: 50px 34px 70px 34px;
		max-width: 90%;
		flex: 0 0 92%;
	}

	.rightInfo {
		margin: 20px 15px;
		padding: 25px 27px 60px 27px;
		max-width: 90%;
		flex: 0 0 92%;
	}

	.featureTitle {
		font-size: 24px;
	}
}