/******  ver 1.0***/ 
.vs-elementor-item{
	display:inline-grid;
	float: none !important;
	position:relative;
	width: 100% !important;
	grid-template-columns: 100%;
 
	vertical-align:top;
}
 .vs-elementor-item::before
  {
    content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
    width: 100%;
    float: left;
    position: relative;
    font-size: 25px !important;
    height: 0px;
    visibility: hidden;
}  
@font-face {
  font-family: "vs-slide";
   src: url("../fonts/vs-slide.woff2") format("woff") ;
  font-weight: normal;
  font-style: normal;
} 


.vs-slide-outer{
	border-radius:var(--vs-glo-rd);
	border-color:var(--vs-glo-br-cr);
	border-width:var(--vs-glo-br-wt);
	border-style:var(--vs-glo-br-st);
	box-shadow:var(--vs-glo-sd);
	background-color:var(--vs-glo-bg-cr);
}
 .vs-glider  .vs-slide-inner{
	 	border-radius:var(--vs-glo-rd);
	border-color:var(--vs-glo-br-cr);
	border-width:var(--vs-glo-br-wt);
	border-style:var(--vs-glo-br-st);
	box-shadow:var(--vs-glo-sd);
	background-color:var(--vs-glo-bg-cr);
 }

 .vs-single  .vs-slide-item{
	 	border-radius:var(--vs-glo-rd);
	border-color:var(--vs-glo-br-cr);
	border-width:var(--vs-glo-br-wt);
	border-style:var(--vs-glo-br-st);
	box-shadow:var(--vs-glo-sd);
	background-color:var(--vs-glo-bg-cr);
 }

.vs-custom-slider{
	z-index:auto;
	position:relative; 
	width: auto;
 
	text-align:center;
	margin:var(--vs-glo-mg,0) !important;
	padding:var(--vs-glo-pd,0)  !important;
}
		body .vs-visualslider *{
 			transition: all;
		}

.vs-custom-slider.vs-in-tablet{
	margin:var(--vs-glo-tab-mg,var(--vs-glo-mg,0))  !important;
	padding:var(--vs-glo-tab-pd,var(--vs-glo-pd,0))  !important;
}
.vs-custom-slider.vs-in-mobile{
	margin:var(--vs-glo-mob-mg,var(--vs-glo-mg,0))  !important;
	padding:var(--vs-glo-mob-pd,var(--vs-glo-pd,0))  !important;
}

 .vs-full-width .vs-slide-list-warp{
	 width:100% !important;
	 
}
.vs-slide-list-warp{
	position:relative;
	float:none;
	display:inline-block;
	vertical-align:top;
	margin: auto;
	width:100%;
	text-align:initial;
}

.vs-opacity-hide{
	opacity:0;
	visibility:hidden;
}
.vs-opacity-show{
	opacity:1;
	visibility:visible;
}

.vs-not-width.vs-in-desktop .vs-slide-list-warp{
 	max-width:calc(var(--vs-wt,1240) * 1px);
 }

.vs-not-width.vs-in-tablet .vs-slide-list-warp {
		width:100%;
 }

.vs-not-width.vs-in-mobile .vs-slide-list-warp {
		max-width:100%;
 } 
.vs-slide-outer {
    overflow: hidden; 
    user-select: none;
	position: relative;
}
.vs-slider:before, .vs-slider:after {
    content: " ";
    display: table;
}
 
.vs-slide-wrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
 
 
 .vs-slider {
    overflow: hidden;
    margin: 0;
	transition-property: transform;
}

 
 /************** slide ************************/
 .vs-mode-slide {
	 
 	width:100%;
	display:flex;
 	height:auto !important;
    position: relative;
	visibility:visible !important;
	
}.vs-mode-slide .vs-slide-item {
    position:relative !important;
    top: 0;
	opacity:1 !important;
	overflow:hidden;
    right: 0;
 	margin-left: 0;
    width: 100%;
 
}
.vs-mode-slide .vs-slide-cover{
	width:100%;
	position:relative;
	transition:none !important;
	display:inline-block;
	
	padding-bottom: calc(100% / calc(var(--vs-wt) / var(--vs-ht))) !important;
	height:0px;
 }
 .vs-not-scale .vs-mode-slide .vs-slide-cover{
		padding-bottom:calc(var(--vs-ht) * 1px) !important;

}
.vs-has-desktop.vs-has-desktop.vs-has-scale .vs-mode-slide  .vs-slide-cover{
	padding-bottom: calc(100% / calc(var(--vs-wt) / var(--vs-ht))) !important;
} 
 
