[class*="vbicon-"]:before {
	font-style: normal;

	content: var(--vb-icon, none) !important;
	font-family: 'vbicon' !important;
}


@font-face {
	font-family: vbicon;
	src: url('../fonts/vbicon.woff2');
	font-weight: 400;
	font-weight: normal;

}

.vbicon-facebook {
	--vb-icon: '\FC01';
	--vb-icon-bg: #395498;
	--vb-icon-cr: #ffffff;
}

.vbicon-youtube {
	--vb-icon: '\FC02';
	--vb-icon-bg: #c22320;
	--vb-icon-cr: #ffffff;
}

.vbicon-whatsapp {
	--vb-icon: '\FC03';
	--vb-icon-bg: #02d300;
	--vb-icon-cr: #ffffff;
}

.vbicon-instagram {
	--vb-icon: '\FC04';
	--vb-icon-bg: #00afc0;
	--vb-icon-cr: #ffffff;
}

.vbicon-tiktok {
	--vb-icon: '\FC05';
	--vb-icon-bg: #222222;
	--vb-icon-cr: #ffffff;
}

.vbicon-snapchat {
	--vb-icon: '\FC06';
	--vb-icon-bg: #f7f300;
	--vb-icon-cr: #111111;
}

.vbicon-telegram {
	--vb-icon: '\FC07';
	--vb-icon-bg: #29a1d5;
	--vb-icon-cr: #ffffff;
}

.vbicon-twitter {
	--vb-icon: '\FC08';
	--vb-icon-bg: #222222;
	--vb-icon-cr: #ffffff;
}

.vbicon-vkontakte {
	--vb-icon: '\FC09';
	--vb-icon-bg: #2683ed;
	--vb-icon-cr: #ffffff;

}

.vbicon-linkedin {
	--vb-icon: '\FC10';
	--vb-icon-bg: #0079b6;
	--vb-icon-cr: #ffffff;
}

.vbicon-discord {
	--vb-icon: '\FC11';
	--vb-icon-bg: #5966f3;
	--vb-icon-cr: #ffffff;

}

.vbicon-reddit {
	--vb-icon: '\FC12';
	--vb-icon-bg: #f74300;
	--vb-icon-cr: #ffffff;

}

.vbicon-pinterest {
	--vb-icon: '\FC13';
	--vb-icon-bg: #ca211c;
	--vb-icon-cr: #ffffff;
}

.vbicon-twitch {
	--vb-icon: '\FC14';
	--vb-icon-bg: #8c44f7;
	--vb-icon-cr: #ffffff;


}

.vbicon-soundcloud {
	--vb-icon: '\FC15';
	--vb-icon-bg: #f76721;
	--vb-icon-cr: #ffffff;

}

.vbicon-spotify {
	--vb-icon: '\FC16';
	--vb-icon-bg: #1dd05d;
	--vb-icon-cr: #ffffff;
}


.vbicon-github {
	--vb-icon-bg: #000000;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC17';
}

.vbicon-steam {

	--vb-icon-bg: #2b5a90;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC18';
}

.vbicon-threads {
	--vb-icon-bg: #222222;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC19';
}

.vbicon-dribbble {
	--vb-icon: '\FC20';

	--vb-icon-bg: #ed4a89;
	--vb-icon-cr: #ffffff;
}

.vbicon-flickr {
	--vb-icon-bg: #0d61cb;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC21';
}

.vbicon-behance {

	--vb-icon-bg: #0053f7;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC22';

}

.vbicon-deviantart {


	--vb-icon-bg: #00ca3c;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC23';
}

.vbicon-vimeo {
	--vb-icon: '\FC24';
	--vb-icon-bg: #5ca9d5;
	--vb-icon-cr: #ffffff;
}

.vbicon-tumblr {
	--vb-icon: '\FC25';
	--vb-icon-bg: #37465d;
	--vb-icon-cr: #ffffff;
}

.vbicon-jsfiddle {
	--vb-icon: '\FC26';

	--vb-icon-bg: #44759f;
	--vb-icon-cr: #ffffff;
}

