@font-face {
  font-family: "sao-builder";
   src: url("../../fonts/sao-builder.woff2") format("woff") ;
  font-weight: normal;
  font-style: normal;
} 
.lSSlideOuter {
    overflow: hidden; 
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
      transform: translate(0px, 0px);
      transition-property: transform,height;
     transition-duration: inherit !important;
     transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
	padding-bottom:var(--sao-sl-cu-ht,calc(100% / calc(var(--sao-sl-wt) / var(--sao-sl-ht)))) !important;
	width:100%;
    position: relative;
	
}
 
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
	
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
     transition-delay: 0s;
     transition-duration: inherit !important;
     transition-property: opacity;
     transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
[class*='sao-pager-'] .lSSlideOuter .lSPager.lSpg{
	display:inline-block !important;
	opacity:0;
}


.lSSlideOuter:hover .lSPager.lSpg{
	opacity:1;
	
}
.lSSlideOuter .lSPager.lSpg {
 padding: 0;
 display:none;
    padding-right: 0px;
text-align: center;
position: absolute;
top: 20px;margin: auto;
	height:10px;

width: 100%;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
	height:10px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: var(--sao-pg-cr,#222222) ;
    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;
}
.sao-pager-bottom .lSPager{
	bottom:20px;
	top:auto !important;
	
}

.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: var(--sao-pg-cr-atv,var(--sao-prm-bg)) !important;
}
 
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
	display:flex;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    
   
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
     transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
 
	 
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}

 .sao-thumbnail-vertical .sao-slider-list-warp{
		height:calc(100% + var(--sao-gp,0px)) !important;
  	}
/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
 
 
 .lSSlideOuter.vertical .lightSlider > .lslide  {
    width: -moz-available;
    max-width: none !important;
 }
body .vertical .lslide{
 	 height:calc(var(--sao-sl-ht) * 1px) !important;
	 padding:calc(var(--sao-gp,0px) / 2) !important;
	 margin:0px !important;
	 width:100% !important;
 }
 
.sao-slider-list-warp .lSGallery li{
	 padding:calc(var(--sao-gp,0px) / 2) !important;
}

.lSSlideOuter.vertical .sao-image,
.lSSlideOuter.vertical .sao-image-crop{
	 height:100% !important;
	 padding:0 !important;
 }
.lSSlideOuter.vertical .lSGallery{
	display:inline-block !important;
}
.lSSlideOuter.vertical .lSGallery li{
	width:100%;
}

 
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}  
/*/  GRab cursor */
.lSSlideWrapper .lightSlider.lsGrab > * {
 
  cursor: grab !important;   
}
.lSSlideWrapper .lightSlider.lsGrabbing > * {
  cursor: move !important;   
  cursor: grabbing !important;
}
.lSSlideWrapper .lightSlider.lsGrabbing  a{
	  cursor:inherit !important;
}


 
.lSSlideOuter{

 	box-shadow:var(--sao-sl-sd);
	border-width:var(--sao-sl-br-wt) ;
	border-style:var(--sao-sl-br-st) ;
	border-color:var(--sao-sl-br-cr) ;
	border-radius:var(--sao-sl-rd);
	overflow:hidden;
}
 
  
lSSlideOuter:hover{
	transition: all 0.3s;
	overflow: hidden;
 	box-shadow:var(--sao-hv-sl-sd,var(--sao-sl-sd));
	border-width:var(--sao-hv-sl-br-wt,var(--sao-sl-br-wt)) ;
	border-style:var(--sao-hv-sl-br-st,var(--sao-sl-br-st)) ;
	border-color:var(--sao-hv-sl-br-cr,var(--sao-sl-br-cr)) ;
}


/**************************************************************************************************theme Eite***********************************/
.sao-slider-options{
	display:none;
}
.sao-slider-list {
	display:grid;
	grid-template-columns: 100%;
	height:auto !important;
	visibility:hidden !important;
}
 
.lSSlideOuter .sao-slider-list {
	visibility:visible !important;
		display:flex;
	height:auto !important;
}

.sao-slider-list,
.rd-slider-list {
 
	visibility:hidden !important;
}
.sao-slider-list,
 .sao-slider-item{
	visibility:hidden;
}
.lSSlideOuter .sao-slider-list,
.lSSlideOuter .rd-slider-list,
.lSSlideOuter .sao-slider-item{
	visibility:visible !important;
}

 .sao-slider-list-warp .sao-slider-item{
	  margin:calc(var(--sao-gp,0px) / 2);
	width:calc(100% - var(--sao-gp,0px)) !important;

}
   
.sao-slider-list .sao-image{
	 width:100% !important;
	 margin:0px !important;
}
.sao-slider-list .sao-slider-background,
.sao-slider-list .sao-image-crop {
    height: 0px;
	transition:var(--sao-tr);
     padding-bottom: calc(100% / calc(var(--sao-sl-wt) / var(--sao-sl-ht)));
    width: 100% !important;
	float:right;
}
.sao-page-list{
	display:inline-block  !important;
}





 

/* End of Gallery*/
.sao-arrow-warp  {
    width: calc(100% - var(--sao-gp,0px)) !important;
    right: calc(var(--sao-gp,0px) / 2) !important;
	z-index:99;
    position: absolute;
    height: 100%;
    top: 0;
    pointer-events: none;
}
.sao-page-list{
	display:none !important;
}
 .sao-arrow-warp{
	  transition:var(--sao-tr);
opacity: var(--sao-aw-ly,0);
 }