.vs-has-tablet.vs-in-tablet.vs-has-scale .vs-mode-slide  .vs-slide-cover{
	padding-bottom: calc(100% / calc(var(--vs-tab-wt) / var(--vs-tab-ht))) !important;
} 
.vs-has-tablet.vs-in-tablet.vs-not-scale .vs-mode-slide  .vs-slide-cover{
	padding-bottom:calc(var(--vs-tab-ht) * 1px) !important;
}
.vs-has-mobile.vs-in-mobile.vs-has-scale .vs-mode-slide  .vs-slide-cover{
	padding-bottom: calc(100% / calc(var(--vs-mob-wt) / var(--vs-mob-ht))) !important;
} 
.vs-has-mobile.vs-in-mobile.vs-not-scale .vs-mode-slide  .vs-slide-cover{
		padding-bottom:calc(var(--vs-mob-ht) * 1px) !important;

}
  
/************** Fade ************************/
 .vs-mode-slide {
      transform: translate(0px, 0px);
      transition-property: transform,height;
	  visibility:visible !important;
     transition-duration: inherit !important;
     transition-timing-function: inherit !important;
}
.vs-mode-fade {
	padding-bottom: calc(100% / calc(var(--vs-wt) / var(--vs-ht))) !important;
	width:100%;
    position: relative;
		visibility:visible !important;

}
 
.vs-not-scale .vs-mode-fade{
		padding-bottom:calc(var(--vs-ht) * 1px) !important;
height: 0px;
}
 
.vs-has-tablet.vs-in-tablet.vs-has-scale .vs-mode-fade {
	padding-bottom: calc(100% / calc(var(--vs-tab-wt) / var(--vs-tab-ht))) !important;
} 
.vs-has-tablet.vs-in-tablet.vs-not-scale .vs-mode-fade{
		padding-bottom:calc(var(--vs-tab-ht) * 1px) !important;

}
.vs-has-mobile.vs-in-mobile.vs-has-scale .vs-mode-fade {
	padding-bottom: calc(100% / calc(var(--vs-mob-wt) / var(--vs-mob-ht))) !important;
} 
.vs-has-mobile.vs-in-mobile.vs-not-scale .vs-mode-fade{
		padding-bottom:calc(var(--vs-mob-ht) * 1px) !important;

}

 
.vs-mode-fade .vs-slide-item {
    position: absolute !important;
    top: 0;
    right: 0;
    z-index: 9;
	height:100%;
     margin-left: 0;
    width: 100%;
    opacity: 0;
     transition-delay: 0s;
     transition-duration: inherit !important;
     transition-property: opacity;
     transition-timing-function: inherit !important;
}
  
.vs-mode-fade   .vs-slide-item.active {
    z-index: 10;
    opacity: 1;
}

.vs-slide-item{
	position:absolute;
}


.vs-slide-cover{
	width:100%;
	background-position:var(--vs-sl-bg-pos,center);
 	height:100%;
	left:0px;
	top:0px;
 	position:absolute;
		transition:none !important;
pointer-events: all;
 	background-repeat:no-repeat;
	background-size:cover;
	background-image:var(--vs-sl-bg-img);
 }
 .vs-slide-cover::before{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	height:100%;
	content:"";
	background:var(--vs-sl-bg-cr,none);
	 
 }
