.hg-item.text .def_des span,
.form-gird,
#mob-nav,
#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; 
}

.form-gird,
#mob-nav,
.sp-img,
.ser-tpl .cap-des .def_des,
.form-grid,
.pop-img,
.form-tit ,
#h_m_menu > li{
    opacity: 0;
}
.hg-item.text .def_des span{
    position: relative;
    position: relative;
    display: inline-flex;
    margin-right: .25em;
}
.hg-item.text .def_des span,
.f-open .form-gird,
#mob-nav.f-an,
.sp-img.sp-h,
.ser-tpl .cap-des .def_des,
.open-pop .form-grid,
.open-pop .pop-img,
.open-pop .form-tit,
#logo svg path.f-an,
#h_m_menu > li.f-an,
header > .hg-header-item.f-an,
.nav-an-items > li.f-an,
.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.n-rs a{
    -webkit-animation-name: fadeInUpf;
    -moz-animation-name: fadeInUpf;
    -o-animation-name: fadeInUpf;
    animation-name: fadeInUpf;
}


.hg-item.text .def_des span.an,
.f-open .form-gird,
#mob-nav.f-an,
#logo svg path.f-an,
.ser-tpl .cap-des .def_des,
.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;
}
.open-pop .form-grid,
.open-pop .pop-img,
.open-pop .form-tit {
      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: 1.6s;
  -moz-animation-duration: 1.6s;
  -ms-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s; 

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;  
}
.sp-img.sp-h,
.ser-tpl .cap-des .def_des.active,
.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: 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;

}

{
    stroke-dasharray: 1 405.75;
    stroke-dashoffset: 0;
    animation: dash 1.6s ease-in-out infinite;
}

@keyframes dash {
    0% {
        stroke-dasharray: 1 405.75;
        stroke-dashoffset: 0;
    }

    40% {
        stroke-dasharray: 160 405.75;
        stroke-dashoffset: -60;
    }

    100% {
        stroke-dasharray: 1 405.75;
        stroke-dashoffset: -405.75;
    }
}

@-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);
    }
}