.sectionProduct {
	 background-color: var(--footer-bg);
}
 .sectionProduct:nth-child(even) {
	 background-color: #eeece0;
}
 .sectionProduct a.productWrap {
	 background-color: #fff;
	 padding: 15px;
}
 .sectionProduct .card {
	 height: 100%;
	 transition: 0.2s all ease;
	 border-radius: 0;
	 border: 1px solid #bebcb0;
	 box-shadow: 0 0 4px transparent;
}
 .sectionProduct .card .card-img-top {
	 position: relative;
	 border-radius: 0;
	 width: 100%;
	 top: 0;
	 left: 0;
	 padding: 15px 15px 0;
	/* border: 1px solid #f1f1f1;
	 */
	 transition: all 0.3s ease 0s;
}
 .sectionProduct .card .card-img-top .cardPercent {
	 z-index: 3;
	 position: absolute;
	 top: 10px;
	 left: 10px;
	 display: inline-block;
	 padding: 5px 10px;
	 font-size: 0.8rem;
	 color: #fff;
	 background: #ee4d2d;
	 border-radius: 3px;
}
 .sectionProduct .card .card-img-top .cardImgInner {
	 display: block;
	 margin: auto;
	 overflow: hidden;
	 position: relative;
	 z-index: 2;
	 transition: 0.2s all ease;
}
 .sectionProduct .card .card-img-top .cardImgInner img {
	 vertical-align: middle;
	 transition: 0.4s all ease;
}
 .sectionProduct .card .card-img-top:before, .sectionProduct .card .card-img-top:after {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 display: block;
	 z-index: 3;
	 top: 0;
	 background-color: rgba(255, 255, 255, 0.2);
	 -webkit-transition: all 0.5s;
	 -moz-transition: all 0.5s;
	 -ms-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 transition: all 0.5s;
	 opacity: 0;
}
 .sectionProduct .card .card-img-top:before {
	 left: -100%;
}
 .sectionProduct .card .card-img-top:after {
	 right: -100%;
}
 .sectionProduct .card .card-body {
	 position: relative;
	 z-index: 2;
	 padding: 25px 25px 0;
}
 .sectionProduct .card .card-body .card-title {
	 font-size: 1.1rem;
	 color: var(--hover-dark);
	 text-transform: uppercase;
	 text-align: center;
	 position: relative;
	 margin-bottom: 10px;
}
 .sectionProduct .card .card-body .cardPrice {
	 color: #ec410f;
	 margin-bottom: 0;
	 font-size: 1rem;
}
 .sectionProduct .card .card-body .cardPrice > span {
	 color: var(--color-text-sub);
	 text-decoration: line-through;
	 padding-left: 5px;
	 display: inline-block;
	 font-size: 0.8rem;
}
 .sectionProduct .card .card-body .cardAction {
	 z-index: 4;
	 transform: translateY(50%);
	 margin: 0 auto;
	 background-color: var(--main-color);
	 transition: 0.5s all ease-in-out 0s;
}
 .sectionProduct .card .card-body .cardAction > span {
	 background: transparent none repeat scroll 0 0;
	 border: 0 solid #696969;
	 width: 100%;
	 color: #fff;
	 display: inline-block;
	 font-size: 1.1rem;
	 padding: 7px 15px;
	 text-align: center;
	 position: relative;
	 cursor: pointer;
}
 .sectionProduct .card .card-body .cardAction > span:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border-radius: inherit;
	 z-index: -1;
	 box-shadow: inset 0 0 0 35px var(--main-color);
	 -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3s;
	 transition: box-shadow 0.3s, transform 0.3s;
}
 .sectionProduct .card .card-body .cardAction > span:hover {
	 background: #fff none repeat scroll 0 0;
	 border: 0 solid var(--main-color);
	 color: var(--main-color);
}
 .sectionProduct .card .card-body .cardAction > span:hover:before {
	 z-index: 1;
	 box-shadow: inset 0 0 0 1px var(--main-color);
	 -webkit-transform: scale(1);
	 transform: scale(1);
}
 .sectionProduct .card:hover {
	 border-color: var(--main-color);
}
 .sectionProduct .card:hover:after {
	 width: 100%;
	 left: 0;
	 right: auto;
}
 .sectionProduct .card:hover .card-img-top .cardImgInner img {
	 transform: scale(1.1);
}
 .sectionProduct .card:hover .card-img-top .cardAction {
	 top: 50%;
	 opacity: 1;
}
 .sectionProduct .card:hover .card-img-top:before, .sectionProduct .card:hover .card-img-top:after {
	 opacity: 1 !important;
	 visibility: visible !important;
}
 .sectionProduct .card:hover .card-img-top:before {
	 left: 0;
}
 .sectionProduct .card:hover .card-img-top:after {
	 right: 0;
}
 .sectionProduct .card:hover .card-body .card-title {
	 color: var(--main-color);
}
 .sectionProduct .card:hover .card-body .card-title:before {
	 opacity: 1;
}
 .sectionProduct .owl-stage-outer {
	 padding: 0 0 5px;
}
 .sectionProduct .sliderProduct .owl-nav {
	 position: absolute;
	 z-index: 2;
	 width: 100%;
	 top: 51%;
	 transform: translateY(-50%);
}
 .sectionProduct .sliderProduct .owl-nav button {
	 outline: none !important;
	 transition: 0.3s all linear;
	 box-shadow: none !important;
	 color: #fff !important;
	 font-size: 1.2rem !important;
	 cursor: pointer !important;
	 position: absolute;
	 top: 50%;
	 -webkit-transform: translateY(-50%);
	 -ms-transform: translateY(-50%);
	 transform: translateY(-50%);
	 z-index: 10;
	 background: var(--main-color) !important;
	 opacity: 0;
	 height: 35px;
	 line-height: 35px !important;
	 width: 35px;
	 border-radius: 100%;
}
 .sectionProduct .sliderProduct .owl-nav button.owl-prev {
	 left: -85px;
}
 .sectionProduct .sliderProduct .owl-nav button.owl-prev:hover {
	 opacity: 1;
}
 .sectionProduct .sliderProduct .owl-nav button.owl-next {
	 right: -85px;
}
 .sectionProduct .sliderProduct .owl-nav button.owl-next:hover {
	 opacity: 1;
}
 .sectionProduct .sliderProduct .owl-dots {
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .sectionProduct .sliderProduct .owl-dots button {
	 position: relative;
	 width: 24px;
	 height: 24px;
	 background-color: #fff;
	 border: 1px solid #d1d1d1;
	 border-radius: 100%;
	 margin: 0 0.5rem;
	 padding: 0;
	 font-size: 0;
	 overflow: hidden;
	 color: transparent;
	 cursor: pointer;
}
 .sectionProduct .sliderProduct .owl-dots button span {
	 position: absolute;
	 width: 10px;
	 height: 10px;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 background-color: #252525;
	 padding: 0;
	 margin: 0;
	 box-shadow: none;
	 outline: none;
	 border: 0;
	 font-size: 0;
	 overflow: hidden;
	 cursor: pointer;
	 border-radius: 100%;
	 transition: 0.2s all ease;
}
 .sectionProduct .sliderProduct .owl-dots button.owl-active span {
	 background: var(--main-color);
}
 .sectionProduct .sliderProduct:hover .owl-nav button {
	 opacity: 0.6;
}
 .sectionProduct .sliderProduct:hover .owl-nav button.owl-prev {
	 left: -35px;
}
 .sectionProduct .sliderProduct:hover .owl-nav button.owl-next {
	 right: -35px;
}
 @media screen and (max-width: 991px) {
	 .sectionProduct .card .card-img-top {
		 width: calc(100% - 10px);
		 top: 5px;
		 left: 5px;
	}
	 .sectionProduct .owl-carousel {
		 display: flex;
		 align-items: stretch;
	}
	 .sectionProduct .owl-carousel .sliderProductItem {
		 height: 100%;
		 display: flex;
		 align-items: stretch;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a {
		 height: 100%;
		 display: flex;
		 align-items: stretch;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a > .card {
		 display: flex;
		 align-items: stretch;
		 flex-direction: column;
		 height: 100%;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a > .card .card-body {
		 position: relative;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a > .card .card-body .card-title {
		 margin-bottom: 0.4rem;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a > .card .card-body .cardPrice {
		 color: #ec410f;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a > .card .card-body .cardPrice span {
		 color: #222;
	}
	 .sectionProduct .owl-carousel .sliderProductItem > a > .card .card-body .card-text {
		 margin-top: 0.3rem;
	}
	 .sectionProduct .owl-carousel:hover .owl-nav button {
		 opacity: 0.6;
	}
	 .sectionProduct .owl-carousel:hover .owl-nav button.owl-prev {
		 left: 15px;
	}
	 .sectionProduct .owl-carousel:hover .owl-nav button.owl-next {
		 right: 15px;
	}
}