.vb-slider {
	--sl-ht: var(--vb-img-ht,500px);
	--sl-height: var(--vb-img-ht,500px);
	--sl-ratio: var(--vb-img-ratio,1);
	--pg-sp: var(--vb-pg-sp,20px);
	--pg-cr: var(--vb-pg-cr,var(--vb-global-lk-cr));
	--pg-hv-cr: var(--vb-pg-hv-cr,var(--vb-global-hl-cr));
	--aw-reduce-wt: var(--vb-aw-reduce-wt,0px);
	--aw-reduce-ht: var(--vb-aw-reduce-ht,0px);
	--aw-pd: var(--vb-aw-pd,0.75em);
	--aw-sp: var(--vb-aw-sp,0px);
	--aw-sz: var(--vb-aw-sz,25px);
	--aw-cr: var(--vb-aw-cr,#ffffff);
	--aw-bg: var(--vb-aw-bg,rgba(0,5,10,0.50));
	--aw-br-wt: var(--vb-aw-br-wt,0px);
	--aw-br-cr: var(--vb-aw-br-cr,var(--vb-global-br-cr));
	--aw-br-st: var(--vb-aw-br-st,solid);
	--aw-sd: var(--vb-aw-sd,initial);
	--aw-rd: var(--vb-aw-rd,var(--vb-global-btn-rd));
	
	--aw-hv-cr: var(--vb-aw-hv-cr,var(--vb-global-primary-hv-cr));
	--aw-hv-bg: var(--vb-aw-hv-bg,var(--vb-global-primary-hv-bg));
 	--aw-hv-br-wt: var(--vb-aw-hv-br-wt,var(--aw-br-wt));
	--aw-hv-br-cr: var(--vb-aw-hv-br-cr,var(--aw-br-cr));
	--aw-hv-br-st: var(--vb-aw-hv-br-st,var(--aw-br-st));
	--aw-hv-sd: var(--vb-aw-hv-sd,var(--aw-sd));
	
	--aw-ti: var(--vb-aw-ti,var(--vb-global-ti-duration));
	
	
	--tm-aw-reduce-wt: var(--vb-tm-aw-reduce-wt,0px);
	--tm-aw-reduce-ht: var(--vb-tm-aw-reduce-ht,0px);
	--tm-aw-pd: var(--vb-tm-aw-pd,0.5em);
	--tm-aw-sp: var(--vb-tm-aw-sp,0px);
	--tm-aw-sz: var(--vb-tm-aw-sz,15px);
	--tm-aw-cr: var(--vb-tm-aw-cr,#ffffff);
	--tm-aw-bg: var(--vb-tm-aw-bg,rgba(0,5,10,0.50));
	--tm-aw-br-wt: var(--vb-tm-aw-br-wt,0px);
	--tm-aw-br-cr: var(--vb-tm-aw-br-cr,var(--vb-global-br-cr));
	--tm-aw-br-st: var(--vb-tm-aw-br-st,solid);
	--tm-aw-sd: var(--vb-tm-aw-sd,initial);
	--tm-aw-rd: var(--vb-tm-aw-rd,var(--vb-global-btn-rd));
	
	--tm-aw-hv-cr: var(--vb-tm-aw-hv-cr,var(--vb-global-primary-hv-cr));
	--tm-aw-hv-bg: var(--vb-tm-aw-hv-bg,var(--vb-global-primary-hv-bg));
 	--tm-aw-hv-br-wt: var(--vb-tm-aw-hv-br-wt,var(--tm-aw-br-wt));
	--tm-aw-hv-br-cr: var(--vb-tm-aw-hv-br-cr,var(--tm-aw-br-cr));
	--tm-aw-hv-br-st: var(--vb-tm-aw-hv-br-st,var(--tm-aw-br-st));
	--tm-aw-hv-sd: var(--vb-tm-aw-hv-sd,var(--tm-aw-sd));
	
	--tm-aw-ti: var(--vb-tm-aw-ti,var(--vb-global-ti-duration));
	
	
	
	--sl-tr: var(--vb-sl-tr,1000ms);
	float: inline-start !important;
	width: 100% !important;
}

.vb-slider-options {
	display: none !important;
}

.vb-slider-content {
	display: flex!important;
	flex-wrap: wrap !important;
	user-select: none!important;
	position: relative!important;
	float:inline-start !important;
	width: 100% !important;
}

.vb-slider-wrap:has(.vb-grabbing,.vb-moving) {
	overflow: hidden !important;
}

.vb-item-list.vb-slider-list {
	height: auto !important;
	overflow: visible !important;
	visibility: visible !important;
	display: flex !important;
	transition-duration: var(--sl-tr)!important;
	transition-property: transform,height !important;
	vertical-align: top!important;
	flex-wrap: nowrap !important;
	padding: 00px 0px !important;
	pointer-events: none!important;
	z-index:1;
 	width: var(--sl-list-wt,100%) !important;
	height:auto !important;
 }

.vb-slider .vb-item-list:not(.vb-slider-list),
 .vb-slider .vb-item-list:not(.vb-slider-list) > .vb-item {
	transition: none  !important;
	width:100%;
}

.vb-slider .vb-item {
 	display: none !important; 
	cursor:move;
}

.vb-slider:has(.vb-slide-active) .vb-item {
	display: flex !important;
}

.vb-slider  .vb-slider-list:not(.vb-mode-fade) > .vb-item:not(.vb-slide-active) {
	opacity:0 !important;
	transition: none!important;
} 

.vb-slider .vb-slider-list:not(.vb-mode-fade)  > .vb-item.vb-slide-active ,
.vb-slider  .vb-slider-list.vb-moving:not(.vb-mode-fade)  > .vb-item.vb-slide,
.vb-slider  .vb-slider-list.vb-grabbing:not(.vb-mode-fade)  > .vb-item.vb-slide,
.vb-slider  .vb-slider-list.vb-moving:not(.vb-mode-fade)  > .vb-item.vb-slide:not(.vb-slide-active),
.vb-slider  .vb-slider-list.vb-grabbing:not(.vb-mode-fade)  > .vb-item.vb-slide:not(.vb-slide-active){
 	opacity:1 !important;
 	transition: none!important;
	  pointer-events: all !important;
}
 
.vb-item-list.vb-grabbing {
	--sl-tr: 0ms !important;
}

.vb-slider-content:has(.vb-grabbing,.vb-moving) .vb-slider-list:not(.vb-mode-fade),
  .vb-slider-content:has(.vb-grabbing,.vb-moving) .vb-thumbnail-wrap {
	--img-sd-ofw: var(--img-sd-min) !important;
	--img-hv-sd-ofw: var(--img-hv-sd-min) !important;
	--item-sd-ofw: var(--item-sd-min) !important;
	--item-hv-sd-ofw: var(--item-hv-sd-min) !important;
	--vb-img-ti: 0ms!important;
} 

 
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Mode Fade
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-slider-list.vb-mode-fade {
	padding: 0px !important;
	height: var(--sl-height) !important;
	width: 100% !important;
	position: relative !important;
}

.vb-slider-list.vb-mode-fade  > .vb-slide {
	position: absolute !important;
	top: 0;
	inset-inline-start: 0;
	z-index: 9;
	height: 100% !important;
	margin-inline-end: 0;
	width: 100%;
 	opacity: 0;
	transition-delay: 0s;
	transition-duration: inherit !important;
	transition-property: opacity;
	transition-timing-function: inherit !important;
}

.vb-slider-list.vb-mode-fade   > .vb-slide.vb-slide-active {
	opacity: 1;
	z-index:11 !important;
  pointer-events: all !important;
}
.vb-slider .vb-slider-wrap:has(.vb-mode-fade) {
	overflow: visible !important;
}
 

 
 
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																Slider One
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-slider-one.vb-slider-content [class*="vb-post-"]{
	height:fit-content !important;
}
.vb-slider-one.vb-slider-content .vb-slider-wrap {
	width: var(--sl-wt,calc(100% + var(--main-gap))) !important;
	height:var(--sl-ht,auto)!important;
 	transition-property: margin,height !important;
 
}

.vb-slider:is(.vb-slider-ratio,.vb-slider-height) .vb-slider-one.vb-slider-content .vb-slider-wrap  *:is(.vb-post-gallery,.vb-slider-list) {
	height: 100% !important;
} 
 
.vb-slider:is(.vb-slider-ratio,.vb-slider-height) .vb-slider-one.vb-slider-content .vb-slider-wrap *:is([class*="vb-img-"],.vb-image-stretch) {
	height:100% !important;
	padding:0px !important;
	position:absolute !important;
}
 
 
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	pager
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
 
 
.vb-pager-list {
	display: none!important;
	padding: 0px!important;
	text-align: center!important;
	position: absolute!important;
	gap: 10px !important;
	flex-wrap: wrap!important;
	margin: auto!important;
	transition-duration: var(--vb-global-ti-duration)!important;
	transition-property: var(--vb-global-ti-property)!important;
	width: 100%!important;
	flex-wrap: wrap!important;
	z-index: 999 !important;
	justify-content: center!important;
}

.vb-pager-list > .vb-pager-item {
	cursor: pointer;
	background-color: var(--pg-cr) !important;
	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;
}

.vb-pager-list >  .vb-pager-item:hover,
 .vb-pager-list > .vb-pager-item.vb-pager-active {
	background-color: var(--pg-hv-cr) !important;
	transition: all ease 300ms!important;
}

.vb-pager-carousel   .vb-pager-list {
	position: relative!important;
	display: flex !important;
	top: 0px !important;
	bottom: 0px  !important;
	margin: 0px 0px 0px 0px !important;
}

.vb-pager-carousel .vb-slider-content:has(.vb-pager-list) {
	gap: var(--pg-sp) !important;
}

.vb-pager-top  .vb-pager-list {
	margin: var(--pg-sp) 0px 0px 0px !important;
	display: flex !important;
}

.vb-pager-bottom  .vb-pager-list {
	margin: 0px 0px var(--pg-sp) 0px !important;
	display: flex !important;
}

.vb-pager-top .vb-pager-list,
.vb-pager-bottom .vb-pager-list {
	opacity: 0 !important;
}

.vb-pager-top.vb-pager-fixed .vb-slider-content .vb-pager-list,
.vb-pager-bottom.vb-pager-fixed .vb-slider-content .vb-pager-list,
.vb-pager-top .vb-slider-content:hover .vb-pager-list,
.vb-pager-bottom .vb-slider-content:hover .vb-pager-list {
	opacity: 1 !important;
}
/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Arrows
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
 
.vb-arrows-wrap {
	z-index: 10;
	position: absolute;
	height: 100%;
	
	width: 100%!important;
	height:100% !important;
	padding: 0px !important;
	opacity: 0;
	top: 0px;
	inset-inline-start: 0px;
	transition-duration: var(--vb-global-ti-duration)!important;
	transition-property: var(--vb-global-ti-property)!important;
	pointer-events: none!important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vb-arrows-wrap a {
	opacity: 1;
	position: relative;
	padding: var(--aw-pd) !important;
	pointer-events: all!important;
	cursor: pointer;
}

.vb-arrows-wrap a::before {
	text-align: center;
	position: relative;
	float: inline-start;
	font-size: var(--aw-sz) !important;
	color: var(--aw-cr) !important;
	height: 1.25em !important;
	line-height: 1.25em !important;
	width: 1.25em !important;
	font-family: 'vbicon';
	text-align: center;
	transition-duration: var(--aw-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

.vb-arrows-wrap a::after {
	content: "";
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	top: 0px;
	z-index: -1;
	inset-inline-start: 0px;
	background: var(--aw-bg)!important;
	border-width: var(--aw-br-wt) !important;
	border-color: var(--aw-br-cr) !important;
	border-style: var(--aw-br-st) !important;
	box-shadow: var(--aw-sd) !important;
	border-radius: var(--aw-rd) !important;
	transition-duration: var(--aw-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

.vb-arrows-wrap a:hover:before {
	color: var(--aw-hv-cr)!important;
}

.vb-arrows-wrap a:hover::after {
	background: var(--aw-hv-bg)!important;
	border-width: var(--aw-hv-br-wt) !important;
	border-color: var(--aw-hv-br-cr) !important;
	border-style: var(--aw-hv-br-st) !important;
	box-shadow: var(--aw-hv-sd) !important;
}

.vb-arrows-wrap .vb-arrow-prev,
.rtl .vb-arrows-wrap .vb-arrow-next {
	transform: translate(calc(var(--aw-sp)* -1), 00%);
 }

.vb-arrows-wrap .vb-arrow-next,
.rtl .vb-arrows-wrap .vb-arrow-prev {
	transform: translate(var(--aw-sp), 00%);
 }

.vb-arrows-wrap  .vb-arrow-prev::before,
.rtl .vb-arrows-wrap  .vb-arrow-next::before {
	content: "\F002";
	  inset-inline-start: -2px;
}

.vb-arrows-wrap .vb-arrow-next::before,
.rtl .vb-arrows-wrap .vb-arrow-prev::before {
	content: "\F003";
	  inset-inline-end: -2px;
}

.vb-hide-next  .vb-arrow-next,
.vb-hide-prev  .vb-arrow-prev {
	opacity: 0.5  !important;
	pointer-events: none !important;
}

.vb-pager-carousel .vb-slider-content:has(.vb-pager-list) .vb-arrows-wrap{
	height: calc(100% - (var(--pg-sp) + 10px))!important;
}

.vb-arrows-fixed  .vb-arrows-wrap,
.vb-slider-content:hover  .vb-arrows-wrap {
	opacity: 1 !important;
} 
@media (max-width: 1025px) {
.vb-arrows-wrap  {
	opacity: 1 !important;
} 
}

 .vb-slider-content:has(.vb-thumbnail-wrap) .vb-arrows-wrap {
	height:calc(100% - var(--tm-ht))!important;
 }
 .vb-slider-content.vb-slider-vertical:has(.vb-thumbnail-wrap) .vb-arrows-wrap {
	width:calc(100% - var(--tm-wt))!important;
	height: var(--tm-ht)!important;
	  inset-inline-start: 0px!important;
}
  
 /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Thumbnail list
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-slider-content:has( > .vb-thumbnail-wrap) {
 	--aw-reduce-ht: calc(var(--tm-ht))!important;
	gap: var(--main-gap)!important;
}
 

.vb-slider-content .vb-thumbnail-wrap {
	overflow: hidden!important;
	float: inline-start!important;
	position: relative !important;
}

.vb-slider-content:has(.vb-img-ratio) {
	--vb-tm-ratio: var(--sl-ratio) !important;
}

.vb-slider-content .vb-thumbnail-list {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none outside none;
	opacity: 1  !important;
	display: flex!important;
	transform: translate3d(0px, 0px, 0px);
	position: relative !important;
	top: 0px!important;
	transition-property: transform !important;
	user-select: none!important;
	flex-wrap: nowrap!important;
	width:var(--tm-list-wt)!important;
}

.vb-slider-content  .vb-thumbnail-list .vb-thumbnail-item {
 
	transition: border-radius 0.12s linear 0s 0.35s linear 0s;
	position: relative !important;
	width: 100%!important;
 }
 
 
 /*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	Thumbnail Vertical
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
.vb-slider-auto .vb-slider-content.vb-slider-vertical{
	--tm-wt:calc(var(--vb-tm-wt,100px) + var(--main-gap))!important;
	--sl-wt:calc((100% + var(--main-gap)) - var(--tm-wt))!important;
}
.vb-slider-content.vb-slider-vertical {
 	--aw-reduce-wt: var(--tm-wt) !important;
	--aw-reduce-ht: 0px !important;
 }
 
 
.vb-slider-content.vb-slider-vertical .vb-thumbnail-wrap {
	width: var(--tm-wt) !important;
	height:var(--tm-ht)  !important;
}

 .vb-slider-vertical .vb-thumbnail-list {
   flex-direction: column!important;
	height: var(--tm-list-ht) !important;
 }
  
.vb-slider-content.vb-slide-rtl {
	direction: rtl;
}


/*************************************************************************************************************************************************************************
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 																	thumbnail Arrows
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------
**************************************************************************************************************************************************************************/ 
 
.vb-thumbnail-arrows-wrap {
	
	z-index: 10;
	position: absolute;
	height: 100%;
	width: 100% !important;
	height: calc(var(--tm-ht) - var(--main-gap)) !important;
	padding: 0px !important;
	opacity: 0;
	bottom: 0px;
	inset-inline-start: 0px;
	transition-duration: var(--vb-global-ti-duration)!important;
	transition-property: var(--vb-global-ti-property)!important;
	pointer-events: none!important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.vb-thumbnail-arrows-wrap a {
	opacity: 1;
	position: relative;
	padding: var(--tm-aw-pd) !important;
	pointer-events: all!important;
	cursor: pointer;
}

.vb-thumbnail-arrows-wrap a::before {
	text-align: center;
	position: relative;
	float: inline-start;
	font-size: var(--tm-aw-sz) !important;
	color: var(--tm-aw-cr) !important;
	height: 1.25em !important;
	line-height: 1.25em !important;
	width: 1.25em !important;
	font-family: 'vbicon';
	text-align: center;
	transition-duration: var(--tm-aw-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

.vb-thumbnail-arrows-wrap a::after {
	content: "";
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	top: 0px;
	z-index: -1;
	inset-inline-start: 0px;
	background: var(--tm-aw-bg)!important;
	border-width: var(--tm-aw-br-wt) !important;
	border-color: var(--tm-aw-br-cr) !important;
	border-style: var(--tm-aw-br-st) !important;
	box-shadow: var(--tm-aw-sd) !important;
	border-radius: var(--tm-aw-rd) !important;
	transition-duration: var(--tm-aw-ti) !important;
	transition-property: var(--vb-global-ti-property)!important;
}

.vb-thumbnail-arrows-wrap a:hover:before {
	color: var(--tm-aw-hv-cr)!important;
}

.vb-thumbnail-arrows-wrap a:hover::after {
	background: var(--tm-aw-hv-bg)!important;
	border-width: var(--tm-aw-hv-br-wt) !important;
	border-color: var(--tm-aw-hv-br-cr) !important;
	border-style: var(--tm-aw-hv-br-st) !important;
	box-shadow: var(--tm-aw-hv-sd) !important;
}

.vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-prev,
.rtl .vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-next{
	transform: translate(calc(var(--tm-aw-sp)* -1), 00%);
}

.vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-next,
.rtl .vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-prev {
	transform: translate(var(--tm-aw-sp), 00%);
}

.vb-thumbnail-arrows-wrap  .vb-thumbnail-arrow-prev::before,
.rtl .vb-thumbnail-arrows-wrap  .vb-thumbnail-arrow-next::before{
	content: "\F002";
	margin: 0px;
}

.vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-next::before,
.rtl .vb-thumbnail-arrows-wrap  .vb-thumbnail-arrow-prev::before {
	content: "\F003";
	margin: 0px;
}

.vb-hide-next  .vb-thumbnail-arrow-next,
.vb-hide-prev  .vb-thumbnail-arrow-prev {
	opacity: 0.3  !important;
	pointer-events: none !important;
}
 
.vb-thumbnail-arrows-fixed  .vb-thumbnail-arrows-wrap,
.vb-slider-content:hover  .vb-thumbnail-arrows-wrap {
	opacity: 1 !important;
} 
 
 
.vb-slider-vertical .vb-thumbnail-arrows-wrap{  
    flex-direction: column!important;
	width: calc(var(--tm-wt) - var(--main-gap)) !important;
	height: 100% !important;
	inset-inline-start:auto !important;
inset-inline-end:0px!important; 
 }
  
.vb-slider-vertical .vb-thumbnail-arrow-prev::before {
	content: "\F004";
}

.vb-slider-vertical  .vb-thumbnail-arrow-next::before {
	content: "\F005";
}  
 

 
.vb-slider-vertical .vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-prev {
transform: translate(0%, calc(var(--tm-aw-sp)* -1)) !important;

}

.vb-slider-vertical .vb-thumbnail-arrows-wrap .vb-thumbnail-arrow-next {
transform: translate(0%, var(--tm-aw-sp)) !important;

}

.vb-slider-vertical-start .vb-slider-content{
	   flex-direction: row-reverse;
	 
 }
.vb-slider-vertical-start   .vb-slider-content.vb-slider-vertical:has(.vb-thumbnail-wrap) .vb-arrows-wrap {
 inset-inline-end: 0px !important;
  inset-inline-start: auto !important;
}