/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Slider
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
.rd-slider-list-warp .lSSlideOuter {
	overflow: hidden !important;
}
.rd-slider .rd-item-list {
	vertical-align: top;
	height:auto !important;
	overflow: hidden !important;
	grid-template-columns: repeat(var(--rd-flx,1), 1fr);
	display: grid !important;
}
.rd-slider .lightSlider.rd-item-list{
	height:auto !important;
	overflow:visible !important;
	visibility:visible !important;
	display: inline-flex !important;
}
.rd-slider-list-warp{
	width:100%;
	float: right;
	overflow:visible !important;
}

.lSSlideWrapper .lSFade {
	padding-bottom:var(--rd-ratio,500px) !important;
	width:100%;
    position: relative;
	
}
 
.rd-slider .lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
	
    margin-right: 0;
    width: 100%;
}
.rd-slider .lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
     transition-delay: 0s;
     transition-duration: inherit !important;
     transition-property: opacity;
     transition-timing-function: inherit !important;
}
.rd-slider .lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.rd-slider .lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Arrow
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
.rd-arrow-warp {
	width: calc(100% - var(--rd-gp,0px)) !important;
	right: calc(var(--rd-gp,0px) / 2) !important;
	z-index:9999;
	position: absolute;
	height: 100%;
	top: 0;
	pointer-events: none;
}
.rd-page-list{
	display:none !important;
}
.rd-arrow-warp{
	transition:var(--rd-tr);
	opacity: var(--rd-aw-ly,0);
}

 
[class*="rd-slider"]:hover .rd-arrow-warp {
	opacity: 1;
	transition:var(--rd-tr);
}
.noPager .rd-item-list{
	transform:none !important;
}
/* slider actions */
.sao-hide-arrow .rd-arrow-warp{
	display:none !important;
}
.rd-arrow-warp a {
	opacity:1;
	background:#444;
	top: calc(50% - (var(--rd-aw-sz,45px) / 2 + var(--rd-has-pager,0px)) );
	position: absolute;
	height: var(--rd-aw-sz,45px);
	width: var(--rd-aw-sz,45px);
	font-size:var(--rd-aw-sz,45px);
	pointer-events: all;
	box-shadow:0 0 5px 3px rgba(118,128,138,0.2) !important;
	color:var(--rd-aw-txt,#ffffff);
	background:var(--rd-aw-bg,rgba(0,5,10,0.50));
	border-radius:var(--rd-main-rd,0px);
	cursor: pointer;
}
.rd-arrow-warp a::before{
	width: var(--rd-aw-sz,45px);
	text-align: center;
	position: relative;
	height: var(--rd-aw-sz,45px);
	float: right;
	line-height: var(--rd-aw-sz,45px);
	font-size:0.8em;
	color:inherit !important;
	font-family: 'fontsite';
	text-align: center;
}
.rd-arrow-warp a:hover{
	--rd-aw-txt:var(--rd-primary-txt);
	--rd-aw-bg:var(--rd-primary-bg);
}
.rd-arrow-warp .rd-arrow-prev {
	right: calc(var(--rd-aw-lc,0px) + calc(var(--rd-gp,0px) / -2 ));
}
.rd-arrow-warp .rd-arrow-next {
	left: calc(var(--rd-aw-lc,0px) + calc(var(--rd-gp,0px) / -2 ));
}
.rd-boxed-all  .rd-arrow-warp  .rd-arrow-prev{
	right:calc(var(--rd-aw-lc,0px) + calc(var(--rd-gp,0px) / -2 ) - var(--rd-pd));
}
.rd-boxed-all  .rd-arrow-warp  .rd-arrow-next{
	left: calc(var(--rd-aw-lc,0px) + calc(var(--rd-gp,0px) / -2 )  - var(--rd-pd));
}
.rd-arrow-warp .rd-arrow-prev::before {
	content: "\F024";
	margin-right: -2px;
}
.rd-arrow-warp .rd-arrow-next::before {
	content: "\F023";
	margin-right: 2px;
}
.rd-hide-next .rd-arrow-next,.rd-hide-prev .rd-arrow-prev{
	display:none !important;
	opacity:.0 !important;
	pointer-events: none !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Pager
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
.rd-slider-list-warp .lSPager{
	display:none;
}
.rd-pager{
	--rd-has-pager:30px;
}
.rd-pager .lSSlideOuter .lSPager.lSpg{
	display:inline-block !important;
	opacity:1;
	position:relative;
	padding: 0;
	padding-right: 0px;
	text-align: center;
	margin:20px auto 0;
	height:10px;
	width: 100%;
}
.rd-pager .lSSlideOuter .lSPager.lSpg > li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px;
	height:10px;
	margin: 0;
}
.rd-pager .lSSlideOuter .lSPager.lSpg > li a {
	background-color: var(--rd-pg-txt,var(--rd-post-tl-lk)) ;
	border-radius: 30px;
	display: inline-block;
	height: 10px;
	overflow: hidden;
	text-indent: -999em;
	width: 10px;
	vertical-align: top;
	position: relative;
	z-index: 99;
	transition: all 0.5s linear 0s;
}
.rd-pager .lSSlideOuter .lSPager.lSpg > li:hover a,.rd-pager .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: var(--rd-pg-atv,var(--rd-primary-bg)) !important;
}
.rd-pager .lSSlideOuter .media {
	opacity: 0.8;
}
.rd-pager .lSSlideOuter .media.active {
	opacity: 1;
}
.rd-el-slider.rd-pager{
	--rd-has-pager:0px;
}
.rd-el-slider.rd-pager .lSSlideOuter .lSPager{
	position:absolute;
	right:0px;
	z-index: 100;
	top:0px;
	opacity:0 !important;
}
.rd-el-slider.rd-pager:hover .lSSlideOuter .lSPager{
	opacity:1 !important;
}
.sao-hide-prev .rd-arrow-prev{
	opacity:.5 !important;
}
.sao-hide-next .rd-arrow-next{
	opacity:.5 !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Dragscroll
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ 
@media (max-width:1024px) {
	body .rd-slider .dragscroll{
		overflow-x: scroll !important;
		overflow-y:hidden!important;
	}
	body .rd-slider .dragscroll .rd-item-list {
		overflow-x: visible !important;
		overflow-y: auto !important;
		transition:none !important;
	}
	body .rd-slider .dragscroll .lSSlideOuter{
		width:100% !important;
		overflow:visible !important;
	}
	.dragscroll .lSSlideWrapper{
		width:auto !important;
	}
	.dragscroll .rd-item-list{
		transform: none !important;
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1;
		width: auto !important;
		height: auto !important;
	}
	.dragscroll .rd-item {
		width:var(--rd-drg-col) !important;
	}
	body .rd-slider .dragscroll .lSSlideOuter .lSPager.lSpg,body .rd-slider .dragscroll .rd-arrow-warp{
		display:none !important;
	}
}
.rd-slider-options{
	display:none !important;
}
.lSSlideWrapper .lSSlide {
	transform: translate(0px, 0px);
	transition-property: transform,height;
	transition-duration: inherit !important;
	transition-timing-function: inherit !important;
}
.lSSlideWrapper .lightSlider.lsGrab > * {
	cursor: grab !important;
}
.lSSlideWrapper .lightSlider.lsGrabbing > * {
	cursor: move !important;
	cursor: grabbing !important;
}
body .rd-slider .sao-hide-arrow .lSSlideWrapper .lightSlider > *,.lSSlideWrapper .lightSlider.lsGrabbing a{
	cursor:inherit !important;
}
