@keyframes vb_opacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

body .vb-drop {
	--drop-wt: var(--drop-custom-wt,var(--vb-sub-box-wt,250px));
	--drop-sp: 0px;
	--drop-pd: var(--vb-sub-box-pd,13px 00px);
	--drop-bg: var(--vb-sub-box-bg,var(--vb-global-box-bg));
	--drop-br-wt: var(--vb-sub-box-br-wt,1px);
	--drop-br-st: var(--vb-sub-box-br-st,solid);
	--drop-br-cr: var(--vb-sub-box-br-cr,var(--vb-global-br-cr));
	--drop-sd: var(--vb-sub-box-sd,none);
	--drop-rd: var(--vb-sub-box-rd,var(--vb-global-rd));
	--drop-in-st: 0px;
	--drop-in-en: 0px;
	--drop-op: 1;
	--drop-bg-img: var(--vb-sub-box-bg-img,none);
	--drop-bg-pos: var(--vb-sub-box-bg-pos,center);
	--drop-bg-sz: var(--vb-sub-box-bg-sz,auto);
	--drop-bg-op: var(--vb-sub-box-bg-op,1);
	z-index: 999999;
	width: var(--drop-wt)!important;
	padding: var(--drop-pd)!important;
	margin: var(--drop-sp)!important;
	background: var(--drop-bg)!important;
	box-shadow: var(--drop-sd)!important;
	border-radius: var(--drop-rd)!important;
	flex-wrap: wrap!important;
	inset-inline-end: var(--drop-in-en)!important;
	inset-inline-start: var(--drop-in-st)!important;
	opacity: var(--drop-op) !important;
}

.vb-drop::before {
	content: "";
	width: 100% !important;
	position: absolute;
	z-index: -1;
	height: 100% !important;
	background-image: var(--drop-bg-img)!important;
	background-position: var(--drop-bg-pos)!important;
	background-size: var(--drop-bg-sz)!important;
	opacity: var(--drop-bg-op,1)!important;
	inset-inline-start: 0px;
	background-repeat: no-repeat;
	top: 0px;
	border-radius: var(--drop-rd)!important;
	border-width: var(--drop-br-wt)!important;
	border-color: var(--drop-br-cr)!important;
	border-style: var(--drop-br-st)!important;
	box-sizing: border-box;
}

body .vb-drop.vb-not-pointer,
	body .vb-drop.vb-not-pointer * ,
	body .vb-drop.vb-not-pointer li * {
	pointer-events: none !important;
	z-index: -999;
}

@media (min-width: 1025px) {
 
	.vb-drop {
		position: absolute !important;
		z-index: 9999999999 !important;
		transition: margin 300ms,opacity 300ms,transform 0ms ease 300ms !important;
		transform: rotateX(-90deg) !important;
		--drop-in-st: 0px!important;
		--drop-in-en: auto!important;
		--drop-op: 0!important;
	}

	.vb-menu:not(.vb-menu-clicked) > li:hover > .vb-drop,
 	.vb-menu.vb-menu-clicked > li.vb-menu-active > .vb-drop {
		transition: margin 300ms,opacity 300ms,transform 0ms!important;
		transform: rotateX(0deg)!important;
		--drop-op: 1!important;
	}

	.vb-drop > li.vb-menu-full-width > .vb-drop {
		--drop-wt: var(--drop-custom-wt) !important;
	}

	.vb-drop > li > .vb-drop {
		--drop-in-st: 100%!important;
		--drop-in-en: auto!important;
		--drop-sp: 0px !important;
		z-index: 99999 !important;
	}

	.vb-drop > li > .vb-drop.vb-drop-inverse {
		--drop-in-en: auto !important;
		--drop-in-st: -100% !important;
	}

	.vb-drop > li:is(.vb-menu-full-width) > .vb-drop:is(.vb-drop-inverse) {
		--drop-in-en: auto !important;
		--drop-in-st: -100% !important;
		--drop-wt: 250px !important;
	}
}