@charset "utf-8";
/* CSS Document */
@keyframes scroll-icon{
  0% {
    -webkit-transform:translateX(-50%) translateY(-12px);
    transform: translateX(-50%) translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(12px);
    transform: translateX(-50%) translateY(12px);
    opacity: 0;
  }
@keyframes yx_wSkewIn {
  from {
    transform: skew(0deg, 10deg) translateY(50px);
    opacity: 0;
  }
  to {
    transform: skew(0deg, 0deg) translateY(0px);
    opacity: 1;
  }
}
@keyframes yx_wSkewOut {
  from {
    transform: skew(0deg, 0deg) translateY(0px);
    opacity: 1;
  }
  to {
    transform: skew(0deg, 10deg) translateY(50px);
    opacity: 0;
  }
}
@-webkit-keyframes scaleBigToSmall {
  0% {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0;
    filter: blur(20px);
  }
  100% {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
    filter: blur(0px);
  }
}
@-moz-keyframes scaleBigToSmall {
  0% {
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0;
    filter: blur(20px);
  }
  100% {
    -moz-transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
    filter: blur(0px);
  }
}
@-ms-keyframes scaleBigToSmall {
  0% {
    -ms-transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0;
    filter: blur(20px);
  }
  100% {
    -ms-transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes opacityZeroHundred {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes widthZeroHundred {
  from {
    opacity: 1;
    width: 0;
  }
  to {
    opacity: 1;
    width: 100%;
  }
}
@-webkit-keyframes yx_fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}
@keyframes yx_fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    filter: blur(0px);
  }
}
@-webkit-keyframes yx_fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    filter: blur(0px);
  }
}
@keyframes yx_fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    filter: blur(0px);
  }
}
@-webkit-keyframes yx_fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    filter: blur(0px);
  }
}
@keyframes yx_fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    filter: blur(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    filter: blur(0px);
  }
}
@-webkit-keyframes yx_fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    transform: translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes yx_fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes yx_fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes yx_fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes yx_fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes yx_fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes yx_fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes yx_fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes yx_fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes yx_fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes circleProgressLoad_right {
  0% {
    transform: rotate(45deg);
  }
  50%,
  100% {
    transform: rotate(225deg);
  }
}
@keyframes circleProgressLoad_left {
  0%,
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(225deg);
  }
}
@keyframes starwinkle {
  0% {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
  }
  50% {
    width: 76%;
    height: 76%;
    left: 12%;
    top: 12%;
  }
  100% {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
  50% {
    width: 76%;
    height: 76%;
    left: 12%;
    top: 12%;
  }
  0% {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
  }
}
@-moz-keyframes starwinkle
/* Firefox */
{
  0% {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
  }
  50% {
    width: 76%;
    height: 76%;
    left: 12%;
    top: 12%;
  }
  100% {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
@-webkit-keyframes starwinkle {
  0% {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
  }
  50% {
    width: 76%;
    height: 76%;
    left: 12%;
    top: 12%;
  }
  100% {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
@-o-keyframes starwinkle
/* Opera */
{
  0% {
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
  }
  50% {
    width: 76%;
    height: 76%;
    left: 12%;
    top: 12%;
  }
  100% {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
}
@keyframes yx_VideoBtn1 {
  0% {
    width: 80%;
    height: 80%;
    opacity: 0;
  }
  50% {
    width: 100%;
    height: 100%;
    opacity: 0.2;
  }
  100% {
    width: 150%;
    height: 150%;
    opacity: 0.3;
  }
}
@keyframes yx_VideoBtn2 {
  0% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  50% {
    width: 150%;
    height: 150%;
    opacity: 0.2;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0.3;
  }
}
@keyframes yx_rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes yx_Bottom {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(6px);
  }
  100% {
    transform: translateY(0px);
  }
}