body {
	--vb-left: left;
	--vb-right: right;
}


@font-face {
	font-family: 'vb-font';
	font-weight: 300;
	src: url('../fonts/vb-font-300.woff') format('woff');
}

 
@font-face {
	font-family: 'vb-font';
	font-weight: normal;
	src: url('../fonts/vb-font-400.woff') format('woff');
}

@font-face {
	font-family: 'vb-font';
	font-weight: 500;
	src: url('../fonts/vb-font-500.woff') format('woff');
}

@font-face {
	font-family: 'vb-font';
	font-weight: normal;
	font-weight: 700;
	src: url('../fonts/vb-font-700.woff') format('woff');
}

@font-face {
	font-family: 'vb-font';
	font-weight: normal;
	font-weight: 900;
	src: url('../fonts/vb-font-900.woff') format('woff');
}
 
@keyframes vb_rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	 wrapper preview
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
.vb_wrapper_preview {
	position: relative !important;
	z-index: 1;
}
 
 *{
	   pointer-events: none ;
 }
 .vb_wrapper_preview  *,
  .vb-side-box  *,
  #wpadminbar *,
  #vb_contextmenu,
    #vb_contextmenu * {
	   pointer-events: auto;
 }
 

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

																	 	Container Preview 
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb_container_preview {
	z-index: 999999 !important;
	position: relative;
}

.vb_container_preview_empty {
	cursor: pointer;
	height: var(--vb-empty-ht,60px) !important;
}

body .vb_container_preview_empty .vb_element_dragover {
	margin-top: calc(( var(--vb-empty-ht,60px) - 10px)  / 2)!important;
	margin-bottom: calc(( var(--vb-empty-ht,60px) - 10px ) / 2) !important;
}

.vb_container_preview:has(.vb_element_dragover)::after {
	content: "";
}

.vb_container_preview_empty:hover::after {
	opacity: 1;
}

.vb_container_preview_empty::after {
	content: "+";
	position: absolute;
	width: calc(100% - 20px) !important;
	inset-inline-start: 0px !important;
	font-size: 40px;
	top: calc(50% - (var(--vb-empty-ht,60px) / 2) );
	height: calc(var(--vb-empty-ht,60px) - 20px) !important;
	text-align: center;
	opacity: .7;
	margin: 10px !important;
	line-height: calc(var(--vb-empty-ht,60px) - 20px);
	color: rgba(138,148,158,1) !important;
	border: dashed 1px rgba(138,148,158,1) !important;
	z-index: -1;
	cursor: pointer;
	bottom: auto !important;
	pointer-events: none;
	box-sizing: border-box;
}

body  .vb_wrapper_preview .vb_container_preview_empty  .vb_element_preview.ui-sortable-placeholder {
	margin-top: 25px !important;
	float: inline-start !important;
	margin-bottom: 25px !important;
}

