.km-size-table td,
.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

.b_post.is-selected .bg_cov,
.home-pr-items section a.is-selected .si-des{
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
  -ms-animation-delay: .45s;
  -o-animation-delay: .45s;
  animation-delay: .45s;
}
.open-poup-prod .tab_container section > div,
.mc-open .woocommerce-mini-cart__total.total, .mc-open #hv_mini_cart > div .hv-btn-b,
.b_post.is-selected a:first-child .bg_cov{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -ms-animation-delay: .3s;
  -o-animation-delay: .3s;
  animation-delay: .3s;
}
header .mob-navigation > div.preload-an,
header div.header-links.preload-an,
header .header-items > div.preload-an,
.sc-open #hv-search form,
.b_post.is-selected a:last-child .bg_cov{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -ms-animation-delay: .1s;
  -o-animation-delay: .1s;
  animation-delay: .1s;
}
div.logo svg:hover #logo-1.drow-lp{
     -webkit-animation-name: fadeInUpsvg;
    -moz-animation-name: fadeInUpsvg;
    -o-animation-name: fadeInUpsvg;
    animation-name: fadeInUpsvg; 
      -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -ms-animation-delay: .3s;
  -o-animation-delay: .3s;
  animation-delay: .3s;
}
header .mob-navigation > div.preload-an,
.form-send-suc .out-order-suc,
.form-send-suc .ind-order-suc,
header div.header-links.preload-an,
header .header-items > div.preload-an,
#filter.f-pos.filter-f-an .filter-links,
.filter-gird .amp-sort > label.mc-item-an,
.wcapf-layered-nav ul > li.mc-item-an,
/*#product-img-gall-main .carousel-cell.is-selected,*/
.open-poup-prod .tab_container section > div,
.sc-open #hv-search form,
.mini_cart_item.mc-item-an,
.mc-open .woocommerce-mini-cart__total.total, .mc-open #hv_mini_cart > div .hv-btn-b,
.has_items #hv-checkout-l .cart-link::before,
.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.out-order-suc,
.ind-order-suc,
.animatedpre{
    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;

}
header div.header-links,
header .mob-navigation > div,
header .header-items > div,
.filter-gird .amp-sort > label,
.wcapf-layered-nav ul > li,
.tab_container section > div,
#hv-search form,
.mini_cart_item,
.woocommerce-mini-cart__total.total, #hv_mini_cart > div .hv-btn-b,
#hv-checkout-l .cart-link::before,
.b_post .bg_cov,
#product-img-gall-main .carousel-cell,
.home-pr-items section a .si-des{
  opacity: 0;
}
#product-img-gall-main .carousel-cell.is-selected{
  opacity: 1;
}

div.logo svg:hover #logo-1.drow-lp{
  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: .5s;
  -moz-animation-duration: .5s;
  -ms-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
.mob-m-open .sub-nav,
header .mob-navigation > div.preload-an,
.mob-m-open header .header-items > div.preload-an li,
header div.header-links,
header .header-items > div,
#filter.f-pos .filter-links,
.filter-gird .amp-sort > label,
.wcapf-layered-nav ul > li,
.sub-nav,
.tab_container section > div,
#hv-search form,
.mini_cart_item,
.woocommerce-mini-cart__total.total, #hv_mini_cart > div .hv-btn-b,
#hv-checkout-l .cart-link::before,
/*#product-img-gall-main .carousel-cell.is-selected,*/
.b_post.is-selected .bg_cov,
.home-pr-items section a .si-des,
.animated {
  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;
}
@-webkit-keyframes fadeInUpsvg {
    0% {
        fill-opacity: 0;
        -webkit-transform: translateY(-20px) translateZ(0);
    }   100% {
        fill-opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
    }
}

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

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

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

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

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

    100% {
        fill-opacity: 1;
        transform: translateY(0) translateZ(0);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px) translateZ(0);
    }   100% {
        opacity: 1;
        -webkit-transform: translateY(0) translateZ(0);
    }
}

@-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);
    }
}
@media only screen and (min-width:1px) and (max-width: 1023px){
  header .header-items > div.preload-an{
    opacity: 1;
    -webkit-animation-name: unset;
    -moz-animation-name: unset;
    -o-animation-name: unset;
    animation-name: unset; 
  }
  .sub-nav,
  header .header-items > div.preload-an li{
    opacity: 0;
  }
  .mob-m-open .sub-nav{
  -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  -ms-animation-delay: .9s;
  -o-animation-delay: .9s;
  animation-delay: .9s; 
  }
  .mob-m-open header .header-items > div.preload-an li{
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
  -ms-animation-delay: .45s;
  -o-animation-delay: .45s;
  animation-delay: .45s;
  }
}
.filter-l #filter-prload .sp-preload{
    -webkit-animation:  fadecaer  .6s infinite alternate ease-in-out;
    -moz-animation: fadecaer .6s infinite alternate ease-in-out;
    animation:  fadecaer .6s infinite alternate ease-in-out;  
}


@-moz-keyframes fadecaer {
    0% {

        -moz-transform: scale(1);
    }

    100% {
          background-color: transparent; 
        -moz-transform: scale(0.8);
    }
}

@-o-keyframes fadecaer {
    0% {

        -o-transform:  scale(1);
    }

    100% {

        -o-transform: scale(0.8);
    }
}

@keyframes fadecaer {
    0% {

        transform: scale(1);
    }

    100% {

        transform: scale(0.8);
    }
}