.sp-wcsp-slider-area img {
	height: auto;
	max-width: 100%;
}

/* col */
[class*="sp-wcsp-col-"] {
	position: relative;
	min-height: 1px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.sp-wcsp-col-xl-1 {
	max-width: 100%;
	-ms-flex: 100%;
	flex: 100%;
}

.sp-wcsp-col-xl-2 {
	max-width: 50%;
	-ms-flex: 50%;
	flex: 50%;
}

.sp-wcsp-col-xl-3 {
	max-width: 33.2222%;
	-ms-flex: 33.2222%;
	flex: 33.2222%;
}

.sp-wcsp-col-xl-4 {
	max-width: 25%;
	-ms-flex: 25%;
	flex: 25%;
}

.sp-wcsp-col-xl-5 {
	max-width: 19.9%;
	-ms-flex: 19.9%;
	flex: 19.9%;
}

.sp-wcsp-col-xl-6 {
	max-width: 16.6667%;
	-ms-flex: 16.6667%;
	flex: 16.6667%;
}

.sp-wcsp-col-xl-7 {
	max-width: 14.285714286%;
	-ms-flex: 14.285714286%;
	flex: 14.285714286%;
}

.sp-wcsp-col-xl-8 {
	max-width: 12.5%;
	-ms-flex: 12.5%;
	flex: 12.5%;
}

.sp-wcsp-col-xl-9 {
	max-width: 11.111111111%;
	-ms-flex: 11.111111111%;
	flex: 11.111111111%;
}

.sp-wcsp-col-xl-10 {
	max-width: 10%;
	-ms-flex: 10%;
	flex: 10%;
}

.sp-wcsp-col-xl-11 {
	max-width: 9.090909091%;
	-ms-flex: 9.090909091%;
	flex: 9.090909091%;
}

.sp-wcsp-col-xl-12 {
	max-width: 8.333333333%;
	-ms-flex: 8.333333333%;
	flex: 8.333333333%;
}

.sp-wcsp-text-center {
	text-align: center;
}

.sp-wcsp-text-left {
	text-align: left;
}

.sp-wcsp-text-right {
	text-align: right;
}

.sp-wcsp-slider-section.swiper-container {
	position: static;
}

h3.sp-wcsp-section-title {
	font-size: 20px;
	color: #444;
	font-weight: 600;
	margin-bottom: 20px;
}

.sp-wcsp-cat-item .sp-wcsp-cat-thumbnail {
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: center;
	font-size: 0;
}

.sp-wcsp-cat-item .sp-wcsp-cat-thumbnail img {
	margin: 0 auto;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	max-width: 100%;
	border-radius: 0;
}

.sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-name a {
	font-size: 16px;
	font-weight: 700;
	color: #444444;
	display: inline-block;
	text-decoration: none;
}

.sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-desc {
	font-size: 14px;
	font-weight: 300;
	color: #444444;
	padding-bottom: 15px;
}

.sp-wcsp-cat-item .sp-wcsp-cat-details a.sp-wcsp-shop-now {
	display: inline-block;
	font-size: 15px;
	color: #fff;
	background: #cc2b5e;
	text-align: center;
	padding: 9px 18px;
	border-radius: 3px;
	font-weight: 600;
	text-decoration: none;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

/* Navigation */
.sp-wcsp-button-prev,
.sp-wcsp-button-next {
	background: transparent;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/*--------------------------------------------------------------
## Carousel Coverflow
--------------------------------------------------------------*/
.sp-wcsp-slider-section.swiper-container-vertical.swiper-container-coverflow {
    padding: 60px 0;
}

.sp-wcsp-slider-area.nav-vertically-center .swiper-container-coverflow .sp-wcsp-button-prev {
    left: 5px;
}

.sp-wcsp-slider-area.nav-vertically-center .swiper-container-coverflow .sp-wcsp-button-next {
    right: 5px;
}

/*--------------------------------------------------------------
## Carousel Navigation
--------------------------------------------------------------*/
.sp-wcsp-slider-area.nav-top-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-center .sp-wcsp-button-next {
	margin-left: 5px;
}

.sp-wcsp-slider-area.nav-top-center .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-bottom-center .sp-wcsp-button-prev {
	margin-left: -5px;
	transform: translateX(-100%);
}

.sp-wcsp-slider-area .sp-wcsp-button-prev:before,
.sp-wcsp-slider-area .sp-wcsp-button-next:before,
.sp-wcsp-slider-area .sp-wcsp-button-prev:after,
.sp-wcsp-slider-area .sp-wcsp-button-next:after {
	display: none;
}

/* Horizontal hover center */
.sp-wcsp-slider-area.nav-vertical-on-hover:hover .swiper-container-horizontal .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner .swiper-container-horizontal .sp-wcsp-button-prev {
	left: -15px;
	opacity: 1;
}
.sp-wcsp-slider-area.nav-vertical-on-hover:hover .swiper-container-horizontal .sp-wcsp-button-next {
	right: -15px;
}

.sp-wcsp-slider-area .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-on-hover:hover .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner .sp-wcsp-button-prev {
	left: 0;
	opacity: 1;
}

.sp-wcsp-slider-area .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-right .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-right .sp-wcsp-button-next {
	right: 0;
}

.sp-wcsp-slider-area .sp-wcsp-button-prev,
.sp-wcsp-slider-area .sp-wcsp-button-next {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	z-index: 22;
	left: auto;
	top: auto;
	font-size: 20px;
	-webkit-transition: ease all 0.3s;
	-moz-transition: ease all 0.3s;
	-ms-transition: ease all 0.3s;
	-o-transition: ease all 0.3s;
	transition: ease all 0.3s;
	cursor: pointer;
	padding: 0;
	background-image: none;
}

.sp-wcsp-slider-area.nav-vertical-center:not(.wpcp_swiper_vertical) {
	margin: 0 45px;
}

.sp-wcsp-slider-area .sp-wcsp-button-prev i,
.sp-wcsp-slider-area .sp-wcsp-button-next i,
.sp-wcsp-slider-area .sp-wcsp-button-prev,
.sp-wcsp-slider-area .sp-wcsp-button-next {
	line-height: 1.5;
	font-family: fontawesome;
}

.sp-wcsp-slider-area.nav-top-left:not(.swiper-vertical):has(.sp-wcsp-button),
.sp-wcsp-slider-area.nav-top-center:not(.swiper-vertical):has(.sp-wcsp-button),
.sp-wcsp-slider-area.nav-top-right:not(.swiper-vertical):has(.sp-wcsp-button) {
	padding-top: 50px;
}

.sp-wcsp-slider-area.nav-top-left .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-left .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-center .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-right .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-right .sp-wcsp-button-next {
	top: 0;
}

.sp-wcsp-slider-area.nav-top-left.wpcp_swiper_vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-left.wpcp_swiper_vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-center.wpcp_swiper_vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-center.wpcp_swiper_vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-right.wpcp_swiper_vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-right.wpcp_swiper_vertical .sp-wcsp-button-next {
	top: 35px;
}

.sp-wcsp-slider-area.nav-bottom-right .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-right .sp-wcsp-button-prev {
	right: 10px;
	transform: translateX(-100%);
}

.sp-wcsp-slider-area.nav-bottom-left .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-left .sp-wcsp-button-prev {
	left: 0;
}

.sp-wcsp-slider-area.nav-bottom-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-center .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-top-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-center .sp-wcsp-button-prev {
	left: 50%;
}

.sp-wcsp-slider-area.nav-bottom-left .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-top-left .sp-wcsp-button-next {
	left: 10px;
	transform: translateX(100%);
}

.sp-wcsp-slider-area.nav-bottom-left:not(.wpcp_swiper_vertical),
.sp-wcsp-slider-area.nav-bottom-center:not(.wpcp_swiper_vertical),
.sp-wcsp-slider-area.nav-bottom-right:not(.wpcp_swiper_vertical) {
	padding-bottom: 45px;
}

.sp-wcsp-slider-area.nav-bottom-left .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-bottom-left .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-center .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-bottom-right .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-right .sp-wcsp-button-prev {
	bottom: 0;
}

.sp-wcsp-slider-area.nav-bottom-left.wpcp_swiper_vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-bottom-left.wpcp_swiper_vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-center.wpcp_swiper_vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-center.wpcp_swiper_vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-bottom-right.wpcp_swiper_vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-bottom-right.wpcp_swiper_vertical .sp-wcsp-button-prev {
	bottom: -35px;
}


.sp-wcsp-slider-area.nav-vertical-on-hover .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-on-hover .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center-inner .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center .sp-wcsp-button-prev {
	top: 50%;
}

.sp-wcsp-slider-area.nav-vertical-on-hover .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-on-hover .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center-inner .sp-wcsp-button-prev {
	transform: translateY(-50%);
}

.sp-wcsp-slider-area.nav-vertical-center .sp-wcsp-button-prev {
	left: 1px;
}

.sp-wcsp-slider-area.nav-vertical-center .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center .sp-wcsp-button-prev {
	margin-top: 10px;
	transform: translateY(-50%);
}

.sp-wcsp-slider-area.nav-vertical-on-hover .wpcp-swiper-dots~.sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-on-hover .wpcp-swiper-dots~.sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner .wpcp-swiper-dots~.sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center-inner .wpcp-swiper-dots~.sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center .wpcp-swiper-dots~.sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center:not(.wpcp_swiper_vertical) .wpcp-swiper-dots~.sp-wcsp-button-prev {
	margin-top: -15px;
}

.sp-wcsp-slider-area.swiper-vertical .swiper-wrapper {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.sp-wcsp-slider-area.nav-vertical-on-hover.swiper-vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner.swiper-vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center.swiper-vertical .sp-wcsp-button-prev {
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
}

.sp-wcsp-slider-area.nav-vertical-on-hover.swiper-vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertical-center-inner.swiper-vertical .sp-wcsp-button-prev {
	top: 76px;
}

.sp-wcsp-slider-area.swiper-vertical.nav-vertical-on-hover:hover .sp-wcsp-button-prev {
	left: 50%;
}

.sp-wcsp-slider-area.nav-vertical-on-hover.swiper-vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center-inner.swiper-vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center.swiper-vertical .sp-wcsp-button-next {
	top: unset;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.sp-wcsp-slider-area.nav-vertical-on-hover.swiper-vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertical-center-inner.swiper-vertical .sp-wcsp-button-next {
	bottom: 4px;
}

/* Carousel nav vertically center */
.sp-wcsp-slider-area.nav-vertically-center .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertically-center .sp-wcsp-button-next {
	top: 50%;
	transform: translateY(-50%);
	overflow: unset;
	margin-top: 0px;
}

.sp-wcsp-slider-area.nav-vertically-center .sp-wcsp-button-prev {
	left: -15px;
	right: auto;
}

.sp-wcsp-slider-area.nav-vertically-center .sp-wcsp-button-next {
	right: -15px;
}

.sp-wcsp-slider-area.swiper-vertical.nav-vertical-on-hover:hover .sp-wcsp-button-prev {
	left: 50%;
}

/* Vertical On Hover */
.sp-wcsp-slider-area.nav-vertical-on-hover .sp-wcsp-button-prev {
	left: -35px;
	opacity: 0;
}

.sp-wcsp-slider-area.nav-vertical-on-hover .sp-wcsp-button-next {
	right: -35px;
	opacity: 0;
}

.sp-wcsp-slider-area.nav-vertical-on-hover:hover .sp-wcsp-button-next {
	right: 2px;
	opacity: 1;
}

.nav-vertically-center-inner-hover .sp-wcsp-button-prev,
.nav-vertically-center-inner-hover .sp-wcsp-button-next,
.nav-vertically-center-inner .sp-wcsp-button-prev,
.nav-vertically-center-inner .sp-wcsp-button-next,
.nav-vertically-center-outer .sp-wcsp-button-prev,
.nav-vertically-center-outer .sp-wcsp-button-next {
	position: absolute;
	top: calc( 50% - 35px );
	z-index: 99;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.nav-vertically-center-inner .sp-wcsp-button-prev,
.nav-vertically-center-outer .sp-wcsp-button-prev {
	left: 0;
}

.sp-wcsp-slider-area {
	position: relative;
	clear: both;
}

.sp-wcsp-cat-item,
.sp-wcsp-cat-item-thumb-content {
	position: relative;
	overflow: hidden;
}

.content-position-left-thumb-right-cont.wpcs-equal-height-item .sp-wcsp-cat-item .sp-wcsp-cat-details,
.content-position-left-cont-right-thumb.wpcs-equal-height-item .sp-wcsp-cat-item .sp-wcsp-cat-details {
	min-height: 100%;
}

/* vertical layout */
.sp-wcsp-slider-area.nav-vertically-center-inner .swiper-container-vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertically-center-inner .swiper-container-vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical .sp-wcsp-button-next,
.sp-wcsp-slider-area.nav-vertically-center .swiper-container-vertical .sp-wcsp-button-prev,
.sp-wcsp-slider-area.nav-vertically-center .swiper-container-vertical .sp-wcsp-button-next {
	left: 50%;
	transform: translateX(-50%);
}

/* Vertical outer */
.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical .sp-wcsp-button-prev {
	top: -50px;
}
.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical .sp-wcsp-button-next {
	bottom: -50px;
	top: unset;
}

/* Vertical inner */
.sp-wcsp-slider-area.nav-vertically-center-inner .swiper-container-vertical .sp-wcsp-button-prev {
	top: 30px;
}

.sp-wcsp-slider-area.nav-vertically-center-inner .swiper-container-vertical .sp-wcsp-button-next {
	bottom: 30px;
	top: unset;
}

/* Vertical center */
.sp-wcsp-slider-area.nav-vertically-center .swiper-container-vertical .sp-wcsp-button-prev {
	top: -15px;
}
.sp-wcsp-slider-area.nav-vertically-center .swiper-container-vertical .sp-wcsp-button-next {
	bottom: -15px;
	top: unset;
}

.sp-wcsp-slider-area.nav-vertically-center-inner .swiper-container-vertical .sp-wcsp-button-next>i:before,
.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical .sp-wcsp-button-next>i:before,
.sp-wcsp-slider-area.nav-vertically-center-inner .swiper-container-vertical .sp-wcsp-button-prev>i:before,
.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical .sp-wcsp-button-prev>i:before,
.sp-wcsp-slider-area.nav-vertically-center .swiper-container-vertical .sp-wcsp-button-prev>i:before,
.sp-wcsp-slider-area.nav-vertically-center .swiper-container-vertical .sp-wcsp-button-next>i:before {
	transform: rotate(90deg);
}

.sp-wcsp-slider-area.nav-vertically-center-outer .swiper-container-vertical>.swiper-pagination-bullets {
	margin-top: 60px;
}

/* Pagination */
.sp-wcsp-pagination {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1;
	margin-top: 20px;
}

.sp-wcsp-pagination .swiper-pagination-bullet:focus {
	outline: none;
}

.swiper-container-horizontal>.sp-wcsp-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}


/* Content Position content above thumbnail below */
.content-position-cont-above-thumb-below .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
	display: flex !important;
}

/* Content Position left thumb right content */
.content-position-left-thumb-right-cont .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.content-position-left-thumb-right-cont .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail {
	margin-right: 15px;
	width: 50%;
}

.content-position-left-thumb-right-cont .sp-wcsp-cat-item .sp-wcsp-cat-details {
	text-align: left;
	width: 50%;
}

/* Content Position right thumb left content */
.content-position-left-cont-right-thumb .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	text-align: right;
}

.content-position-left-cont-right-thumb .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail {
	margin-left: 15px;
	width: 50%;
}

.content-position-left-cont-right-thumb .sp-wcsp-cat-item .sp-wcsp-cat-details {
	text-align: right;
	width: 50%;
}

/* Content position on hover */
.sp-wcsp-slider-area .sp-wcsp-cat-details-content {
	box-sizing: border-box;
}

.content-position-cont-over-thumb .sp-wcsp-cat-details {
	position: absolute;
	height: auto;
	width: 100%;
	bottom: 0;
	left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.sp-wcsp-children ul {
	padding: 0;
}

.sp-wcsp-children li ul {
	display: none;
}

/* Child Category */
.sp-wcsp-cat-details ul.sp-wcsp-children {
	margin: 0;
	padding: 0;
}

.sp-wcsp-cat-details ul.sp-wcsp-children li span {
	/* padding-bottom: 5px; */
	display: inline-block;
	/* padding: 5px; */
	color: #636363;
	font-size: 10px;
	height: 16px;
	width: 16px;
	text-align: center;
	cursor: pointer;
	line-height: 16px;
}

.sp-wcsp-cat-details ul.sp-wcsp-children li {
	list-style: none;
}

.sp-wcsp-cat-details ul.sp-wcsp-children li a {
	position: relative;
	z-index: 2;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	from {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInUp {
	from {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInDown {
	from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}


@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}

	50% {
		opacity: 1;
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

@keyframes zoomInDown {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
		animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
		-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}


@-webkit-keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes jackInTheBox {
	from {
		opacity: 0;
		-webkit-transform: scale(0.1) rotate(30deg);
		transform: scale(0.1) rotate(30deg);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}

	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	70% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg);
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.content-position-cont-over-thumb .sp-wcsp-cat-item:hover .rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

.sp-wcsp-overlay-click-able {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	top: 0;
}

/* Block Layouts CSS */
.sp-wcsp-slider-area .sp-wcsp-slider-area.block * {
	box-sizing: border-box;
}

/* Hierarchical grid one */
.sp-wcsp-slider-area.block-1 .sp-wcsp-slider-section .sp-wcsp-block-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}

.sp-wcsp-slider-area.block-1 .sp-wcsp-slider-section .sp-wcsp-cat-item:first-child {
	grid-row: span 2;
	grid-column: span 2;
}

/* Hierarchical grid 2,3,4 and 5 style */
.sp-wcsp-slider-area.block-2 .sp-wcsp-slider-section .sp-wcsp-block-row,
.sp-wcsp-slider-area.block-3 .sp-wcsp-slider-section .sp-wcsp-block-row,
.sp-wcsp-slider-area.block-4 .sp-wcsp-slider-section .sp-wcsp-block-row,
.sp-wcsp-slider-area.block-5 .sp-wcsp-slider-section .sp-wcsp-block-row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.sp-wcsp-slider-area.block-5 .sp-wcsp-slider-section .sp-wcsp-block-row {
	grid-auto-rows: 250px;
}

.sp-wcsp-slider-area.block-2 .sp-wcsp-slider-section .sp-wcsp-cat-item:first-child,
.sp-wcsp-slider-area.block-3 .sp-wcsp-slider-section .sp-wcsp-cat-item:nth-child(2),
.sp-wcsp-slider-area.block-4 .sp-wcsp-slider-section .sp-wcsp-cat-item:first-child,
.sp-wcsp-slider-area.block-5 .sp-wcsp-slider-section .sp-wcsp-cat-item:first-child {
	grid-row: span 2;
	grid-column: span 2;
}

.sp-wcsp-slider-area.block-4 .sp-wcsp-slider-section .sp-wcsp-cat-item:nth-child(2) {
	grid-row: span 2;
}

.sp-wcsp-slider-area.block-5 .sp-wcsp-block-row .sp-wcsp-cat-item:nth-child(2) {
	grid-column: span 2;
}

.sp-wcsp-slider-area.block .sp-wcsp-block-row .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
	display: flex;
	flex-direction: column;
}

.sp-wcsp-slider-area.block .sp-wcsp-block-row .sp-wcsp-cat-item,
.sp-wcsp-slider-area.block .sp-wcsp-block-row .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content,
.sp-wcsp-slider-area.block .sp-wcsp-block-row .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail,
.sp-wcsp-slider-area.block .sp-wcsp-block-row .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail img {
	height: 100%;
	object-fit: cover;
}

/* Pagination. */
.woo-cat-load-more button {
	cursor: pointer;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
	border: 2px solid #b43d74;
	font-weight: 700;
	border-radius: 3px;
	background: #b43d74;
	padding: 8px 16px;
	-webkit-transition: all .33s;
	transition: all .33s;
	line-height: 20px;
}

.woo-cat-load-more .pagination-end-status {
	color: #fff;
	font-size: 16px;
	background: #212121;
	width: 25%;
	margin: 0 auto;
	text-align: center;
}

.woo-cat-grid-pagination .woo-cat-pagination-number .woo-cat-page-numbers {
	background: #fff;
	color: #5e5e5e;
	border: 2px solid #bbb;
	width: 38px;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	text-align: center;
	margin-right: 4px;
	text-decoration: none;
	font-weight: 700;
	border-radius: 3px;
	-webkit-transition: all .33s;
	transition: all .33s;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
}

.woo-cat-grid-pagination .woo-cat-pagination-number .woo-cat-page-numbers:focus {
	outline: none;
}

.woo-cat-grid-pagination .woo-cat-pagination-number .woo-cat-page-numbers.active {
	color: #ffffff;
	border-color: #178087;
	background: #178087;
}

/* block CSS End */

/* Direction left to right Navigation style */
.sp-wcsp-slider-section.swiper-container-rtl .sp-wcsp-button {
	position: inherit;
	margin: 0 auto;
	float: right;
	margin-bottom: 22px;
}

.sp-wcsp-slider-section.swiper-container-rtl .sp-wcsp-button .sp-wcsp-button-prev {
	float: left;
}

.swiper-container-fade .swiper-slide {
	display: flex;
}

.sp-wcsp-cat-item {
	direction: ltr;
}

.sp-wcsp-cat-item:hover {
	transition: all .3s;
	-webkit-transition: background .3s ease-out;
	-moz-transition: background .3s ease-out;
	-o-transition: background .3s ease-out;
	transition: background .3s ease-out;
}

html[dir='rtl'] .sp-wcsp-cat-item {
	direction: rtl;
}

.sp-wcsp-slider-area .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sp-wcsp-slider-area .swiper-container-vertical>.swiper-pagination-bullets {
	position: absolute;
	right: 10px;
	left: 0;
	top: 100%;
	transform: translateY(0%);
}

.sp-wcsp-slider-area .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	display: inline-block;
}

/* Pagination Number */
.sp-testimonial-pro-wrapper .sp-wcsp-slider-section .sp_testimonial-number-pagination.swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 12px;
	overflow: hidden;
	font-size: 12px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
	padding-top: 4px;
	font-weight: 500;
}

.sp-testimonial-pro-wrapper .sp-wcsp-slider-section .sp_testimonial-number-pagination.swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: #fff;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #666;
}

/* kenburn effect css */
.sp-wcsp-slider-section .swiper-sliding-effect {
	display: flex;
	width: 100%;
}

.wcsp-kenburn .swiper-slide .swiper-sliding-effect {
	transform: scale(1.2);
	transition: transform 3s linear;
	max-width: 100%;
	width: 100%;
}

.wcsp-kenburn .swiper-slide.swiper-slide-duplicate-active .swiper-sliding-effect,
.wcsp-kenburn .swiper-slide.swiper-slide.swiper-slide-active .swiper-sliding-effect {
	transform: scale(1);
}

.wpcpro-infinite-scroll-loader svg {
	display: inline-block;
}

.wcsp-kenburn .sp-wccsp-wrapper .swiper-slide,
.wcsp-kenburn.swiper-container-autoheight .swiper-slide {
	overflow: hidden;
}

.sp-wcsp-slider-area .sp-wcsp-slider-section:dir(rtl)>.sp_category-pagination-scrollbar {
	transform: translateX(0) !important;
	left: 0 !important;
	width: 100% !important;
}