.track-order-link.common-link i{
  position: unset!important;
}

.header-social-links a {
    color: #ffffff;
    padding: 0 5px;
}

.site-header .toolbar .toolbar-item.compare > a > div{
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header-social-links {
    text-align: right;
}
.heroarea-slider .owl-nav {
    display: none;
}

.features-slider.owl-carousel {
    display: flex !important; /* To override display:block I added !important */
    flex-direction: row;
    justify-content: center; /* To center the carousel */
}

.product-card{
  height: 100%;
}

body .badge.badge-warning,
body .btn-warning {
    color: #000000!important;
    background-color: #ffc107!important;
    border-color: #ffc107!important;
    z-index: 1;
}

body .btn-warning span{
  color: #000000!important;
}
body .btn-warning:before{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
    border-radius: 4px;
  background: #D19D00!important;
  z-index: -1;
  -webkit-transition: 0.3s linear;
  -moz-transition: 0.3s linear;
  transition: 0.3s linear;
}
body .btn-warning:hover:before{
    width: 100%;
}


.cart-close-button {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 18px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
}

.toolbar-dropdown.cart-dropdown {
    top: 16px;
}

/*.close-popup{
  display: none!important;
}*/


.floating-buttons-wrapper {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 999;
}

#floating-main-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  width: 50px;
  font-size: 20px;
  color: #0064f3;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

#floating-main-button ~ button {
  visibility: hidden;
  font-weight: 600;
  height: 50px;
  padding: 0 20px;
  color: #fff;
  background: linear-gradient(90deg, #00a1f5, #0064f3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border: 0;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  opacity: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

#floating-main-button.open ~ button {
  visibility: visible;
  right: 70px;
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}

#floating-main-button ~ a {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 50px;
  width: 50px;
  font-size: 20px;
  opacity: 0;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: .2s all linear;
  -webkit-transition: .2s all linear;
  -moz-transition: .2s all linear;
  -ms-transition: .2s all linear;
  -o-transition: .2s all linear;
}

#floating-main-button ~ .telegram-color {
  background: linear-gradient(0deg, #017AB1, #01ABE6);
}

#floating-main-button ~ .whatsapp-color {
  background: linear-gradient(0deg, #00B100, #09db09);
}

#floating-main-button ~ .messenger-color {
  background: linear-gradient(0deg, #0078FF, #00C6FF);
}

#floating-main-button.open ~ a {
  opacity: 1;
  transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -webkit-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -moz-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -ms-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
  -o-transition: .4s all cubic-bezier(0, 0.01, 0, 1.27);
}
#floating-main-button.open ~ a:nth-of-type(1) {
  bottom: 60px;
}
#floating-main-button.open ~ a:nth-of-type(2) {
  bottom: 120px;
}
#floating-main-button.open ~ a:nth-of-type(3) {
  bottom: 180px;
}

.floating-buttons-wrapper .wave {
  animation-name: wave;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes wave {
  0% {box-shadow: 0 0 0px 0px rgba(255, 255, 255, 0.5);}
  100% {box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0);}
}

.floating-buttons-wrapper .open {
  animation-iteration-count: 1;
}
.cart-dropdown.active {
    display: block;
}
.toolbar-dropdown.cart-dropdown.exclude-this {
    padding: 30px 20px;
}

.qtySelector {
    cursor: pointer;
}

.cart-product-title{
  color: #333333;
}

/*Ajax Preloader css*/
.g-ajax-preloader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.g-ajax-preloader:after {
    content: '';
    background: #000000a1;
    /* filter: blur(10px); */
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
}

.g-ajax-preloader img {
    width: 100px;
}

.a2a_kit a, .btn.btn-primary, .footer-social-links a{
  z-index: 1;
}


.a2a_kit a::before, .btn.btn-primary::before, .footer-social-links a::before{
  z-index: -1;
}