.vb_container_preview_cover {
	width: calc(100% + 20px);
	position: absolute;
	z-index: -1;
	inset-inline-start: 0px;
	top: 0px;
	margin: -10px;
	height: calc(100% + 20px);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Element Preview 
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  
body .vb_element_dragover {
	width: calc(100% - 20px)!important;
	float: inline-start;
	height: 10px!important;
	min-height: 10px !important;
	margin-inline-start: 10px !important;
	margin-inline-end: 00px !important;
	border-radius: 5px !important;
	max-height: 10px !important;
	background: rgb(34, 113, 177) !important;
}

.vb_element_preview {
	position: relative;
}

.vb_element_preview select {
	pointer-events: none!important;
}

.vb_wrapper_preview > .vb_element_preview {
	display: none !important;
}

.vb_wrapper_preview .vb_element_preview > .vb_element_cover {
	z-index: 9998 !important;
}

.vb_wrapper_preview .vb_element_preview  .vb_container_preview {
	z-index: 9997!important;
}
 
.vb_wrapper_preview .vb_element_preview:not(.vb_element_active):hover  .vb_container_preview:has(.vb_element_preview:hover):hover {
	z-index: 9999!important;
}

.vb_wrapper_preview .vb_element_preview:not(.vb_element_active):hover  .vb_container_preview:has(.vb_element_preview.vb_element_active):hover {
	z-index: 9999!important;
}

.vb_wrapper_preview .vb_element_preview:not(.vb_element_active) {
	z-index: 10000 !important;
}

.vb_wrapper_preview .vb_element_preview:hover {
	z-index: 10004 !important;
}

.vb_wrapper_preview .vb_element_preview:has(.vb_element_active),
	.vb_wrapper_preview .vb_element_preview:is(.vb_element_active) {
	z-index: 10002 !important;
}

.vb_wrapper_preview .vb_element_preview:is(.vb_element_active):hover {
	z-index: 10003 !important;
}
  
 
body .vb_wrapper_preview.vb_sortable_enable .vb_element_preview:not(.vb_element_active) > .vb_element_cover {
	display: none !important;
}

body .vb_wrapper_preview .vb_element_preview.ui-sortable-placeholder::before,
body .vb_wrapper_preview .vb_element_preview.ui-sortable-placeholder::after {
	content: none !important;
}

body .ui-sortable-helper.vb_element_preview * {
	display: none !important;
}

body .vb_wrapper_preview .vb_element_preview.ui-sortable-placeholder {
	height: 10px!important;
	min-height: 10px !important;
	max-height: 10px !important;
	min-width: 0 !important;
	border: none !important;
	position: relative !important;
	box-shadow: none !important;
	margin: 0px !important;
	padding: 0px !important;
	opacity: 1!important;
	border-radius: 5px !important;
	width: var( --vb-el-wt,100%) !important;
	max-width: var( --vb-el-wt,100%) !important;
	min-width: var( --vb-el-wt,100%) !important;
	visibility: visible !important;
	background: rgb(34, 113, 177) !important;
}

body .vb_wrapper_preview .vb_column_preview > .vb_element_preview.ui-sortable-placeholder,
body .vb-element-single_product_add_to_wish.vb_element_preview.ui-sortable-placeholder
 {
	--vb-el-wt: 100px !important;
	margin:0 10px !important;
}


body .vb_wrapper_preview .vb_column_preview > .vb_element_dragover  {
	width: 100px !important;
		margin:0 10px !important;

}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Element Color 
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb_element_cover {
	position: absolute!important;
	width: 100%;
	height: 100%;
	top: 0px;
	--vb-element-cover-color: #9bd969;
	border: solid 2px var(--vb-element-cover-color);
	pointer-events: none;
	cursor: pointer;
	inset-inline-start: 0;
}
body .vb_element_cover *,
body .vb_element_cover *:hover,
body .vb_element_cover a,
body .vb_element_cover a:hover,
body .vb_element_additives *,
body .vb_element_additives *:hover,
body .vb_element_cover *:after,
body .vb_element_cover *:before{
 	transition: none !important;
}

.vb_element_cover_hide {
	opacity: 0;
}

.vb_element_preview:hover > .vb_element_cover_hide {
	opacity: 1!important;
}

.vb_element_cover .vb_element_heading {
	position: absolute;
	top: -30px;
	inset-inline-start: 50%;
	border-radius: 5px 5px 0px 0px;
	background: var(--vb-element-cover-color);
	transform: translate(-50%,0);
	pointer-events: all;
	padding: 0 0px;
	width: max-content !important;
 	transition: none !important;
	
}
.rtl  .vb_element_cover .vb_element_heading {
 transform: translate(50%,0);
}
.vb_element_cover.vb_element_heading_bottom .vb_element_heading {
	top: 0px !important;
	border-radius: 0px 0px 5px 5px;
}

.vb_element_additives_wrap {
	position: absolute;
	bottom: -30px;
	top: auto;
}

.vb_element_setting {
	float: inline-end;
}

.vb_element_additives_wrap {
	position: absolute;
	bottom: -30px;
	top: auto;
	width: 100%;
	height: 30px;
}

.vb_element_additives_column {
	float: inline-start;
	text-align: center;
	width: var(--vb-col-width,100%);
	position: relative;
	height: 30px;
}

.vb_element_cover .vb_element_additives {
	position: absolute;
	inset-inline-start: 50%;
	border-radius: 0px 0px 5px 5px;
	background: var(--vb-element-cover-color);
	transform: translate(-50%,0);
	padding: 0 0px !important;
	height: 30px;
	width: auto;
}
.rtl .vb_element_cover .vb_element_additives{
		transform: translate(50%,0);
}

.vb_element_cover.vb_element_additives_top .vb_element_additives_wrap {
	position: absolute;
	bottom: 00px;
	top: auto;
}

.vb_element_cover.vb_element_additives_top .vb_element_additives {
	border-radius: 5px 5px 0px 0px;
}

.vb_element_cover .vb_element_heading a,.vb_element_cover .vb_element_heading span,.vb_element_cover .vb_element_additives a {
	vertical-align: top;
	font-style: normal;
	float: inline-start;
	margin: 0px;
	cursor: pointer;
	pointer-events: all;
	height: 30px!important;
	width: 30px !important;
	padding: 0px !important;
	cursor: pointer;
	font-size: 13px !important;
	color: #ffffff!important;
	display: inline-block;
}

.vb_element_cover .vb_element_heading a::before,
.vb_element_cover .vb_element_heading span::before,
.vb_element_cover .vb_element_additives a::before {
	color: inherit !important;
	font-size: inherit !important;
	vertical-align: top;
	line-height: 30px;
	text-align: center;
	width: 30px;
	display: inline-block;
}

body .vb_element_cover .vb_element_additives a:hover,
body .vb_element_cover .vb_element_heading a:hover {
	background: rgba(0,20,40,0.25);
}

.vb_element_move::before {
	cursor: move;
}

.vb_element_active > .vb_element_cover {
	--vb-element-cover-color: #47a000 !important;
	z-index: 9999;
}

body .vb_element_active > .vb_element_cover .vb_element_options::before {
	content: "\f005"!important;
}

.vb_wrapper_preview > .vb_element_additives,
.vb_content_preview > .vb_element_additives {
	position: relative;
	width: 100%;
	bottom: 0px;
	height: 40px;
	text-align: center;
	transform: translateX(-50%);
	inset-inline-start: 50%;
	margin: 30px 0px;
	float: inline-start;
	  z-index: 999 !important;
}
.rtl .vb_wrapper_preview > .vb_element_additives,
.rtl .vb_content_preview > .vb_element_additives{
		transform: translateX(50%);
}
.vb_wrapper_preview > .vb_element_additives a,
.vb_content_preview > .vb_element_additives a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	vertical-align: top;
	display: inline-block;
	font-size: 18px;
	background: #304050;
	border: dashed 1px rgba(138,148,158,0.5);
	margin: 0 5px;
	border-radius: 5px;
	cursor: pointer;
}

