@charset "UTF-8";
/*size*/
/*color*/
/*amin*/
/*util*/
/*
@include animation(rotate 10s linear infinite);
*/
@-webkit-keyframes atn {
  /* line 30, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-75px);
    -moz-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    -o-transform: translateY(-75px);
    transform: translateY(-75px);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(75px);
    -moz-transform: translateY(75px);
    -ms-transform: translateY(75px);
    -o-transform: translateY(75px);
    transform: translateY(75px);
  }
}

@-moz-keyframes atn {
  /* line 30, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-75px);
    -moz-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    -o-transform: translateY(-75px);
    transform: translateY(-75px);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(75px);
    -moz-transform: translateY(75px);
    -ms-transform: translateY(75px);
    -o-transform: translateY(75px);
    transform: translateY(75px);
  }
}

@keyframes atn {
  /* line 30, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-75px);
    -moz-transform: translateY(-75px);
    -ms-transform: translateY(-75px);
    -o-transform: translateY(-75px);
    transform: translateY(-75px);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(75px);
    -moz-transform: translateY(75px);
    -ms-transform: translateY(75px);
    -o-transform: translateY(75px);
    transform: translateY(75px);
  }
}

@-webkit-keyframes rbg_bg_color {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    background: red;
  }

  /* line 42, ../../../../src/cmn/css/_anim.scss */
  25% {
    background: lime;
  }

  /* line 45, ../../../../src/cmn/css/_anim.scss */
  50% {
    background: blue;
  }

  /* line 48, ../../../../src/cmn/css/_anim.scss */
  75% {
    background: white;
  }
}

@-moz-keyframes rbg_bg_color {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    background: red;
  }

  /* line 42, ../../../../src/cmn/css/_anim.scss */
  25% {
    background: lime;
  }

  /* line 45, ../../../../src/cmn/css/_anim.scss */
  50% {
    background: blue;
  }

  /* line 48, ../../../../src/cmn/css/_anim.scss */
  75% {
    background: white;
  }
}

@keyframes rbg_bg_color {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    background: red;
  }

  /* line 42, ../../../../src/cmn/css/_anim.scss */
  25% {
    background: lime;
  }

  /* line 45, ../../../../src/cmn/css/_anim.scss */
  50% {
    background: blue;
  }

  /* line 48, ../../../../src/cmn/css/_anim.scss */
  75% {
    background: white;
  }
}