.vbicon-rss {
	--vb-icon: '\FC27';
	--vb-icon-bg: #f86811;
	--vb-icon-cr: #ffffff;
}

.vbicon-skype {
	--vb-icon-bg: #00aae8;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC28';

}

.vbicon-digg {
	--vb-icon: '\FC29';
	--vb-icon-bg: #4c4c4c;
	--vb-icon-cr: #ffffff;
}

.vbicon-yahoo {
	--vb-icon: '\FC30';
	--vb-icon-bg: #845aa4;
	--vb-icon-cr: #ffffff;
}


.vbicon-email {
	--vb-icon-bg: #f04235;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC31';

}

.vbicon-link {
	--vb-icon-bg: #666666;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC32';

}
.vbicon-print {
	--vb-icon-bg: #999999;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC33';

}

.vbicon-aparat {
	--vb-icon-bg: #e61358;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC34';

}
.vbicon-bale {
	--vb-icon-bg: #0cb689;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC35';

} 


.vbicon-igap {
	--vb-icon-bg: #aacc38;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC36';

} 

.vbicon-soroush {
	--vb-icon-bg: #27748c;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC37';

} 
.vbicon-eitaa {
	--vb-icon-bg: #e87800;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC38';

}
.vbicon-rubika {
	--vb-icon-bg: #33a8da;
	--vb-icon-cr: #ffffff;
	--vb-icon: '\FC39';

} 
.vbicon-close {
	--vb-icon: '\F001';

}


.vbicon-arrow-left,
.rtl .vbicon-arrow-right {
	--vb-icon: '\F002';

}

.vbicon-arrow-right,
.rtl .vbicon-arrow-left {
	--vb-icon: '\F003';

}

.vbicon-arrow-top {
	--vb-icon: '\F004';

}

.vbicon-arrow-bottom {
	--vb-icon: '\F005';

}


.vbicon-menu-1 {
	--vb-icon: '\F006';

}

.vbicon-category-1 {
	--vb-icon: '\F007';

}

.vbicon-account-1 {
	--vb-icon: '\F008';

}

.vbicon-social-1 {
	--vb-icon: '\F009';

}

.vbicon-search-1 {
	--vb-icon: '\F010';

}

.vbicon-email-1 {
	--vb-icon: '\F011';

}

.vbicon-call-1 {
	--vb-icon: '\F012';

}

.vbicon-cart-1 {
	--vb-icon: '\F013';

}

.vbicon-wish-1 {
	--vb-icon: '\F014';

}
.vbicon-plus {
	--vb-icon: '\F016';

}

.vbicon-meta-author-1 {
	--vb-icon: '\F017';

}
.vbicon-meta-category-1 {
	--vb-icon: '\F018';

}

.vbicon-meta-tag-1 {
	--vb-icon: '\F019';

}
.vbicon-meta-date-1 {
	--vb-icon: '\F020';

}
.vbicon-meta-time-1 {
	--vb-icon: '\F021';

}
.vbicon-meta-comments-1 {
	--vb-icon: '\F022';

}



.vbicon-meta-author-2 {
	--vb-icon: '\F023';

}
.vbicon-meta-category-2 {
	--vb-icon: '\F024';

}

.vbicon-meta-tags-2 {
	--vb-icon: '\F025';

}
.vbicon-meta-date-2 {
	--vb-icon: '\F026';

}
.vbicon-meta-time-2 {
	--vb-icon: '\F027';

}
.vbicon-meta-comments-2 {
	--vb-icon: '\F028';

}
.vbicon-share-1 {
	--vb-icon: '\F029';

}
.vbicon-star {
	--vb-icon: '\F030';

}.vbicon-star {
	--vb-icon: '\F030';

}
.vbicon-compare-1 {
	--vb-icon: '\F031';

}
.vbicon-wish-2 {
	--vb-icon: '\F032';

}
.vbicon-play {
	--vb-icon: '\F033';

}