.vb_wrapper_preview > .vb_element_additives a::before,
.vb_content_preview > .vb_element_additives a::before {
	color: #ffffff !important;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
}
.vb_wrapper_preview > .vb_element_additives a:hover,
.vb_content_preview > .vb_element_additives a:hover  {
		background:var(--vb-global-primary-bg) !important;
}
.vb_wrapper_preview > .vb_element_additives a:hover:before,
.vb_content_preview > .vb_element_additives a:hover::before {
		color:var(--vb-global-primary-cr) !important;
}
 /******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Cover Color
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb_element_preview.vb-element-column > .vb_element_cover {
	--vb-element-cover-color: #66c0ff;
}

.vb_element_preview.vb-element-column.vb_element_active > .vb_element_cover {
	--vb-element-cover-color: #0c71b8 !important;
}
.vb_element_preview.vb-element-single_blog_image > .vb_element_cover {
	--vb-element-cover-color: rgb(255, 79, 79);
}
 
.vb_element_preview.vb-element-single_blog_image.vb_element_active > .vb_element_cover {
	--vb-element-cover-color:  rgb(187, 13, 13) !important;
}

.vb_element_preview[class*="vb-element-navbar"]> .vb_element_cover,
.vb_element_preview.vb-element-section > .vb_element_cover {
	--vb-element-cover-color: #d481fe;
}

.vb_element_preview[class*="vb-element-navbar"].vb_element_active > .vb_element_cover,
.vb_element_preview.vb-element-section.vb_element_active > .vb_element_cover {
	--vb-element-cover-color: #7f19b2!important;
}
  /******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Contextmenu
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#vb_contextmenu {
	--vb-main-color: #2271b1;
	box-shadow: 0 0 15px 0px rgba(0,0,0,.2);
	background: #ffffff !important;
	z-index: 1000;
	position: absolute;
	border-radius: 5px;
	padding: 5px 0px !important;
	z-index: 99999999999;
	display: grid;
	grid-template-columns: 100%;
}

#vb_contextmenu > [class*="vb_contextmenu_"] {
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	font-size: 13px;
	color: #60686f;
	font-weight: 400 !important;
	cursor: pointer;
	position: relative;
	font-family: 'vb-font';
}

.vb_contextmenu_border_top {
	margin-top: 10px !important;
}

.vb_contextmenu_border_top::after {
	content: "";
	position: absolute;
	inset-inline-start: 0px;
	width: 100%;
	margin-top: -5px !important;
	box-shadow: 0px 1px 0px 0px rgba(0,10,20,.1) !important;
	top: 0px !important;
	height: 1px;
}

#vb_contextmenu > [class*="vb_contextmenu_"]:hover {
	background: var(--vb-main-color);
	color: #ffffff !important;
}

#vb_contextmenu > [class*="vb_contextmenu_"]:hover::before {
	color: inherit !important;
}

.vb_contextmenu_item::before {
	font-size: 15px;
	vertical-align: top;
	margin-inline-end: 10px;
	color: #40484f;
	line-height: inherit;
} 
.vb_contextmenu_closed .vb_icn_toggle::before{
	content: "\f030" !important;
	
}
 
 /******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Misc
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
.vb_loading {
	width: 100%;
	font-size: 0px;
	pointer-events: none;
	border: none!important;
	background-position: center;
	box-shadow: none !important;
	background: none !important;
	height: 60px;
	padding: 10px;
	float: inline-start;
}

.vb_loading::before {
	content: "\F031";
	-webkit-animation: vb_rotate 1.4s infinite linear;
	animation: vb_rotate 1.4s infinite linear;
	font-family: 'visualbuilder';
	float: inline-start;
	position: relative;
	font-size: 40px;
	inset-inline-start: calc(50% - 20px);
}

body .vb_wrapper_preview .vb_column_preview > .vb_loading {
	width: 100px !important;
}

.vb_element_preview.vb-desktop-hide::after ,
.vb_element_preview.vb-tablet-hide::after,
.vb_element_preview.vb-mobile-hide::after {
	border: dashed 1px rgba(0, 0, 0, 0.45) !important;
	position: absolute;
	height: 100%;
	background-image: url('../image/hide.png');
	width: 100%;
	z-index: 1;
	top: 0px;
	inset-inline-end: 0;
	box-sizing: content-box;
	margin: -1px;
	background-color: rgba(120,128,136,0.4);
	z-index: 9999999999;
}

@media (min-width: 1024px) {
	.vb_element_preview.vb-desktop-hide::after {
		content: "";
	}
}

@media (max-width: 1024px) and  (min-width: 751px) {
	.vb_element_preview.vb-tablet-hide::after {
		content: "";
	}
}

@media (max-width: 750px) {
	.vb_element_preview.vb-mobile-hide::after {
		content: "";
	}
}

[ajax-key] {
	opacity: 0.5 !important;
}

.vb_css style {
	display: inline-block !important;
}

.vb_element_preview .vb-video-wrap,
.vb_element_preview .vb-google-map > iframe {
	pointer-events: none;
}

 
.vb_wrapper_preview    .vb-thumbnail-wrap,
.vb_wrapper_preview    .vb-thumbnail-item  {
 	  pointer-events: none !important;
}
.vb_wrapper_preview  .vb_element_active   .vb-thumbnail-wrap,
.vb_wrapper_preview  .vb_element_active   .vb-thumbnail-item{
	 	  pointer-events: all !important;
}
/***********************************************************/
.vb_element_preview.vb-element-heading,
.vb_element_preview.vb-element-image,
.vb_element_preview.vb-element-icon,
.vb_element_preview.vb-element-button,
.vb_element_preview.vb-video-wrap,
.vb_element_preview.vb-element-icon_box,
.vb_element_preview.vb-element-multiple_icon_box,
.vb_element_preview.vb-element-image_box,
.vb_element_preview.vb-element-multiple_image_box,
.vb_element_preview.vb-element-image_carousel,
.vb_element_preview.vb-element-image_gallery,
.vb_element_preview.vb-element-image_slider,
.vb_element_preview.vb-element-icon_list,
.vb_element_preview.vb-element-accordion,
.vb_element_preview.vb-element-tabs,
.vb_element_preview.vb-element-social_icons,
.vb_element_preview.vb-element-sidebar,
.vb_element_preview.vb-element-single_blog_title,
.vb_element_preview.vb-element-single_blog_excerpt,
.vb_element_preview.vb-element-single_blog_content,
.vb_element_preview.vb-element-single_blog_image,
.vb_element_preview.vb-element-single_blog_meta,


