/*Add Css Custom Here*/

/*============ YUVARLAK YENİ BADGE ==============*/
.box-label .label-product.label-new.label-badge-circle {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border-radius: 50% !important;
  background-color: #BD4B5C !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1 !important;
  padding: 0 !important;
  top: 8px !important;
  left: 8px !important;
  right: auto !important;
  z-index: 10 !important;
  box-shadow: 0 2px 8px rgba(189, 75, 92, 0.45);
  animation: badgePulse 2s ease-in-out infinite;
  overflow: hidden;
}
.box-label .label-product.label-new.label-badge-circle:before {
  display: none !important;
}
.box-label .label-product.label-new.label-badge-circle .fa {
  font-size: 6px;
  line-height: 1;
  margin: 0 1px;
  display: inline-block;
  opacity: 0.85;
}
@keyframes badgePulse {
  0%, 100% { transform: scale(1); box-shadow: 0 2px 8px rgba(189,75,92,0.45); }
  50% { transform: scale(1.08); box-shadow: 0 3px 14px rgba(189,75,92,0.65); }
}

/*====== Fix bugs Megamenu not showing icon font (26/1/2018) =====*/
@media (min-width: 992px){
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a {  line-height: 24px; height: auto;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a i,
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a b {
	    display: inline-block;
	}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li.with-sub-menu > a:before{display: none;}
	.menu-vertical .container-megamenu.vertical .vertical-wrapper ul.megamenu > li > a img{position: static; transform: inherit;}

}