.vbicon-pause {
	--vb-icon: '\F034';

}
.vbicon-sound {
	--vb-icon: '\F035';

}
.vbicon-mute {
	--vb-icon: '\F036';

}
.vbicon-play-o {
	--vb-icon: '\F037';

}
 
 .vbicon-arrow-left-o,
.rtl .vbicon-arrow-right-o {
	--vb-icon: '\F038';

}

.vbicon-arrow-right-o,
.rtl .vbicon-arrow-left-o {
	--vb-icon: '\F039';

}

.vbicon-close-o{
	--vb-icon: '\F040';

}


.vbicon-alert{
	--vb-icon: '\F041';

}
.vbicon-shipment{
	--vb-icon: '\F042';

}
.vbicon-timer-1{
	--vb-icon: '\F043';

}
.vbicon-check{
	--vb-icon: '\F044';

}
.vbicon-close-2{
	--vb-icon: '\F044';

}
.vbicon-clock{
	--vb-icon: '\F046';

}

 
 .symbol_2 .woocommerce-Price-currencySymbol{
	mask-image: url('../image/symbol_2.svg');
 	-webkit-mask-image:url('../image/symbol_2.svg');

}
[class*="vb-svg-"]:before,
[class*="vb-svg-"]:after{
 	mask-size: 100% 100% !important;
	mask-repeat: no-repeat !important;
   -webkit-mask-size: 100% 100% !important;
    -webkit-mask-repeat: no-repeat !important; 
}
 
.vb-svg-starburst-20-l::after {
 	mask-image: url("../image/svg/starburst-20-l.svg");
  }
  .vb-svg-starburst-20-s::after{
 	mask-image: url("../image/svg/starburst-20-s.svg");
 }
  .vb-svg-starburst-10-l::after{
	mask-image: url('../image/svg/starburst-10-l.svg');
 }

  .vb-svg-starburst-10-s::after{
	mask-image: url('../image/svg/starburst-10-s.svg');
 }

  .vb-svg-star::after{
	mask-image: url('../image/svg/star.svg');
 }
  .vb-svg-scalloped-20::after{
	mask-image: url('../image/svg/scalloped-20.svg');
 }
   .vb-svg-scalloped-10::after{
	mask-image: url('../image/svg/scalloped-10.svg');
 }
  .vb-svg-blob-1::after{
	mask-image: url('../image/svg/blob-1.svg');
 }
  .vb-svg-blob-2::after{
	mask-image: url('../image/svg/blob-2.svg');
 }
  .vb-svg-blob-3::after{
	mask-image: url('../image/svg/blob-3.svg');
 }
  .vb-svg-blob-4::after{
	mask-image: url('../image/svg/blob-4.svg');
 }
   .vb-svg-diamond::after{
	mask-image: url('../image/svg/diamond.svg');
 }
  
 .vb-path-cut-corner-side::after{
	clip-path:polygon(0 0,100% 0,calc(100% -  (1em + 10px)) 100%,100% 100%,0 100%);
 }
  .vb-path-cut-corner-bottom::after{
	clip-path:polygon(0 0,100% 0,100% 100%,100% 68%,0 100%);
 }
 .vb-path-ribbon-side::after {
  clip-path: polygon(0 0,100% 0,calc(100% - 1em) 50%,100% 100%,0 100%);
  
}
 .vb-path-ribbon-bottom::after {
  clip-path:  polygon(0% 0%, 100% 0%, 100% 100%, 50% calc(100% -   1em ), 0% 100%);
}
 
.vb-path-arrow-side::after {
  clip-path: polygon(0 0, calc(100% -  1em)  0, 100% 50%,calc(100% -  1em) 100%, 0 100%);
}
.vb-path-arrow-bottom::after {
  clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% -  1em), 50% 100%, 0% calc(100% -  1em));
}
.vb-path-corner::after {
  clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}

 
 .vb-path-corner-ribbon::after {
  clip-path:polygon(0 calc(100% - 2.25em), calc(100% - 2.25em) 0, 100% 0, 0% 100%);
}
 