.vb_element_preview.vb-element-single_product_title,
.vb_element_preview.vb-element-single_product_short_description,
.vb_element_preview.vb-element-single_product_price,
.vb_element_preview.vb-element-single_product_content,
.vb_element_preview.vb-element-single_product_reviews,
.vb_element_preview.vb-element-single_product_stock,
.vb_element_preview.vb-element-single_product_meta{
	min-height:50px;
	
}
 
.vb_element_preview.vb-element-heading:has(.vb-tl-title),
.vb_element_preview.vb-element-image:has(img),
.vb_element_preview.vb-element-icon:has(.vb-icn-icon),
.vb_element_preview.vb-element-button:has(.vb-btn-button),
.vb_element_preview.vb-video-wrap:has(*),
.vb_element_preview.vb-element-icon_box:has(.vb-icn-icon,.vb-tl-title,.vb-txt-excerpt),
.vb_element_preview.vb-element-multiple_icon_box:has(.vb-item),
.vb_element_preview.vb-element-image_box:has(.vb-img-image,.vb-tl-title,.vb-txt-excerpt),
.vb_element_preview.vb-element-multiple_image_box:has(.vb-item),
.vb_element_preview.vb-element-image_gallery:has(.vb-item),
.vb_element_preview.vb-element-image_carousel:has(.vb-item),
.vb_element_preview.vb-element-image_slider:has(.vb-item),
.vb_element_preview.vb-element-icon_list:has(.vb-item),
.vb_element_preview.vb-element-accordion:has(.vb-accordion-item),
.vb_element_preview.vb-element-tabs:has(.vb-tab-title),
.vb_element_preview.vb-element-social:has(.vb-social > a),
.vb_element_preview.vb-element-sidebar:has(.vb-custom-widget ),

