﻿            /*jssor slider arrow skin 073 css*/
            .jssora073 {display:block;position:absolute;cursor:pointer;}
            .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
            .jssora073:hover {opacity:.8;}
            .jssora073.jssora073dn {opacity:.4;}
            .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
            /*jssor slider thumbnail skin 101 css*/
            .jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;}
            .jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:1;}
            .jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
            .jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
            .jssort101 .p:hover{padding:2px;}
            .jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
            .jssort101 .p:hover.pdn{padding:0;}
            .jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
            .jssort101 .pav .cv {border-color:#fff;opacity:.35;}
            .jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
            .jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
            .jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}

.thumbnail-classic, .thumbnail-rayen, .thumbnail-terry,
.thumbnail-classic > figure,
.thumbnail-rayen > figure,
.thumbnail-terry > figure, .thumbnail-classic .figure, .thumbnail-rayen .figure, .thumbnail-terry .figure {
	position: relative;
	display: block;
}

.thumbnail-classic img, .thumbnail-rayen img, .thumbnail-terry img,
.thumbnail-classic figure img,
.thumbnail-rayen figure img,
.thumbnail-terry figure img,
.thumbnail-classic .figure img,
.thumbnail-rayen .figure img,
.thumbnail-terry .figure img {
	width: 100%;
	height: auto;
	transition: .35s;
	will-change: transform;
}

.thumbnail-classic figure figcaption, .thumbnail-rayen figure figcaption, .thumbnail-terry figure figcaption,
.thumbnail-classic figcaption .figure .figcaption,
.thumbnail-rayen figcaption .figure .figcaption,
.thumbnail-terry figcaption .figure .figcaption,
.thumbnail-classic .figcaption,
.thumbnail-rayen .figcaption,
.thumbnail-terry .figcaption {
	position: absolute;
}

.thumbnail {
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 0;
}

.thumbnail .caption {
	padding: 0;
	color: #000;
}

.img-thumbnail,
.thumbnail {
	box-shadow: none;
}

.thumbnail-block {
	display: block;
}

.thumbnail-block > img,
.thumbnail-block a > img {
	width: 100%;
	height: auto;
}

.thumbnail-rayen {
	position: relative;
	overflow: hidden;
}

.thumbnail-rayen:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.8);
	opacity: 0;
	transition: 0.35s all ease;
	z-index: 1;
}

@media screen and (prefers-reduced-motion: reduce) {
	.thumbnail-rayen:before {
		transition: none;
	}
}

.thumbnail-rayen figcaption,
.thumbnail-rayen .figcaption {
	position: absolute;
	left: 50%;
	top: 45%;
	width: 100%;
	color: #3c3c3e;
	opacity: 0;
	transform: translate(-50%, 100%) scale(0);
	transition: 0.35s all ease;
	z-index: 2;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 991.98px) {
.thumbnail-rayen figcaption,
.thumbnail-rayen .figcaption {
	display: none;
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	.thumbnail-rayen figcaption,
	.thumbnail-rayen .figcaption {
		transition: none;
	}
}

.thumbnail-rayen figcaption p,
.thumbnail-rayen .figcaption p {
	color: #3c3c3e;
}

.thumbnail-rayen:hover:before {
	opacity: 1;
}

.thumbnail-rayen:hover figcaption,
.thumbnail-rayen:hover .figcaption {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.thumbnail-rayen-primary:before {
	background: rgba(255, 255, 255, 0.8);
}

@media (max-width: 991.98px) {
	.media-space {
		padding-top: 0 !important;
	}
}

@media (max-width: 991.98px) {
	.media-centered {
		text-align: center;
	}
	.media-centered:before {
		left: 50%;
		transform: translateX(-50%);
	}
}

.tablet .thumbnail-rayen:before,
.mobile .thumbnail-rayen:before {
	display: none;
	opacity: .8;
	will-change: transform;
}

.tablet .thumbnail-rayen figcaption,
.tablet .thumbnail-rayen .figcaption,
.mobile .thumbnail-rayen figcaption,
.mobile .thumbnail-rayen .figcaption {
	left: 50%;
	top: 50%;
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
	will-change: transform;
}

.tablet .thumbnail-rayen figcaption .icon,
.tablet .thumbnail-rayen .figcaption .icon,
.mobile .thumbnail-rayen figcaption .icon,
.mobile .thumbnail-rayen .figcaption .icon {
	display: none;
}

.tablet .thumbnail-rayen figcaption a .icon,
.tablet .thumbnail-rayen .figcaption a .icon,
.mobile .thumbnail-rayen figcaption a .icon,
.mobile .thumbnail-rayen .figcaption a .icon {
	font-size: 24px;
}

.tablet .thumbnail-rayen.thumbnail-rayen-product:before,
.mobile .thumbnail-rayen.thumbnail-rayen-product:before {
	display: inline-block;
}
