.def_des span,
#logo svg path,
.animatable {
  visibility: hidden;
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}
.def_des span.an,
#logo svg path.an,
.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.def_des span.an,
#logo svg path.an,
.animated {
will-change: all;
  visibility: visible;
  will-change:all;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.pc.animated{
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  -ms-animation-duration: 0s;
  -o-animation-duration: 0s;
  animation-duration: 0s;
}
.nav-an-items > li.f-an,
header > .hg-header-item{
    will-change: all;
  visibility: visible;
  will-change:all;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
     -webkit-animation-duration: 0.15s;
  -moz-animation-duration: 0.15s;
  -ms-animation-duration: 0.15s;
  -o-animation-duration: 0.15s;
  animation-duration: 0.15s; 

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;

}
.bn-load,
#ps-add-cart.loading b {
    -webkit-animation: textscale .6s infinite alternate ease-in-out;
    -moz-animation: textscale .6s infinite alternate ease-in-out;
    animation: textscale .6s infinite alternate ease-in-out;    
}
.hg-add-c.loading,
.mc_in_up .cart-preoload{
    -webkit-animation: fadetrans .6s infinite alternate ease-in-out;
    -moz-animation: fadetrans .6s infinite alternate ease-in-out;
    animation: fadetrans .6s infinite alternate ease-in-out;    
}
@keyframes textscale {
    0% {
        letter-spacing: 0.1em;
    }
    100% {
        letter-spacing: normal;
    }
}

@-moz-keyframes fadetrans {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadetrans {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}



@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px) translateZ(0);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0) translateZ(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px) translateZ(0);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0) translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px) translateZ(0);
    }

    100% {
        opacity: 1;
        transform: translateY(0) translateZ(0);
    }
}