@-webkit-keyframes rotate {
  /* line 55, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 58, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  /* line 55, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 58, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  /* line 55, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  /* line 58, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes slidein {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  /* line 67, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@-moz-keyframes slidein {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  /* line 67, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes slidein {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }

  /* line 67, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@-webkit-keyframes slideout {
  /* line 73, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  /* line 76, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes slideout {
  /* line 73, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  /* line 76, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideout {
  /* line 73, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  /* line 76, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes in {
  /* line 82, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-moz-keyframes in {
  /* line 82, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes in {
  /* line 82, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes out {
  /* line 93, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 97, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@-moz-keyframes out {
  /* line 93, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 97, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes out {
  /* line 93, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 97, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@-webkit-keyframes arr_t {
  /* line 104, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 108, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@-moz-keyframes arr_t {
  /* line 104, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 108, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes arr_t {
  /* line 104, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  /* line 108, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@-webkit-keyframes arr_l {
  /* line 114, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  /* line 118, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

@-moz-keyframes arr_l {
  /* line 114, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  /* line 118, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

@keyframes arr_l {
  /* line 114, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  /* line 118, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

@-webkit-keyframes arr_r {
  /* line 124, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  /* line 128, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@-moz-keyframes arr_r {
  /* line 124, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  /* line 128, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@keyframes arr_r {
  /* line 124, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  /* line 128, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }
}

@-webkit-keyframes news {
  /* line 135, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 138, ../../../../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 141, ../../../../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 144, ../../../../src/cmn/css/_anim.scss */
  99% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 147, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes news {
  /* line 135, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 138, ../../../../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 141, ../../../../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 144, ../../../../src/cmn/css/_anim.scss */
  99% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 147, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes news {
  /* line 135, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 138, ../../../../src/cmn/css/_anim.scss */
  49% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 141, ../../../../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 144, ../../../../src/cmn/css/_anim.scss */
  99% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 147, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes mask {
  /* line 153, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 156, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 159, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    -ms-transform: translateX(102%);
    -o-transform: translateX(102%);
    transform: translateX(102%);
  }
}

@-moz-keyframes mask {
  /* line 153, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 156, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 159, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    -ms-transform: translateX(102%);
    -o-transform: translateX(102%);
    transform: translateX(102%);
  }
}

@keyframes mask {
  /* line 153, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 156, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 159, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(102%);
    -moz-transform: translateX(102%);
    -ms-transform: translateX(102%);
    -o-transform: translateX(102%);
    transform: translateX(102%);
  }
}

@-webkit-keyframes maskScale {
  /* line 165, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  /* line 169, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 173, ../../../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 177, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@-moz-keyframes maskScale {
  /* line 165, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  /* line 169, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 173, ../../../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 177, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@keyframes maskScale {
  /* line 165, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }

  /* line 169, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 173, ../../../../src/cmn/css/_anim.scss */
  51% {
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 177, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}

@-webkit-keyframes about {
  /* line 185, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 188, ../../../../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 191, ../../../../src/cmn/css/_anim.scss */
  51% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }

  /* line 194, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
}

@-moz-keyframes about {
  /* line 185, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 188, ../../../../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 191, ../../../../src/cmn/css/_anim.scss */
  51% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }

  /* line 194, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
}

@keyframes about {
  /* line 185, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 188, ../../../../src/cmn/css/_anim.scss */
  50% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 191, ../../../../src/cmn/css/_anim.scss */
  51% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }

  /* line 194, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
  }
}

@-webkit-keyframes blur {
  /* line 200, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 206, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(9px);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -webkit-transform: scale(1.04, 1.04);
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -o-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
  }
}

@-moz-keyframes blur {
  /* line 200, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 206, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(9px);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -webkit-transform: scale(1.04, 1.04);
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -o-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
  }
}

@keyframes blur {
  /* line 200, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  /* line 206, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(9px);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -webkit-transform: scale(1.04, 1.04);
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -o-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
  }
}

@-webkit-keyframes blur_out {
  /* line 215, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(9px);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -webkit-transform: scale(1.04, 1.04);
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -o-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
  }

  /* line 221, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes blur_out {
  /* line 215, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(9px);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -webkit-transform: scale(1.04, 1.04);
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -o-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
  }

  /* line 221, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes blur_out {
  /* line 215, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(9px);
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    -webkit-transform: scale(1.04, 1.04);
    -moz-transform: scale(1.04, 1.04);
    -ms-transform: scale(1.04, 1.04);
    -o-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
  }

  /* line 221, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes blurff {
  /* line 229, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
  }

  /* line 235, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
  }
}

@-moz-keyframes blurff {
  /* line 229, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
  }

  /* line 235, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
  }
}

@keyframes blurff {
  /* line 229, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
  }

  /* line 235, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
  }
}

@-webkit-keyframes blurff_out {
  /* line 244, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
  }

  /* line 250, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
  }
}

@-moz-keyframes blurff_out {
  /* line 244, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
  }

  /* line 250, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
  }
}

@keyframes blurff_out {
  /* line 244, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
  }

  /* line 250, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: blur(0px);
    -webkit-filter: blur(0px);
  }
}

@-webkit-keyframes fadeout {
  /* line 258, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 261, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes fadeout {
  /* line 258, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 261, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes fadeout {
  /* line 258, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 261, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes fadein {
  /* line 266, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 269, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes fadein {
  /* line 266, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 269, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes fadein {
  /* line 266, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 269, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes loading {
  /* line 276, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-75%);
    -moz-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    -o-transform: translateX(-75%);
    transform: translateX(-75%);
  }

  /* line 279, ../../../../src/cmn/css/_anim.scss */
  25% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 282, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 285, ../../../../src/cmn/css/_anim.scss */
  75% {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }

  /* line 288, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /*
  0% {
  	@include transform(translateX(-50%) rotateZ(0deg));
  	//@include translateX(-50%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  25% {
  	@include transform(translateX(0%) rotateZ(0deg));
  	//@include translateX(0%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  50%{
  	@include transform(translateX(50%) rotateZ(0deg));
  	//@include translateX(50%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  51%{
  	@include transform(translateX(-50%) rotateZ(180deg));
  	//@include translateX(-200%) rotateZ(180deg);
  	//@include rotateZ(180deg);
  }
  100%{
  	@include transform(translateX(-0%) rotateZ(180deg));
  	//@include translateX(-100%) rotateZ(180deg);
  	//@include rotateZ(180deg);
  }
  */
}

@-moz-keyframes loading {
  /* line 276, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-75%);
    -moz-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    -o-transform: translateX(-75%);
    transform: translateX(-75%);
  }

  /* line 279, ../../../../src/cmn/css/_anim.scss */
  25% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 282, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 285, ../../../../src/cmn/css/_anim.scss */
  75% {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }

  /* line 288, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /*
  0% {
  	@include transform(translateX(-50%) rotateZ(0deg));
  	//@include translateX(-50%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  25% {
  	@include transform(translateX(0%) rotateZ(0deg));
  	//@include translateX(0%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  50%{
  	@include transform(translateX(50%) rotateZ(0deg));
  	//@include translateX(50%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  51%{
  	@include transform(translateX(-50%) rotateZ(180deg));
  	//@include translateX(-200%) rotateZ(180deg);
  	//@include rotateZ(180deg);
  }
  100%{
  	@include transform(translateX(-0%) rotateZ(180deg));
  	//@include translateX(-100%) rotateZ(180deg);
  	//@include rotateZ(180deg);
  }
  */
}

@keyframes loading {
  /* line 276, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-75%);
    -moz-transform: translateX(-75%);
    -ms-transform: translateX(-75%);
    -o-transform: translateX(-75%);
    transform: translateX(-75%);
  }

  /* line 279, ../../../../src/cmn/css/_anim.scss */
  25% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 282, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 285, ../../../../src/cmn/css/_anim.scss */
  75% {
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    -ms-transform: translateX(-25%);
    -o-transform: translateX(-25%);
    transform: translateX(-25%);
  }

  /* line 288, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /*
  0% {
  	@include transform(translateX(-50%) rotateZ(0deg));
  	//@include translateX(-50%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  25% {
  	@include transform(translateX(0%) rotateZ(0deg));
  	//@include translateX(0%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  50%{
  	@include transform(translateX(50%) rotateZ(0deg));
  	//@include translateX(50%) rotateZ(0deg);
  	//@include rotateZ(0deg);
  }
  51%{
  	@include transform(translateX(-50%) rotateZ(180deg));
  	//@include translateX(-200%) rotateZ(180deg);
  	//@include rotateZ(180deg);
  }
  100%{
  	@include transform(translateX(-0%) rotateZ(180deg));
  	//@include translateX(-100%) rotateZ(180deg);
  	//@include rotateZ(180deg);
  }
  */
}

@-webkit-keyframes loading_show {
  /* line 321, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 324, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-moz-keyframes loading_show {
  /* line 321, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 324, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes loading_show {
  /* line 321, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 324, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@-webkit-keyframes loading_hide {
  /* line 329, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 332, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-moz-keyframes loading_hide {
  /* line 329, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 332, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes loading_hide {
  /* line 329, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }

  /* line 332, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes img_loading {
  /* line 338, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 341, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-moz-keyframes img_loading {
  /* line 338, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 341, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes img_loading {
  /* line 338, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  /* line 341, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@-webkit-keyframes scroll {
  /* line 348, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 352, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 356, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-moz-keyframes scroll {
  /* line 348, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 352, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 356, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes scroll {
  /* line 348, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 352, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 356, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes line {
  /* line 364, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 367, ../../../../src/cmn/css/_anim.scss */
  20% {
    -webkit-transform: scale("100%", 1);
    -moz-transform: scale("100%", 1);
    -ms-transform: scale("100%", 1);
    -o-transform: scale("100%", 1);
    transform: scale("100%", 1);
  }

  /* line 370, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale("100%", 1);
    -moz-transform: scale("100%", 1);
    -ms-transform: scale("100%", 1);
    -o-transform: scale("100%", 1);
    transform: scale("100%", 1);
  }
}

@-moz-keyframes line {
  /* line 364, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 367, ../../../../src/cmn/css/_anim.scss */
  20% {
    -webkit-transform: scale("100%", 1);
    -moz-transform: scale("100%", 1);
    -ms-transform: scale("100%", 1);
    -o-transform: scale("100%", 1);
    transform: scale("100%", 1);
  }

  /* line 370, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale("100%", 1);
    -moz-transform: scale("100%", 1);
    -ms-transform: scale("100%", 1);
    -o-transform: scale("100%", 1);
    transform: scale("100%", 1);
  }
}

@keyframes line {
  /* line 364, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 367, ../../../../src/cmn/css/_anim.scss */
  20% {
    -webkit-transform: scale("100%", 1);
    -moz-transform: scale("100%", 1);
    -ms-transform: scale("100%", 1);
    -o-transform: scale("100%", 1);
    transform: scale("100%", 1);
  }

  /* line 370, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale("100%", 1);
    -moz-transform: scale("100%", 1);
    -ms-transform: scale("100%", 1);
    -o-transform: scale("100%", 1);
    transform: scale("100%", 1);
  }
}

@-webkit-keyframes bar {
  /* line 376, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 379, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 382, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes bar {
  /* line 376, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 379, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 382, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes bar {
  /* line 376, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 379, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 382, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes bar_rgb {
  /* line 389, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 398, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 401, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 409, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-moz-keyframes bar_rgb {
  /* line 389, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 398, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 401, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 409, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@keyframes bar_rgb {
  /* line 389, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 398, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 401, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 409, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-webkit-keyframes bar_h {
  /* line 421, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 424, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 427, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-moz-keyframes bar_h {
  /* line 421, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 424, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 427, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes bar_h {
  /* line 421, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 424, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 427, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@-webkit-keyframes open {
  /* line 432, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 435, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes open {
  /* line 432, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 435, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes open {
  /* line 432, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  /* line 435, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes close {
  /* line 440, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 443, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes close {
  /* line 440, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 443, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes close {
  /* line 440, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 443, ../../../../src/cmn/css/_anim.scss */
  100% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes rgbin {
  /* line 449, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 452, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }

  /* line 455, ../../../../src/cmn/css/_anim.scss */
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-moz-keyframes rgbin {
  /* line 449, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 452, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }

  /* line 455, ../../../../src/cmn/css/_anim.scss */
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@keyframes rgbin {
  /* line 449, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 452, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
  }

  /* line 455, ../../../../src/cmn/css/_anim.scss */
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
}

@-webkit-keyframes color {
  /* line 461, ../../../../src/cmn/css/_anim.scss */
  0% {
    background: rgba(255, 0, 0, 0);
  }

  /* line 464, ../../../../src/cmn/css/_anim.scss */
  5% {
    background: lime;
  }

  /* line 467, ../../../../src/cmn/css/_anim.scss */
  10% {
    background: blue;
  }

  /* line 470, ../../../../src/cmn/css/_anim.scss */
  15% {
    background: rgba(0, 0, 255, 0);
  }
}

@-moz-keyframes color {
  /* line 461, ../../../../src/cmn/css/_anim.scss */
  0% {
    background: rgba(255, 0, 0, 0);
  }

  /* line 464, ../../../../src/cmn/css/_anim.scss */
  5% {
    background: lime;
  }

  /* line 467, ../../../../src/cmn/css/_anim.scss */
  10% {
    background: blue;
  }

  /* line 470, ../../../../src/cmn/css/_anim.scss */
  15% {
    background: rgba(0, 0, 255, 0);
  }
}

@keyframes color {
  /* line 461, ../../../../src/cmn/css/_anim.scss */
  0% {
    background: rgba(255, 0, 0, 0);
  }

  /* line 464, ../../../../src/cmn/css/_anim.scss */
  5% {
    background: lime;
  }

  /* line 467, ../../../../src/cmn/css/_anim.scss */
  10% {
    background: blue;
  }

  /* line 470, ../../../../src/cmn/css/_anim.scss */
  15% {
    background: rgba(0, 0, 255, 0);
  }
}

@-webkit-keyframes color_img {
  /* line 475, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 478, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 481, ../../../../src/cmn/css/_anim.scss */
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 484, ../../../../src/cmn/css/_anim.scss */
  15% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-moz-keyframes color_img {
  /* line 475, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 478, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 481, ../../../../src/cmn/css/_anim.scss */
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 484, ../../../../src/cmn/css/_anim.scss */
  15% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@keyframes color_img {
  /* line 475, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 478, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 481, ../../../../src/cmn/css/_anim.scss */
  10% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }

  /* line 484, ../../../../src/cmn/css/_anim.scss */
  15% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}

@-webkit-keyframes color_font {
  /* line 489, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    color: red;
  }

  /* line 493, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    color: lime;
  }

  /* line 497, ../../../../src/cmn/css/_anim.scss */
  10% {
    color: blue;
  }

  /* line 500, ../../../../src/cmn/css/_anim.scss */
  15% {
    color: white;
  }

  /* line 503, ../../../../src/cmn/css/_anim.scss */
  94% {
    color: white;
  }

  /* line 506, ../../../../src/cmn/css/_anim.scss */
  100% {
    color: white;
  }
}

@-moz-keyframes color_font {
  /* line 489, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    color: red;
  }

  /* line 493, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    color: lime;
  }

  /* line 497, ../../../../src/cmn/css/_anim.scss */
  10% {
    color: blue;
  }

  /* line 500, ../../../../src/cmn/css/_anim.scss */
  15% {
    color: white;
  }

  /* line 503, ../../../../src/cmn/css/_anim.scss */
  94% {
    color: white;
  }

  /* line 506, ../../../../src/cmn/css/_anim.scss */
  100% {
    color: white;
  }
}

@keyframes color_font {
  /* line 489, ../../../../src/cmn/css/_anim.scss */
  0% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    color: red;
  }

  /* line 493, ../../../../src/cmn/css/_anim.scss */
  5% {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    color: lime;
  }

  /* line 497, ../../../../src/cmn/css/_anim.scss */
  10% {
    color: blue;
  }

  /* line 500, ../../../../src/cmn/css/_anim.scss */
  15% {
    color: white;
  }

  /* line 503, ../../../../src/cmn/css/_anim.scss */
  94% {
    color: white;
  }

  /* line 506, ../../../../src/cmn/css/_anim.scss */
  100% {
    color: white;
  }
}

@-webkit-keyframes color_bar {
  /* line 514, ../../../../src/cmn/css/_anim.scss */
  0% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 522, ../../../../src/cmn/css/_anim.scss */
  100% {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-moz-keyframes color_bar {
  /* line 514, ../../../../src/cmn/css/_anim.scss */
  0% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 522, ../../../../src/cmn/css/_anim.scss */
  100% {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@keyframes color_bar {
  /* line 514, ../../../../src/cmn/css/_anim.scss */
  0% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 522, ../../../../src/cmn/css/_anim.scss */
  100% {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-webkit-keyframes color_bar_c {
  /* line 533, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 542, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 545, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 553, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-moz-keyframes color_bar_c {
  /* line 533, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 542, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 545, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 553, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@keyframes color_bar_c {
  /* line 533, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 542, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
  }

  /* line 545, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 553, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-webkit-keyframes color_bar_c_v {
  /* line 566, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 575, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 578, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 586, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@-moz-keyframes color_bar_c_v {
  /* line 566, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 575, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 578, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 586, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

@keyframes color_bar_c_v {
  /* line 566, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 575, ../../../../src/cmn/css/_anim.scss */
  5% {
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0);
  }

  /* line 578, ../../../../src/cmn/css/_anim.scss */
  50% {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,00ff00+49,0000ff+100 */
    background: #ff0000;
    /* Old browsers */
    background: -moz-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, red 0%, lime 49%, blue 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff0000 0%, #00ff00 49%, #0000ff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
    /* IE6-9 */
  }

  /* line 586, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, white 1%, white 20%, white 52%, white 80%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 1%, #ffffff 20%, #ffffff 52%, #ffffff 80%, #ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 */
  }
}

/*============================
mixin
============================*/
/*============================
components
============================*/
/*
@mixin bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}
*/
/*============================
easing
============================*/
/*============================
original
============================*/
/* line 6, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main #video_kv, body #wrapper #main #video_kv_sp {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
/* line 11, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main #video_kv.passive, body #wrapper #main #video_kv_sp.passive {
  opacity: 0.4;
}
/* line 14, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main #video_kv video, body #wrapper #main #video_kv_sp video {
  opacity: 0.5;
  position: relative;
}
/* line 19, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -1px;
  width: 1px;
  height: 75px;
  overflow: hidden;
}
/* line 27, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll .bar {
  display: block;
  width: 1px;
  height: 150px;
  position: relative;
  background: white;
  /*
  span{
  	background: -moz-linear-gradient(bottom, #000000 0%, #000000 53%, #ff0000 53%, #000000 53%, #ff0000 58%);
  	background: -webkit-linear-gradient(bottom, #000000 0%,#000000 53%,#ff0000 53%,#000000 53%,#ff0000 58%);
  	background: linear-gradient(to top, #000000 0%,#000000 53%,#ff0000 53%,#000000 53%,#ff0000 58%);
  	display: block;
  	width: 1px;
  	height: 75px;
  	top: 0;
  	left: 0;
  	position: relative;
  	z-index: 3;
  	@include animation(atn 1.5s $ease infinite);
  	&:before{
  		content:"";
  		position: absolute;
  		background: $rgb_b;
  		display: block;
  		width: 1px;
  		height: 10px;
  		top:10px;
  		left: 0;
  	}
  	&:after{
  		content:"";
  		position: absolute;
  		background: $rgb_g;
  		display: block;
  		width: 1px;
  		height: 10px;
  		top:0;
  		left: 0;
  	}
  }
  */
}
/* line 33, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll .bar span {
  display: block;
  width: 1px;
  height: 75px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  background: red;
  -webkit-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2s;
  -moz-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2s;
  animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 45, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll .bar span:nth-of-type(2) {
  background: lime;
  -webkit-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.3s;
  -moz-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.3s;
  animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 49, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll .bar span:nth-of-type(3) {
  background: blue;
  -webkit-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.6s;
  -moz-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.6s;
  animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.6s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 53, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll .bar span:nth-of-type(4) {
  background: black;
  -webkit-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.9s;
  -moz-animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.9s;
  animation: atn 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite 2.9s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 96, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll.scroll2 .bar {
  background: red;
}
/* line 98, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll.scroll2 .bar:before {
  -webkit-animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s infinite;
  -moz-animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s infinite;
  animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 104, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll.scroll3 .bar {
  background: lime;
}
/* line 106, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll.scroll3 .bar:before {
  -webkit-animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s infinite;
  -moz-animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s infinite;
  animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 112, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll.scroll4 .bar {
  background: blue;
}
/* line 114, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main .scroll.scroll4 .bar:before {
  -webkit-animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s infinite;
  -moz-animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s infinite;
  animation: atn 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 121, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv {
  padding-top: 0;
  width: 100%;
  min-height: 650px;
  top: 70px;
  left: 0;
  position: absolute;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 130, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv.close {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 133, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy {
  float: left;
  width: 100%;
  box-sizing: border-box;
  						/*
  					    h2{
  					    	@include fl(100%);
  					        margin: 110px 0 0 0;
  						    font-size: 9em;
      						line-height: 1em;
  						    @include en_b;
  						    letter-spacing: 0.05em;
  						    span{
  						    	display: block;
  						    	&:nth-of-type(1){
  						    		margin: 0 0 11px 0;
  						    	}
  						    }
  					    }
  					    */
}
/* line 136, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy h2 {
  float: left;
  width: 100%;
  margin: 110px 0 0 0;
  font-size: 9em;
  line-height: 1em;
  font-family: "Helvetica LT W01 Bold","Open Sans",sans-serif;
  letter-spacing: 0.045em;
  letter-spacing: 0.05em;
  position: relative;
  width: 717px;
}
/* line 145, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy h2 span {
  display: block;
  line-height: 0;
  width: 100%;
}
/* line 149, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy h2 span img, body #wrapper #main section#fv #mv_copy h2 span object {
  width: 100%;
}
/* line 152, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy h2 span.static {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 155, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy h2 span.anim {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 179, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy p {
  float: left;
  width: 100%;
  margin: 28px 0 0 0;
  position: relative;
  z-index: 3;
  font-size: 3em;
  line-height: 1.65em;
  letter-spacing: 0.07em;
}
/* line 187, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy p#fv_copy {
  font-family: "Helvetica LT W01 Roman","Open Sans",sans-serif;
  letter-spacing: 0.045em;
}
/* line 190, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#fv #mv_copy p#fv_copy2 {
  font-size: 1.6em;
  line-height: 1.5em;
  margin: 20px 0 0 0;
}
/* line 199, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about {
  float: left;
  width: 100%;
  width: 100%;
  z-index: 20;
  pointer-events: none;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  margin-top: -70px;
  margin-bottom: 220px;
}
/* line 209, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about.open {
  opacity: 1;
  pointer-events: unset;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
/* line 214, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .fv_h3 {
  display: block;
  float: left;
  width: 100%;
  font-size: 2.7em;
  line-height: 1.55em;
  margin: 0 0 40px 0;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "メイリオ", Meiryo, sans-serif;
}
/* line 221, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .copy {
  float: left;
  width: 100%;
  font-size: 1.43em;
  line-height: 1.76em;
  margin: 0 0 76px 0;
}
/* line 227, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .figure {
  float: left;
  width: 100%;
}
/* line 230, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .figure .img {
  float: left;
  width: 544px;
  line-height: 0;
  text-align: center;
  position: relative;
  margin: 14px 0 59px 0;
}
/* line 237, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .figure figcaption {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 0 59px 0;
}
/* line 241, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .figure figcaption span {
  display: inline-block;
  font-family: "Helvetica LT W01 Roman","Open Sans",sans-serif;
  letter-spacing: 0.045em;
  font-size: 1.6em;
  font-weight: bold;
}
/* line 246, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .figure figcaption span:nth-of-type(1) {
  margin: 0 124px 0 26px;
}
/* line 249, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .figure figcaption span:nth-of-type(2) {
  margin: 0 94px 0 0;
}
/* line 255, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn {
  clear: both;
  font-family: "Helvetica LT W01 Roman","Open Sans",sans-serif;
  letter-spacing: 0.045em;
  padding: 1.6em 153px;
  display: inline-block;
  font-size: 1.5em;
  letter-spacing: 0.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  float: left;
  margin: 0 0 220px 0;
  position: relative;
}
/* line 268, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn span {
  display: inline-block;
}
/* line 270, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn span:before {
  content: "";
  display: block;
  background: white;
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 280, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn span:after {
  content: "";
  display: block;
  background: white;
  height: 100%;
  width: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
}
/* line 291, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn:before {
  content: "";
  display: block;
  background: white;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 301, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn:after {
  content: "";
  display: block;
  background: white;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* line 313, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn:hover.hover:before, body #wrapper #main section#about .btn:hover.hover:after {
  -webkit-animation: color_bar_c 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: color_bar_c 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: color_bar_c 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 317, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#about .btn:hover.hover span:before, body #wrapper #main section#about .btn:hover.hover span:after {
  -webkit-animation: color_bar_c_v 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-animation: color_bar_c_v 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  animation: color_bar_c_v 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 326, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works {
  padding: 0;
  position: relative;
  margin-bottom: 150px;
  background: black;
}
/* line 331, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul {
  float: left;
  width: 100%;
}
/* line 333, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li {
  float: left;
  width: 50%;
  position: relative;
  transform-style: preserve-3d;
  perspective: 10px;
}
/* line 340, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.pnl_more .dummy {
  visibility: hidden;
}
/* line 343, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.pnl_more div {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 46px 50px;
}
/* line 355, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.pnl_more p {
  font-size: 40px;
  font-family: "Helvetica LT W01 Bold","Open Sans",sans-serif;
  letter-spacing: 0.045em;
  text-align: left;
  width: 100%;
}
/* line 361, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.pnl_more ul {
  display: inline-block;
  width: 160px;
}
/* line 364, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.pnl_more ul li {
  display: inline-block;
  float: none;
  width: 100%;
  margin-bottom: 20px;
}
/* line 369, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.pnl_more ul li a {
  color: white;
  font-size: 16px;
  font-family: "Helvetica LT W01 Roman","Open Sans",sans-serif;
  letter-spacing: 0.045em;
}
/* line 379, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.r .rgb.r {
  z-index: 11;
}
/* line 386, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.g .rgb.g {
  z-index: 11;
}
/* line 393, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li.b .rgb.b {
  z-index: 11;
}
/* line 398, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -2px;
  left: -2px;
  display: block;
  line-height: 0;
  z-index: 10;
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
/* line 416, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb img {
  visibility: visible;
}
/* line 420, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb.r:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  background: red;
}
/* line 433, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb.g {
  top: 2px;
  left: 2px;
}
/* line 436, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb.g:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  background: lime;
}
/* line 449, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb.b {
  top: -4px;
  left: 4px;
}
/* line 452, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .rgb.b:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  background: blue;
}
/* line 466, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  position: relative;
  padding: 0;
  line-height: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 479, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .frame {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 1;
}
/* line 493, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.loadend .img_bar {
  display: none;
}
/* line 497, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .img_bar {
  width: 10%;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  overflow: hidden;
  z-index: 1;
}
/* line 509, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .img_bar:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: relative;
  -webkit-animation: img_loading 0.7s linear infinite;
  -moz-animation: img_loading 0.7s linear infinite;
  animation: img_loading 0.7s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  background: white;
  background: #ff0000;
  /* Old browsers */
  background: -moz-linear-gradient(left, red 0%, lime 49%, blue 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, red 0%, lime 49%, blue 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ff0000 0%, #00ff00 49%, #0000ff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#0000ff',GradientType=1 );
  /* IE6-9 */
}
/* line 524, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* line 535, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .bg .img {
  -webkit-transition: all .4s;
  transition: all .4s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  visibility: hidden;
  display: block;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 545, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .bg .img.load {
  visibility: visible;
}
/* line 548, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .bg .img.gray {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transform: translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
/* line 557, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .bg .img.rgb_img {
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: 4;
  mix-blend-mode: color;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 566, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .bg .rgb_ov {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: overlay;
  z-index: 5;
}
/* line 577, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .img {
  visibility: hidden;
}
/* line 580, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .txt {
  line-height: 1.8em;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 50px;
  top: 0;
  left: 0;
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  z-index: 10;
}
/* line 595, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .category {
  float: left;
  width: 100%;
  color: white;
  margin: 53px 0 0 0;
  font-family: "Helvetica LT W01 Roman","Open Sans",sans-serif;
  letter-spacing: 0.045em;
  font-size: 1.8em;
}
/* line 602, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .ttl {
  float: left;
  width: 100%;
  color: white;
  font-weight: bold;
  font-size: 3.1em;
  line-height: 1.1em;
  margin: 28px 0 0 0;
}
/* line 610, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .tags {
  float: left;
  width: 100%;
  color: white;
  font-size: 1.35em;
  position: relative;
  margin: 14px 0 0 0;
  text-align: left;
  padding: 0;
  bottom: auto;
}
/* line 619, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .tags span {
  font-family: "Helvetica","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Droid Sans", "メイリオ", Meiryo, sans-serif;
}
/* line 621, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .tags span:after {
  content: ",";
  color: white;
}
/* line 626, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .tags span:last-child:after {
  content: "";
}
/* line 632, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .dummy {
  visibility: hidden;
}
/* line 635, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .category {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 638, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .ttl {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 641, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl .tags {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 644, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.close {
  /**/
}
/* line 647, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.close .bg .img.color {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 650, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.close .bg .img.gray {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 657, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.close .category {
  -webkit-animation: fadeout 0.1s linear 1;
  -moz-animation: fadeout 0.1s linear 1;
  animation: fadeout 0.1s linear 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 662, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.close .ttl {
  -webkit-animation: fadeout 0.1s linear 1;
  -moz-animation: fadeout 0.1s linear 1;
  animation: fadeout 0.1s linear 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 667, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.close .tags {
  -webkit-animation: fadeout 0.1s linear 1;
  -moz-animation: fadeout 0.1s linear 1;
  animation: fadeout 0.1s linear 1;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 674, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .rgb {
  display: block;
}
/* line 677, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .bg {
  z-index: 8;
}
/* line 680, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .bg .img.color {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 683, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .bg .img.gray {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 694, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .category {
  -webkit-animation: open 0.5s linear;
  -moz-animation: open 0.5s linear;
  animation: open 0.5s linear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 697, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .ttl {
  -webkit-animation: open 0.5s linear;
  -moz-animation: open 0.5s linear;
  animation: open 0.5s linear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 700, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.open .tags {
  -webkit-animation: open 0.5s linear;
  -moz-animation: open 0.5s linear;
  animation: open 0.5s linear;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 706, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.hover:hover .rgb {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 709, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.hover:hover .rgb:after {
  -webkit-transform: rotateX(0.01deg);
  -moz-transform: rotateX(0.01deg);
  -ms-transform: rotateX(0.01deg);
  -o-transform: rotateX(0.01deg);
  transform: rotateX(0.01deg);
  mix-blend-mode: overlay;
}
/* line 714, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.hover:hover .bg {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
/* line 717, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.hover:hover .bg .img.rgb_img {
  -webkit-animation: color_img 3s linear infinite;
  -moz-animation: color_img 3s linear infinite;
  animation: color_img 3s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
/* line 721, ../../../../src/page/top/css/_pc.scss */
body #wrapper #main section#works ul li .btn_pnl.hover:hover .bg .rgb_ov {
  -webkit-animation: color 3s linear infinite;
  -moz-animation: color 3s linear infinite;
  animation: color 3s linear infinite;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}

@media screen and (max-width: 1100px) {
  /* line 8, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main section#fv {
    font-size: 0.9em;
  }
  /* line 14, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main section#about figure {
    margin: 0 0 0 40px;
  }
  /* line 18, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main section#works {
    margin-bottom: 86px;
  }
  /* line 26, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main section#works ul li.pnl_more p {
    font-size: 2.5em;
  }
  /* line 31, ../../../../src/page/top/css/_mid.scss */
  body #wrapper #main section#works ul li.pnl_more ul li a {
    font-size: 1.35em;
  }
}
@media screen and (max-width: 768px) {
  /* line 8, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#fv {
    margin-bottom: 0;
    min-height: 530px;
    display: flex;
    align-items: center;
    align-content: center;
  }
  /* line 15, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#fv #mv_copy h2 {
    font-size: 5em;
    width: 100%;
    margin-top: 0;
  }
  /* line 22, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#fv #mv_copy h2 span.anim {
    width: 100%;
  }
  /* line 24, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#fv #mv_copy h2 span.anim svg {
    width: 100%;
    height: inherit;
  }
  /* line 31, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#fv #mv_copy p {
    font-size: 2em;
    margin: 5% 0 0 0;
    line-height: 1.8em;
  }
  /* line 38, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about {
    margin-bottom: 36vw;
  }
  /* line 40, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .fv_h3 {
    font-size: 1.8em;
    line-height: 1.9em;
    margin: 0 0 11% 0;
  }
  /* line 45, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure {
    margin: 0;
  }
  /* line 47, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure .img {
    width: 100%;
    margin: 0 0 16% 0;
  }
  /* line 51, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure figcaption {
    margin: 0 0 16% 0;
    font-size: 0.8em;
    position: relative;
  }
  /* line 55, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure figcaption span {
    text-align: center;
  }
  /* line 57, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure figcaption span:nth-of-type(1) {
    margin: 0;
    width: 20%;
  }
  /* line 61, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure figcaption span:nth-of-type(2) {
    margin: 0;
    width: 58%;
  }
  /* line 65, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .figure figcaption span:nth-of-type(3) {
    width: 24%;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
  }
  /* line 75, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .copy {
    letter-spacing: 0.1em;
    font-size: 1.5em;
    line-height: 2.2em;
    margin: 0 0 15vw 0;
  }
  /* line 81, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .btn {
    padding: 0;
    width: 100%;
    height: 4em;
    line-height: 4em;
    text-align: center;
    margin: 0 0 36vw 0;
  }
  /* line 92, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li {
    width: 100%;
  }
  /* line 95, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li.pnl_more div {
    padding: 7vw 6%;
    justify-content: flex-start;
  }
  /* line 99, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li.pnl_more p {
    font-size: 2.8em;
    margin: 0 0 12% 0;
  }
  /* line 103, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li.pnl_more ul {
    width: 100%;
  }
  /* line 105, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li.pnl_more ul li {
    margin-bottom: 2.5vw;
  }
  /* line 107, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li.pnl_more ul li a {
    line-height: 1.7em;
    font-size: 1.4em;
  }
  /* line 114, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl {
    padding: 0;
  }
  /* line 118, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl .txt {
    padding: 0 6%;
  }
  /* line 124, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl.open .bg .img.rgb_img {
    -webkit-animation: color_img 3s linear infinite;
    -moz-animation: color_img 3s linear infinite;
    animation: color_img 3s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 128, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl.open .bg .rgb_ov {
    -webkit-animation: color 3s linear infinite;
    -moz-animation: color 3s linear infinite;
    animation: color 3s linear infinite;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  /* line 138, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl .category {
    margin: 6% 0 0 0;
    font-size: 1.7em;
  }
  /* line 142, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl .ttl {
    font-size: 2.4em;
    line-height: 1.3em;
    margin: 5% 0 0 0;
  }
  /* line 147, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#works ul li .btn_pnl .tags {
    font-size: 1.25em;
    margin: 2% 0 0 0;
  }
}