/* slider start */
.rcl-slider {
    margin: 15px 0;
}
/* jssor slider loading skin spin css */
.jssorl-009-spin img {
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-name: jssorl-009-spin;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* jssor slider thumbnail navigator skin 07 css
region Thumbnail Navigator Skin Begin
Help: https://www.jssor.com/development/slider-with-thumbnail-navigator.html
*/
.rcl-gallery-navigator {
    /* size of thumbnail navigator container */
    background-color:rgb(232, 232, 232);
    position: absolute;
}
.rcl-gallery-navigator .p {
    left: 0;
    position: absolute;
    top: 0;
}
.rcl-gallery-navigator .i {
    filter: alpha(opacity=80);
    left: 0;
    opacity: .8;
    position: absolute;
    top: 0;
	object-fit: cover;
}
.rcl-gallery-navigator .p:hover .i, .rcl-gallery-navigator .pav .i {
    filter: alpha(opacity=100);
    opacity: 1;
}
.rcl-gallery-navigator .o {
    border: 1px solid #000;
    box-sizing: content-box;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: border-color .6s;
	-moz-transition: border-color .6s;
	-o-transition: border-color .6s;
	transition: border-color .6s;
}
.rcl-gallery-navigator .pav .o {
    border-color: #0099ff;
}
.rcl-gallery-navigator .p:hover .o {
    border-color: #fff;
    -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.rcl-gallery-navigator .p.pdn .o {
    border-color: #0099ff;
}
/*
#region Arrow Navigator Skin Begin
Help: https://www.jssor.com/development/slider-with-arrow-navigator.html
*/
.rcl-navigator-arrow {
    cursor: pointer;
    display: block;
    position: absolute;
}
.rcl-navigator-arrow .a {
    fill: none;
    stroke: #fff;
    stroke-width: 360;
    stroke-miterlimit: 10;
}
.rcl-navigator-arrow:hover {
    opacity:.8;
}