.vb_element_preview.vb-element-single_blog_title:has(.vb-tl-title),
.vb_element_preview.vb-element-single_blog_excerpt:has(.vb-txt-excerpt),
.vb_element_preview.vb-element-single_blog_content:has(.vb-txt-text),
.vb_element_preview.vb-element-single_blog_image:has(img),
.vb_element_preview.vb-element-single_blog_meta:has(li),

.vb_element_preview.vb-element-single_product_title:has(> *:not(.vb-title-wrap),.vb-tl-title),
.vb_element_preview.vb-element-single_product_short_description:has(> *:not(.vb-title-wrap),.vb-txt-excerpt ),
.vb_element_preview.vb-element-single_product_price:has(> *:not(.vb-price-wrap),.vb-price ),
.vb_element_preview.vb-element-single_product_content:has(> *:not(.vb-text-wrap),.vb-txt-text ),
.vb_element_preview.vb-element-single_product_reviews:has(> *),
.vb_element_preview.vb-element-single_product_stock:has(.stock),
.vb_element_preview.vb-element-single_product_stock:has(.vb-taxonomy,.product_meta,.posted_in){
	min-height:auto;	
}

.vb_element_preview[class*="vb-element-single_"] {
	display:flex;	
}

/*
 .vb_element_preview:not(.vb_element_active) > .vb-nav-list > li > .vb-drop-box {
	--drop-box-op:0  !important;
	width:0px !important;
	height:0px !important;
 }