.vs-has-tablet.vs-in-tablet .vs-slide-cover{
		background-position:var(--vs-sl-tab-bg-pos,var(--vs-sl-bg-pos,center));
}
.vs-has-mobile.vs-in-mobile .vs-slide-cover{
		background-position:var(--vs-sl-mob-bg-pos,var(--vs-sl-bg-pos,center));
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager *
 

/************************************************** Pager ***********************************************/
[class*='vs-pager-'] .vs-slide-outer .vs-pager.lSpg{
	display:inline-block !important;
	opacity:0;
}
  
.vs-slide-outer:hover .vs-pager.lSpg{
	opacity:1  !important;
		transition:opacity ease 300ms;

}
 .vs-pager {
 padding: 0;
 display:none;
    padding-left: 0px;
text-align: center;
position: absolute;
margin:0px !important;
top: 20px;margin: auto;
	height:10px;
		transition:opacity ease 300ms;

width: 100%;
}
.vs-pager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px !important;
 	height:10px;
	margin:0px !important;
}
 .vs-pager.lSpg > li a {
    background-color: var(--vs-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;
}
.vs-pager-bottom .vs-pager{
	bottom:20px;
	top:auto !important;
	
}

 .vs-pager.lSpg > li:hover a,
 .vs-pager.lSpg > li.active a {
    background-color: var(--vs-pg-atv-cr,red) !important;
		transition:all ease 300ms;

}
.vs-pager-hover  .vs-pager{
	opacity:0 !important; 
	
 }
.vs-pager-fexid  .vs-pager{
	opacity:1 !important; 
	
 }
/************************************************** arrows ***********************************************/
.vs-arrows-show[class*='vs-arrows-'] .vs-arrow-warp{
	display:inline-block !important;
}


.vs-visualslider.vs-in-desktop{
--vs-mn-aw-sz: var(--vs-aw-sz,45px) !important;	
}
.vs-visualslider.vs-in-tablet{
--vs-mn-aw-sz:var(--vs-tab-aw-sz,var(--vs-aw-sz,45px)) !important;	
}
.vs-visualslider.vs-in-mobile{
--vs-mn-aw-sz:var(--vs-mob-aw-sz,var(--vs-aw-sz,45px)) !important;	
}
.vs-arrow-warp  {
	display:none;
	
 	z-index:10;
    position: absolute;
    height: 100%;
	display:none !important;
	width:100%;
	opacity:0;
    top: 0;
		  transition:all 350ms;

    pointer-events: none;
}
 
.vs-slide-list-warp:hover  .vs-arrow-warp {
 opacity: 1;
 
}
.vs-arrows-fexid  .vs-arrow-warp{
	opacity:1  !important; 
}
.vs-arrow-warp a {
	opacity:1;
	background:#444;
	top: calc(50% - (var(--vs-mn-aw-sz,45px) / 2));
position: absolute;
height: var(--vs-mn-aw-sz,45px);
width: var(--vs-mn-aw-sz,45px);
font-size:var(--vs-mn-aw-sz,45px);
     pointer-events: all;
	   	color:var(--vs-aw-cr,#ffffff);
  	background:var(--vs-aw-bg,rgba(0,5,10,0.50));
	border-radius:var(--vs-aw-rd,0px);
cursor: pointer;
}

.vs-arrow-warp a::before{
width: var(--vs-mn-aw-sz,45px);
text-align: center;
position: relative;
height: var(--vs-mn-aw-sz,45px);
float: left;
line-height: var(--vs-mn-aw-sz,45px);
font-size:0.8em;
color:inherit !important;
font-family: 'vs-slide';
 
text-align: center;
}
 .vs-arrow-warp a:hover{
 	color:var(--vs-aw-hv-cr,#ffffff);
  	background:var(--vs-aw-hv-bg,rgba(0,5,10,0.50));
 }
 
.vs-arrow-warp .vs-arrow-prev {
     left: 0px; 
 	 
}
.vs-arrow-warp .vs-arrow-next  {
     right: 0px; 
} 
.vs-arrows-inside .vs-arrow-warp .vs-arrow-prev{
	     left: 20px; 
}
.vs-arrows-inside .vs-arrow-warp .vs-arrow-next{
	     right: 20px; 
}
.vs-arrows-outside .vs-arrow-warp .vs-arrow-prev{
	     left: calc(var(--vs-mn-aw-sz,45px)/-2); 
}
.vs-arrows-outside .vs-arrow-warp .vs-arrow-next{
	     right: calc(var(--vs-mn-aw-sz,45px)/-2);
}
.vs-arrow-warp  .vs-arrow-prev::before {
	 	   content: "\F023";
     margin-left: -2px;

}
 .vs-arrow-warp .vs-arrow-next::before {
     	 
	   content: "\F024";
      margin-left:  2px;
}
 
.vs-hide-next  .vs-arrow-next,
.vs-hide-prev  .vs-arrow-prev{
	display:none !important;
	opacity:0  !important;
	pointer-events: none !important;
}
 
/********************************************* Timer ***********************************/
.vs-timer .vs-slide::before {
	content:"";
	width:0px;
 	top:0px;
height: 5px;
bottom: 0px;
position: absolute;
background:var(--vs-ti-bg-cr,rgba(255,255,255,0.5)) !important;
width:0;
left: 0;
z-index: 9;
}
.vs-timer .vs-slide-item.active:hover::before{
	width:0px !important;
		  transition:width 0ms ;

}
.vs-timer .vs-slide-item.active::before{
	width:100%;
	transition:width var(--vs-pu,10000ms) linear;
	transform:none;

} 



.vs-slide-options{
	display:none;
}
 
.rtl .vs-arrow-warp .vs-arrow-prev {
     left: auto;
	 right:0px;
 	 
}
.rtl .vs-arrow-warp .vs-arrow-next  {
     right: auto; 
     left: 0px;
	 
} 
.rtl .vs-arrows-inside .vs-arrow-warp .vs-arrow-prev{
	     right: 20px;
		 left:auto;
		
}
.rtl .vs-arrows-inside .vs-arrow-warp .vs-arrow-next{
	     left: 20px;
		 right:auto;
}
.rtl .vs-arrows-outside .vs-arrow-warp .vs-arrow-prev{
	     right: calc(var(--vs-mn-aw-sz,45px)/-2); 
		 left:auto;
		 
}
.rtl .vs-arrows-outside .vs-arrow-warp .vs-arrow-next{
	     left: calc(var(--vs-mn-aw-sz,45px)/-2);
		right:auto;
	 
}
.rtl .vs-arrow-warp  .vs-arrow-prev::before {
	 	   content: "\F024";
     margin-right: -2px;
     margin-left: 0px;

}
.rtl .vs-arrow-warp .vs-arrow-next::before {
     	 
	   content: "\F023";
      margin-right:  2px;
      margin-left:  0px;
}