[class*="slider-list-warp"]:hover  .sao-arrow-warp {
 opacity: 1;
 transition:var(--sao-tr);

}


/* slider actions */
.sao-arrow-warp a {
	opacity:1;
	background:#444;
	top: calc(50% - (var(--sao-aw-sz,45px) / 2));
position: absolute;
height: var(--sao-aw-sz,45px);
width: var(--sao-aw-sz,45px);
font-size:var(--sao-aw-sz,45px);
     pointer-events: all;
	   	color:var(--sao-aw-cr,#ffffff);
  	background:var(--sao-aw-bg,rgba(0,5,10,0.50));
	border-radius:var(--sao-aw-rd,0px);
cursor: pointer;
}

.sao-arrow-warp a::before{
width: var(--sao-aw-sz,45px);
text-align: center;
position: relative;
height: var(--sao-aw-sz,45px);
float: right;
line-height: var(--sao-aw-sz,45px);
font-size:0.8em;
color:inherit !important;
font-family: 'sao-builder';
 
text-align: center;
}
 .sao-arrow-warp a:hover{
	 opacity:0.7;
 }
 
.sao-arrow-warp .sao-arrow-prev {
     right: var(--sao-aw-lc,0px); 
 	 
}
.sao-arrow-warp .sao-arrow-next  {
     left: var(--sao-aw-lc,0px); 
}


.sao-thumbnail-vertical .sao-arrow-warp a{
	right: calc(50% - (var(--sao-aw-sz,45px) / 2)) !important;
	left:auto !important;
}
.sao-thumbnail-vertical .sao-arrow-warp .sao-arrow-prev{
     top: var(--sao-aw-lc,0px) !important;
	 bottom:auto;
}.sao-thumbnail-vertical .sao-arrow-warp .sao-arrow-next{
     bottom: var(--sao-aw-lc,0px)   !important;
	 top:auto;
}


.sao-arrow-warp  .sao-arrow-prev::before {
	 	   content: "\F024";
     margin-right: -2px;

}
 .sao-arrow-warp .sao-arrow-next::before {
     	 
	   content: "\F023";
      margin-right:  2px;
}
 
.sao-hide-next  .sao-arrow-next,
	 .sao-hide-prev  .sao-arrow-prev{
	display:none !important;
	opacity:.0  !important;
	pointer-events: none !important;
}
 
.sao-custom-slider.sao-timer .sao-slider-item::before,
 .sao-timer .sao-image::before{
	content:"";
	width:0px;
 	top:0px;
height: 5px;
bottom: 0px;
position: absolute;
background:var(--sao-ti-bg,rgba(255,255,255,0.5)) !important;
width:0;
right: 0;
z-index: 9;
}
.sao-custom-slider.sao-timer .sao-slider-item.active:hover::before,
.sao-timer .sao-slider-item.active:hover .sao-image::before{
	width:0px !important;
		  transition:width 0ms ;

}
.sao-custom-slider.sao-timer .sao-slider-item.active::before,
.sao-timer .sao-slider-item.active  .sao-image::before {
	 width:100%;
	  transition:width var(--sao-pu,10000ms) linear;
		transform:none;

}

/**************** thumbnail**************/
[class*='sao-thumbnail-'] .lslide,
[class*='sao-thumbnail-'] .lSSlideOuter{
	overflow:visible !important;
	
}
.sao-thumbnail-list-warp{
	overflow:hidden;
}

.sao-hide-next .sao-image::before{
	display:none !important;
}


/**************bottom thumb**************/


/*
.sao-bottom-thumb .lSGallery li .sao-slider-thumb-warp:before {
    -webkit-transition: .30s linear;
    transition: .30s linear;
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    height: 100%;
    z-index: 1;
    width: 100%
}*/ 


.sao-thumbnail{
	width: 100%;
position: relative;
float:right;
cursor:pointer;
}

.sao-thumbnail span {
    padding-bottom: 100% ;
    position: relative;
    background-position: center;
    background-size: cover;
    width: 100%;
    display: inline-block;
	float:right;
}
.lSGallery  li.active .sao-thumbnail::before,
.lSGallery  li:hover .sao-thumbnail::before{
	background:none !important;
		 transition: var(--sao-tr) !important; 

}
.sao-thumbnail::before{
	background:var(--sao-tm-bg,rabg(0,0,0,0.5));
	content:"";
	z-index:8;
	position:absolute;
	width:100%;
	height:100%;
		 transition: var(--sao-tr) !important; 

	top:0px;
	right:0px;
}
.sao-thumbnail-horizontal .sao-arrow-warp{
	height:calc(100% - var(--sao-tm-ht)) !important;

} 
.sao-thumbnail-vertical  .sao-arrow-warp{
	height:100% !important;
	width:calc(100% - var(--sao-tm-wt)) !important;

} 
.sao-thumbnail-vertical .sao-arrow-prev::before{
	
		   content: "\F022";
}
.sao-thumbnail-vertical  .sao-arrow-next::before{
	 	   content: "\F019";
	
}

.sao-thumbnail-vertical  .sao-slider-list{
	display:block !important;

} 
 .vertical .sao-thumbnail-list-warp {
    position: absolute;
	height:100%;
    left: 0;
    z-index: 9999;
    top: 0
}