@charset "utf-8";

@keyframes shine {
	100% { left: 125%; }
}
@keyframes blur_txt {
	0% { filter:blur(10px); opacity:0; }
	100% { filter:blur(0); opacity:1; }
}

@keyframes b-progress {
  0% { stroke-dasharray:0 100; }
}


@keyframes spin {
	0% {
		transform:rotateY(0deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}
@keyframes m_vsImg {
	0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	20% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}

@keyframes bgs{
	0%{transform:scale(1.15); opacity:0; }
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs1{
	0%{transform:scale(1.25);}
	100%{transform:scale(1.00);}
}
@keyframes bgs2{
	0%{transform:scale(1.00); }
	100%{transform:scale(1.15); }
}
@keyframes bgs3{
	0%{transform:scale(0.9); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs4{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs5{
	0%{transform:scale(1.15);}
	100%{transform:scale(1.00);}
}

@keyframes scrollDown {
  0% {
    top:8px;
  }
  50% {
    top:16px;
    opacity:1;
  }
  100% {
    top:8px;
  }
}

@-webkit-keyframes txtLeft {
  from {
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtLeft {
  from {
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


@-webkit-keyframes vmLeft {
  from {
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes vmLeft {
  from {
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@-webkit-keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@-webkit-keyframes vm_txtUp {
  from {
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes vm_txtUp {
  from {
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


/* keyframes animation */
@keyframes scroll {
	0% { transform:translateX(3px);}
	50% { transform:translateX(-3px);}
	100% { transform:translateX(3px);}
}


@keyframes vsImg {
	0% { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes scaleY_bar {
	0% { -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); opacity:0; }
	100% { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); opacity:1; }
}

@keyframes ani_1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_3 {
	0% { -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}

@keyframes ani_3_1 {
	0% { -webkit-transform:translate(-50%, 50px); -ms-transform:translate(-50%, 50px); transform:translate(-50%, 50px); opacity:0;}
	100% { -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:1;}
}

@keyframes ani_4 {
	0% { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}
@keyframes ani_5 {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes ani_6 {
	0% {  transform:translate(100px, 100px); opacity:0;}
	100% { transform:translate(0); opacity:1;}
}
@keyframes ani_h0 {
	0% {height:0;}
	100% {height:0;}
}
@keyframes ani_h {
	0% {height:0;}
	100% {height:100%;}
}

@keyframes q_off {
	0% {  opacity:1;}
	100% { transform:translate(250px, 0);  opacity:0;}
}

@keyframes mv_scale{
	0%{transform:scale(0.85); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
@keyframes scale{
	0%{transform:scale(0.6); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}

@keyframes ani_icon5 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	50%{ border-radius:0; transform:rotateZ(180deg); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}
@-webkit-keyframes ani_icon5 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	50%{ border-radius:0; transform:rotateZ(180deg); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}

@keyframes map_over1 {
	0% {opacity:0;}
	100% {opacity:0.8 !important;}
}
@keyframes map_over2 {
	0% {opacity:0;}
	100% {opacity:0.15 !important;}
}
@keyframes map_over3 {
	0% {opacity:0;}
	100% {opacity:0.15 !important;}
}
@keyframes map_over4 {
	0% {opacity:0;}
	100% {opacity:0.1 !important;}
}