body {
  overflow-x: hidden;
  color: #fff; }

.btn_buy a {
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: inline-block;
  background: #fcee16;
  margin: 0.5em auto;
  padding: 0.3em 53px;
  color: #000;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  .btn_buy a:hover {
    opacity: .7; }

@media only screen and (min-width: 769px) {
  body {
    background: url(../img/bddvd/bg_chidori_repeat.jpg) center; }

  .wrapper {
    position: relative;
    min-width: 1200px;
    margin: auto;
    text-align: center;
    background: url(../img/bddvd/pc/line_bdvd.png) top right no-repeat;
    background-size: 958px auto;
    padding: 0 0 111px;
    overflow: hidden; }
    .wrapper .logo {
      position: absolute;
      top: 0;
      left: 0;
      width: 158px;
      z-index: 10; }
      .wrapper .logo .logo_p4ga {
        margin-top: -8px; }
    .wrapper:after {
      content: " ";
      display: block;
      position: absolute;
      bottom: -180px;
      left: 0;
      width: 100%;
      height: 500px;
      margin: -0% 0 0 0%;
      transform: skewY(-15deg);
      background: #000;
      z-index: -1; }

  .header {
    padding: 108px 0 0; }
    .header h2 {
      width: 930px;
      margin: auto; }
    .header figure {
      width: 360px;
      margin: -16px auto 16px; }
      .header figure img {
        width: 100%; }
    .header .btn_anx {
      margin: 0 auto 82px; }
      .header .btn_anx a {
        display: block;
        width: 360px;
        margin: 0 auto;
        padding: 8px 0 9px;
        text-decoration: none;
        color: #000;
        background: #fcee16;
        font-size: 25px;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        .header .btn_anx a:hover {
          opacity: .7; }

  .btn {
    position: fixed;
    width: 70px;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: #FDEE17;
    -webkit-transition: 0.2s;
    transition: 0.2s; }
    .btn:hover {
      width: 60px; }
    .btn a {
      display: block;
      width: 100%;
      height: 100%;
      -webkit-transition: 0.3s;
      transition: 0.3s; }
    .btn img {
      position: absolute;
      top: 50%;
      left: 15px;
      width: 40px;
      margin: -227px auto 0; }
    .btn:after {
      content: " ";
      display: block;
      position: absolute;
      bottom: 0;
      left: 15px;
      width: 40px;
      height: 44px;
      background: url(../img/bddvd/pc/link_soundtrack_arrow.png) top right no-repeat; }

  .main {
    text-align: left; }
    .main .section {
      position: relative; }
      .main .section .chara {
        position: absolute;
        width: 430px;
        z-index: 1; }
        .main .section .chara.narukami {
          top: -416px;
          left: 50%;
          margin: 0 0 0 200px; }
        .main .section .chara.kuma {
          top: -380px;
          left: -62px; }
        .main .section .chara.hanamura {
          top: -68px;
          left: 50%;
          margin: 0 0 0 220px; }
        .main .section .chara.tatsumi {
          bottom: -192px;
          left: 50%;
          margin: 0 0 0 -600px; }
        .main .section .chara.kujikawa {
          top: -280px;
          left: 50%;
          margin: 0px 0 0 -751px; }
        .main .section .chara.shirogane {
          bottom: 260px;
          left: 50%;
          margin: 0 0 0 288px; }
      .main .section .deco {
        position: absolute; }
        .main .section .deco img {
          width: 100%; }
        .main .section .deco.deco_01 {
          width: 120px;
          top: 478px;
          left: 50%;
          margin-left: -509px; }
        .main .section .deco.deco_02 {
          width: 80px;
          top: -8px;
          left: 50%;
          margin-left: 504px; }
        .main .section .deco.deco_03 {
          width: 80px;
          top: 460px;
          left: 50%;
          margin-left: 127px; }
        .main .section .deco.deco_04 {
          width: 120px;
          top: 322px;
          left: 50%;
          margin-left: 412px; }
        .main .section .deco.deco_05 {
          width: 80px;
          top: 113px;
          left: 50%;
          margin-left: -538px; }
      .main .section h3 {
        width: 980px;
        margin: 0 auto; }
      .main .section .section_content {
        position: relative;
        width: 980px;
        margin: 0 auto;
        z-index: 3; }
      .main .section.info {
        background: url(../img/bddvd/pc/cap_bg_1.png) top center no-repeat;
        background-size: 2800px auto;
        background-position-y: -160px; }
        .main .section.info h3 {
          padding: 13px 0 80px; }
        .main .section.info .section_content {
          padding: 0 0 202px 88px; }
          .main .section.info .section_content dl {
            letter-spacing: -.4em;
            line-height: 1.8; }
            .main .section.info .section_content dl dt {
              display: inline-block;
              width: 92px;
              margin-bottom: 6px;
              letter-spacing: 0.05rem;
              vertical-align: top;
              font-size: 21px; }
            .main .section.info .section_content dl dd {
              display: inline-block;
              width: 800px;
              margin: 3px 0 6px;
              letter-spacing: 0.08rem;
              vertical-align: top;
              font-size: 17px; }
        .main .section.info .img_pkg {
          position: absolute;
          top: 250px;
          left: 50%;
          margin: 0 0 0 -100px;
          opacity: 0;
          z-index: 50; }
          .main .section.info .img_pkg img {
            width: 530px;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out; }
            .main .section.info .img_pkg img:hover {
              opacity: .7; }
      .main .section.info02 {
        background: url(../img/bddvd/pc/cap_bg_2.png) top center no-repeat;
        background-size: 2800px auto;
        background-position-y: -160px;
        text-align: right; }
        .main .section.info02 h3 {
          width: 980px;
          padding: 41px 0 109px;
          margin: auto;
          text-align: right; }
          .main .section.info02 .img_pkg {
            position: absolute;
            top: 209px;
            left: 50%;
            margin-left: -400px;
            text-align: left;
            font-size: 11px;
            line-height: 1.4;
            opacity: 0;
            z-index: 50; }
          .main .section.info02 .img_pkg a {
            color: #fff;
            text-decoration: none; }
          .main .section.info02 .img_pkg .item {
            margin-bottom: 20px;
            -webkit-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out; }
            .main .section.info02 .img_pkg .item:hover {
              opacity: .7; }
            .main .section.info02 .img_pkg img {
              display: block;
              width: 310px;
              margin-bottom: 10px; }
          .main .section.info02 h3 img {
            width: 613px;
            margin: 0 0 0 auto; }
        .main .section.info02 p {
          width: 546px;
          margin: 1em 0 0 auto;
          padding: 0 0 0 0;
          line-height: 1.8;
          text-decoration: underline;
          font-size: 15px;
          text-align: left;
          }
        .main .section.info02 ul {
          width: 546px;
          margin: 0 0 0 auto;
          padding: 0 0 345px 1em;
          line-height: 1.8;
          font-size: 18px;
          text-align: left; }
          .main .section.info02 ul:first-child {
            padding: 0 0 0 1em; }
          .main .section.info02 ul li {
            text-indent: -1em; }
      .main .section.video {
        background: url(../img/bddvd/pc/cap_bg_1.png) top center no-repeat;
        background-size: 2800px auto;
        background-position-y: -160px; }
        .main .section.video h3 {
          padding: 42px 0 110px; }
        .main .section.video .section_content {
          width: 980px;
          margin: auto;
          padding: 0 0 40px; }
          .main .section.video .section_content .item {
            padding-left: 90px; }
            .main .section.video .section_content .item h4 {
              font-size: 27px;
              color: #fcee16;
              letter-spacing: 0.08rem;
              margin: 0 0 18px; }
            .main .section.video .section_content .item ul {
              margin: 0 0 0 auto;
              line-height: 1.8;
              font-size: 18px; }
            .main .section.video .section_content .item:last-child {
              padding-left: 265px; }
          .main .section.video .section_content .item ul li .privilege_youtube {
            margin: 0.5em 0 0 1em;
            display: block;
            position: relative; }
          .main .section.video .section_content .item ul li span.txt {
            margin: 0 0 0.5em 1rem;
            font-size: 11px;
            display: block;
            position: relative;
            }
      .main .section.audio {
        background: url(../img/bddvd/pc/cap_bg_2.png) top center no-repeat;
        background-size: 2800px auto;
        background-position-y: -160px }
        .main .section.audio h3 {
          width: 980px;
          padding: 42px 0 115px;
          margin: auto;
          text-align: right; }
          .main .section.audio h3 img {
            width: 613px;
            margin: 0 0 0 auto; }
        .main .section.audio ul {
          width: 396px;
          margin: 0 0 0 auto;
          padding: 0 0 46px;
          line-height: 1.8;
          font-size: 18px; }
          .main .section.audio ul li {
            margin: 0 0 14px; }
            .main .section.audio ul li:last-child {
              margin: 0; }
      .main .section.shop {
        background: url(../img/bddvd/pc/cap_bg_1.png) top center no-repeat;
        background-size: 2800px auto;
        background-position-y: -160px; }
        .main .section.shop h3 {
          padding: 42px 0 84px; }
        .main .section.shop ul {
          letter-spacing: -.4em;
          padding: 0 0 186px; }
          .main .section.shop ul li {
            display: inline-block;
            letter-spacing: 0.01rem;
            vertical-align: top;
            width: 260px;
            margin: 0 22px 16px 0;
            text-align: center; }
            .main .section.shop ul li a figure {
              -webkit-transition: 0.3s ease-in-out;
              transition: 0.3s ease-in-out; }
              .main .section.shop ul li a figure:hover {
                opacity: .7; }
            .main .section.shop ul li img {
              width: 100%; }
            .main .section.shop ul li:nth-child(6n-2) {
              margin: 0 22px 16px 156px; }
            .main .section.shop ul li:nth-child(6n) {
              margin: 0 0 16px 0; }
            .main .section.shop ul li:nth-child(10) {
              margin: 0 22px 16px 438px; }
            .main .section.shop ul li:last-child {
              margin: 0 0 16px 0; }
            .main .section.shop ul li .name {
              color: #fcee16;
              font-size: 16px;
              margin: 9px 0 6px;
              line-height: 1.4; }
              .main .section.shop ul li .name span {
                font-size: 13px; }
            .main .section.shop ul li .goods {
              font-size: 15px;
              line-height: 1.4; }
          .main .section.shop ul:nth-child(even) {
            text-align: right; }
            .main .section.shop ul:nth-child(even) li:nth-child(2n) {
              margin: 0 0 16px 0; }

  .footer .cap_share {
    width: 258px;
    margin: 0 auto 10px; }
  .footer .snsList {
    margin: 0 0 67px; }
    .footer .snsList li {
      display: inline-block;
      width: 70px;
      margin: 0 21px;
      -webkit-transition: .3s all;
      -moz-transition: .3s all;
      -ms-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all; }
      .footer .snsList li:hover {
        opacity: .7; }
      .footer .snsList li img {
        width: 100%; }
  .footer .copy {
    width: 480px;
    height: 150px;
    margin: auto;
    padding: 79px 0 0;
    background: url(../img/bddvd/pc/footer.png) top center no-repeat;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    font-size: 13px;
    letter-spacing: 0.03rem;
    line-height: 1.8;
    font-family: "Barlow Condensed", "\0030d2\0030e9\0030ae\0030ce\0089d2\0030b4 ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "\006e38\0030b4\0030b7\0030c3\0030af", YuGothic, "\0030e1\0030a4\0030ea\0030aa", Meiryo, sans-serif;
    }
  .footer .note {
    font-size: 10px;
    line-height: 1.3; }
  .footer .askList {
    text-align: center;
    letter-spacing: -0.4em;
    margin-bottom: 8px; }
    .footer .askList li {
      position: relative;
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top;
      margin-left: 40px;
      font-size: 10px;
      letter-spacing: 0.03rem;
      -webkit-transition: .3s all;
      -moz-transition: .3s all;
      -ms-transition: .3s all;
      -o-transition: .3s all;
      transition: .3s all; }
      .footer .askList li:hover {
        opacity: .7; }
      .footer .askList li.eng {
        font-size: 0.6875rem; }
      .footer .askList li a {
        color: #fff;
        text-decoration: none; }
      .footer .askList li:first-child {
        margin-left: 0; }
        .footer .askList li:first-child:before {
          display: none; }
      .footer .askList li:before {
        content: "";
        position: absolute;
        top: 0;
        left: -20px;
        width: 1px;
        height: 100%;
        background: #fff; }

  .glitch {
    position: relative;
    display: inline-block; }
    .glitch:after {
      clip: rect(0, 100%, 0, 0);
      content: " ";
      display: inline-block;
      width: 930px;
      height: 329px;
      background: url(../img/bddvd/pc/title.png) no-repeat;
      -webkit-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      top: 0;
      left: 0;
      /* Was 1px */
      overflow: hidden;
      position: absolute;
      -webkit-animation: noise_anim 2s infinite linear alternate-reverse;
      -moz-animation: noise_anim 2s infinite linear alternate-reverse;
      animation: noise_anim 2s infinite linear alternate-reverse; }
    .glitch:before {
      clip: rect(0, 100%, 0, 0);
      content: " ";
      display: inline-block;
      width: 930px;
      height: 329px;
      background: url(../img/bddvd/pc/title.png) no-repeat;
      -webkit-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      top: 0;
      left: 0;
      overflow: hidden;
      position: absolute;
      animation: noise_anim_ 3s infinite linear alternate-reverse;
      -moz-animation: noise_anim_ 3s infinite linear alternate-reverse;
      -webkit-animation: noise_anim_ 3s infinite linear alternate-reverse; }

  .heading:before, .heading02:before {
    transform: translateX(-1px); }

  .heading:after, .heading02:after {
    transform: translateX(1px); } }
@media only screen and (max-width: 768px) {
  body {
    position: relative;
    margin: auto;
    text-align: center;
    background: url(../img/bddvd/bg_chidori_repeat.jpg) center;
    background-size: 30px auto; }

  .wrapper {
    background: url(../img/bddvd/sp/line_bdvd.png) top left no-repeat;
    background-size: 100% auto;
    padding: 0 0 111px;
    overflow: hidden; }
    .wrapper .logo {
      width: 21.33%; }
      .wrapper .logo .logo_p4ga {
        margin-top: -4px; }
    .wrapper:after {
      content: " ";
      display: block;
      position: absolute;
      bottom: -230px;
      left: 0;
      width: 100%;
      height: 500px;
      margin: -0% 0 0 0%;
      transform: skewY(-15deg);
      background: #000;
      z-index: -1; }

  .header {
    margin: 19px auto 0; }
    .header figure {
      width: 61.333%;
      margin: -16px auto 16px; }
    .header .btn_anx {
      margin: 0 auto 89px; }
      .header .btn_anx a {
        display: block;
        width: 61.333%;
        margin: 0 auto;
        padding: 8px 0 9px;
        text-decoration: none;
        color: #000;
        background: #fcee16;
        font-size: 25px;
        -webkit-transition: 0.3s;
        transition: 0.3s; }
        .header .btn_anx a:hover {
          opacity: .7; }

  .btn {
    position: fixed;
    bottom: 0;
    z-index: 555; }

  .main {
    text-align: left;
    padding: 0 0 73px; }
    .main .section {
      position: relative; }
      .main .section .section_content {
        margin: 0 5.333%;
        font-size: 0.8125rem; }
      .main .section .chara {
        position: absolute;
        width: 42.66%; }
        .main .section .chara.narukami {
          top: -73px;
          right: 0; }
        .main .section .chara.kuma {
          top: 22px;
          left: 0; }
        .main .section .chara.hanamura {
          top: 24px;
          right: 0; }
        .main .section .chara.tatsumi {
          bottom: 19px;
          left: 0; }
        .main .section .chara.kujikawa {
          top: -20px;
          left: 0; }
        .main .section .chara.shirogane {
          top: 6px;
          right: -20px; }
      .main .section .deco {
        position: absolute; }
        .main .section .deco.deco_01 {
          width: 17.333%;
          top: 244px;
          right: 8.8%; }
        .main .section .deco.deco_02 {
          width: 10.66%;
          top: 305px;
          left: 30.66%; }
        .main .section .deco.deco_03 {
          width: 10.66%;
          bottom: 146px;
          right: 29.6%; }
        .main .section .deco.deco_04 {
          width: 17.333%;
          top: 198px;
          left: 16px; }
      .main .section.info dl {
        letter-spacing: -.4em;
        line-height: 1.8; }
        .main .section.info dl dt {
          display: inline-block;
          width: 16.5%;
          margin-bottom: 6px;
          letter-spacing: 0.05rem;
          vertical-align: top;
          font-size: 0.9375rem; }
        .main .section.info dl dd {
          display: inline-block;
          width: 83.4%;
          margin: 1px 0 6px;
          letter-spacing: 0.08rem;
          vertical-align: top; }
      .main .section.info .img_pkg {
        width: 90%;
        margin: -1em auto 0; }
      .main .section.info02 .img_pkg {
        width: 67%;
        font-size: 0.7rem;
        line-height: 1.4;
        margin: 1em 5.333% 0; }
        .main .section.info02 .img_pkg .item {
          margin: 0 0 1em; }
        .main .section.info02 .img_pkg .item a {
          color: #fff;
          text-decoration: none; }
          .main .section.info02 .img_pkg img {
            margin: 0.5em 0; }
      .main .section.info02 ul {
        width: 67%;
        margin: 0 0 0 auto;
        line-height: 1.8;
        padding: 0 0 0 1em; }
      .main .section.info02 ul:first-child {
        margin: -20px 0 0 auto; }
      .main .section.info02 p {
        width: 67%;
        margin: 1em 0 0 auto;
        font-size: 0.750rem;
        text-decoration: underline;
        line-height: 1.8;
        padding: 0 0 0 0; }
        .main .section.info02 ul li {
          text-indent: -1em; }
      .main .section.video .section_content {
        margin: -40px 5.333% 0; }
      .main .section.video h4 {
        font-size: 1rem;
        color: #fcee16;
        letter-spacing: 0.08rem;
        margin: 20px 0 5px; }
      .main .section.video ul {
        margin: 0 0 0 auto;
        line-height: 1.8; }
        .main .section.video ul li span.txt {
          font-size: 0.7rem;
          padding: 0 0 0.5em 1em; }
      .main .section.video .section_content .item ul li .privilege_youtube {
        margin: 0.5em 0 0.1em 1em;
        display: block;
        position: relative;
        width: 71%;
        padding-top: 40%; }
      .main .section.video .section_content .item ul li .privilege_youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important; }
      .main .section.audio ul {
        width: 67%;
        margin: -10px 0 0 auto;
        line-height: 1.8; }
        .main .section.audio ul li {
          margin: 0 0 14px; }
          .main .section.audio ul li:last-child {
            margin: 0; }
      .main .section.shop ul {
        letter-spacing: -.4em; }
        .main .section.shop ul li {
          display: inline-block;
          letter-spacing: 0.01rem;
          vertical-align: top;
          width: 42.68%;
          margin: 0 4.7% 16px 0;
          text-align: center; }
          .main .section.shop ul li:nth-child(4n-1) {
            margin: 0 4.7% 16px 9.8%; }
          .main .section.shop ul li:nth-child(4n) {
            margin: 0 0 16px 0; }
          .main .section.shop ul li:last-child {
            float: right;
            margin: 0 0 16px 0; }
          .main .section.shop ul li .name {
            color: #fcee16;
            font-size: 0.8125rem;
            margin: 9px 0 6px;
            line-height: 1.4; }
            .main .section.shop ul li .name span {
              font-size: 0.750rem; }
          .main .section.shop ul li .goods {
            font-size: 0.750rem;
            line-height: 1.4; }

  .footer .cap_share {
    width: 35.46%;
    margin: 0 auto 6px; }
  .footer .snsList {
    margin: 0 0 46px; }
    .footer .snsList li {
      display: inline-block;
      width: 12%;
      margin: 0 3.4%; }
  .footer .copy {
    width: 100%;
    height: 90px;
    margin-top: 20px;
    padding: 44px 0 0;
    background: url(../img/bddvd/sp/footer.png) center no-repeat;
    -webkit-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    font-size: 0.6rem;
    letter-spacing: 0.03rem;
    line-height: 1.8;
    font-family: "Barlow Condensed", "\0030d2\0030e9\0030ae\0030ce\0089d2\0030b4 ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "\006e38\0030b4\0030b7\0030c3\0030af", YuGothic, "\0030e1\0030a4\0030ea\0030aa", Meiryo, sans-serif;
    }
  .footer .note {
    font-size: 0.625rem;
    line-height: 1.3; }
  .footer .askList {
    text-align: center;
    letter-spacing: -0.4em;
    margin-bottom: 8px; }
    .footer .askList li {
      position: relative;
      display: inline-block;
      letter-spacing: normal;
      vertical-align: top;
      margin-left: 40px;
      font-size: 0.625rem;
      letter-spacing: 0.03rem; }
      .footer .askList li.eng {
        font-size: 0.6875rem; }
      .footer .askList li a {
        color: #fff;
        text-decoration: none; }
      .footer .askList li:first-child {
        margin-left: 0; }
        .footer .askList li:first-child:before {
          display: none; }
      .footer .askList li:before {
        content: "";
        position: absolute;
        top: 0;
        left: -20px;
        width: 1px;
        height: 100%;
        background: #fff; } }
@-webkit-keyframes anm_deco {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  48% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  49% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
  99% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.deco img {
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  transition-timing-function: cubic-bezier(0, 0, 0, 0); }
.deco.deco_01 img, .deco.deco_04 img {
  animation: anm_deco infinite 1.6s; }
.deco.deco_02 img {
  animation: anm_deco infinite 2s; }
.deco.deco_03 img {
  animation: anm_deco infinite 2.4s; }

@keyframes noise_anim {
  0% {
    clip: rect(21px, 9999px, 57px, 0); }
  1% {
    clip: rect(21px, 9999px, 80px, 0); }
  2% {
    clip: rect(55px, 9999px, 69px, 0); }
  3% {
    clip: rect(22px, 9999px, 55px, 0); }
  4% {
    clip: rect(38px, 9999px, 69px, 0); }
  5% {
    clip: rect(31px, 9999px, 84px, 0); }
  6% {
    clip: rect(15px, 9999px, 28px, 0); }
  7% {
    clip: rect(16px, 9999px, 100px, 0); }
  8% {
    clip: rect(25px, 9999px, 10px, 0); }
  9% {
    clip: rect(19px, 9999px, 19px, 0); }
  10% {
    clip: rect(71px, 9999px, 35px, 0); }
  11% {
    clip: rect(329px, 9999px, 21px, 0); }
  12% {
    clip: rect(20px, 9999px, 34px, 0); }
  13% {
    clip: rect(22px, 9999px, 61px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(64px, 9999px, 11px, 0); }
  17% {
    clip: rect(63px, 9999px, 28px, 0); }
  18% {
    clip: rect(60px, 9999px, 60px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@keyframes noise_anim_ {
  0% {
    clip: rect(200px, 9999px, 63px, 0); }
  1% {
    clip: rect(7px, 9999px, 6px, 0); }
  2% {
    clip: rect(82px, 9999px, 78px, 0); }
  3% {
    clip: rect(85px, 9999px, 25px, 0); }
  4% {
    clip: rect(93px, 9999px, 38px, 0); }
  5% {
    clip: rect(70px, 9999px, 96px, 0); }
  6% {
    clip: rect(41px, 9999px, 72px, 0); }
  7% {
    clip: rect(39px, 9999px, 65px, 0); }
  8% {
    clip: rect(36px, 9999px, 34px, 0); }
  9% {
    clip: rect(84px, 9999px, 96px, 0); }
  10% {
    clip: rect(99px, 9999px, 45px, 0); }
  11% {
    clip: rect(37px, 9999px, 73px, 0); }
  12% {
    clip: rect(63px, 9999px, 20px, 0); }
  13% {
    clip: rect(55px, 9999px, 44px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(60px, 9999px, 9px, 0); }
  17% {
    clip: rect(37px, 9999px, 69px, 0); }
  18% {
    clip: rect(32px, 9999px, 64px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-webkit-keyframes noise_anim {
  0% {
    clip: rect(61px, 9999px, 72px, 0); }
  1% {
    clip: rect(65px, 9999px, 83px, 0); }
  2% {
    clip: rect(21px, 9999px, 68px, 0); }
  3% {
    clip: rect(99px, 9999px, 51px, 0); }
  4% {
    clip: rect(41px, 9999px, 79px, 0); }
  5% {
    clip: rect(33px, 9999px, 65px, 0); }
  6% {
    clip: rect(38px, 9999px, 71px, 0); }
  7% {
    clip: rect(49px, 9999px, 18px, 0); }
  8% {
    clip: rect(70px, 9999px, 6px, 0); }
  9% {
    clip: rect(47px, 9999px, 45px, 0); }
  10% {
    clip: rect(74px, 9999px, 90px, 0); }
  11% {
    clip: rect(33px, 9999px, 8px, 0); }
  12% {
    clip: rect(200px, 9999px, 10px, 0); }
  13% {
    clip: rect(53px, 9999px, 43px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(82px, 9999px, 20px, 0); }
  17% {
    clip: rect(70px, 9999px, 30px, 0); }
  18% {
    clip: rect(50px, 9999px, 31px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-webkit-keyframes noise_anim_ {
  0% {
    clip: rect(62px, 9999px, 69px, 0); }
  1% {
    clip: rect(33px, 9999px, 27px, 0); }
  2% {
    clip: rect(86px, 9999px, 3px, 0); }
  3% {
    clip: rect(69px, 9999px, 65px, 0); }
  4% {
    clip: rect(87px, 9999px, 58px, 0); }
  5% {
    clip: rect(80px, 9999px, 55px, 0); }
  6% {
    clip: rect(46px, 9999px, 69px, 0); }
  7% {
    clip: rect(39px, 9999px, 93px, 0); }
  8% {
    clip: rect(1px, 9999px, 73px, 0); }
  9% {
    clip: rect(35px, 9999px, 75px, 0); }
  10% {
    clip: rect(329px, 9999px, 97px, 0); }
  11% {
    clip: rect(30px, 9999px, 53px, 0); }
  12% {
    clip: rect(63px, 9999px, 100px, 0); }
  13% {
    clip: rect(22px, 9999px, 19px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(62px, 9999px, 50px, 0); }
  17% {
    clip: rect(35px, 9999px, 84px, 0); }
  18% {
    clip: rect(38px, 9999px, 61px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-moz-keyframes noise_anim {
  0% {
    clip: rect(80px, 9999px, 30px, 0); }
  1% {
    clip: rect(92px, 9999px, 43px, 0); }
  2% {
    clip: rect(94px, 9999px, 28px, 0); }
  3% {
    clip: rect(22px, 9999px, 60px, 0); }
  4% {
    clip: rect(12px, 9999px, 6px, 0); }
  5% {
    clip: rect(55px, 9999px, 65px, 0); }
  6% {
    clip: rect(40px, 9999px, 78px, 0); }
  7% {
    clip: rect(66px, 9999px, 39px, 0); }
  8% {
    clip: rect(86px, 9999px, 62px, 0); }
  9% {
    clip: rect(75px, 9999px, 66px, 0); }
  10% {
    clip: rect(9px, 9999px, 67px, 0); }
  11% {
    clip: rect(30px, 9999px, 5px, 0); }
  12% {
    clip: rect(41px, 9999px, 40px, 0); }
  13% {
    clip: rect(10px, 9999px, 96px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(92px, 9999px, 58px, 0); }
  17% {
    clip: rect(11px, 9999px, 13px, 0); }
  18% {
    clip: rect(44px, 9999px, 36px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-moz-keyframes noise_anim_ {
  0% {
    clip: rect(13px, 9999px, 50px, 0); }
  1% {
    clip: rect(52px, 9999px, 68px, 0); }
  2% {
    clip: rect(49px, 9999px, 80px, 0); }
  15% {
    clip: rect(98px, 9999px, 41px, 0); }
  4% {
    clip: rect(200px, 9999px, 329px, 0); }
  5% {
    clip: rect(66px, 9999px, 91px, 0); }
  30% {
    clip: rect(100px, 9999px, 29px, 0); }
  7% {
    clip: rect(40px, 9999px, 29px, 0); }
  8% {
    clip: rect(44px, 9999px, 329px, 0); }
  9% {
    clip: rect(74px, 9999px, 18px, 0); }
  10% {
    clip: rect(6px, 9999px, 74px, 0); }
  11% {
    clip: rect(4px, 9999px, 28px, 0); }
  12% {
    clip: rect(87px, 9999px, 329px, 0); }
  13% {
    clip: rect(100px, 9999px, 6px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(150px, 9999px, 61px, 0); }
  17% {
    clip: rect(23px, 9999px, 150px, 0); }
  18% {
    clip: rect(52px, 9999px, 24px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@keyframes noise_anim {
  0% {
    clip: rect(21px, 9999px, 57px, 0); }
  1% {
    clip: rect(21px, 9999px, 80px, 0); }
  2% {
    clip: rect(55px, 9999px, 69px, 0); }
  3% {
    clip: rect(22px, 9999px, 55px, 0); }
  4% {
    clip: rect(38px, 9999px, 69px, 0); }
  5% {
    clip: rect(31px, 9999px, 84px, 0); }
  6% {
    clip: rect(15px, 9999px, 28px, 0); }
  7% {
    clip: rect(16px, 9999px, 100px, 0); }
  8% {
    clip: rect(25px, 9999px, 10px, 0); }
  9% {
    clip: rect(19px, 9999px, 19px, 0); }
  10% {
    clip: rect(71px, 9999px, 35px, 0); }
  11% {
    clip: rect(329px, 9999px, 21px, 0); }
  12% {
    clip: rect(20px, 9999px, 34px, 0); }
  13% {
    clip: rect(22px, 9999px, 61px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(64px, 9999px, 11px, 0); }
  17% {
    clip: rect(63px, 9999px, 28px, 0); }
  18% {
    clip: rect(60px, 9999px, 60px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@keyframes noise_anim_ {
  0% {
    clip: rect(200px, 9999px, 63px, 0); }
  1% {
    clip: rect(7px, 9999px, 6px, 0); }
  2% {
    clip: rect(82px, 9999px, 78px, 0); }
  3% {
    clip: rect(85px, 9999px, 25px, 0); }
  4% {
    clip: rect(93px, 9999px, 38px, 0); }
  5% {
    clip: rect(70px, 9999px, 96px, 0); }
  6% {
    clip: rect(41px, 9999px, 72px, 0); }
  7% {
    clip: rect(39px, 9999px, 65px, 0); }
  8% {
    clip: rect(36px, 9999px, 34px, 0); }
  9% {
    clip: rect(84px, 9999px, 96px, 0); }
  10% {
    clip: rect(99px, 9999px, 45px, 0); }
  11% {
    clip: rect(37px, 9999px, 73px, 0); }
  12% {
    clip: rect(63px, 9999px, 20px, 0); }
  13% {
    clip: rect(55px, 9999px, 44px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(60px, 9999px, 9px, 0); }
  17% {
    clip: rect(37px, 9999px, 69px, 0); }
  18% {
    clip: rect(32px, 9999px, 64px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-webkit-keyframes noise_anim {
  0% {
    clip: rect(61px, 9999px, 72px, 0); }
  1% {
    clip: rect(65px, 9999px, 83px, 0); }
  2% {
    clip: rect(21px, 9999px, 68px, 0); }
  3% {
    clip: rect(99px, 9999px, 51px, 0); }
  4% {
    clip: rect(41px, 9999px, 79px, 0); }
  5% {
    clip: rect(33px, 9999px, 65px, 0); }
  6% {
    clip: rect(38px, 9999px, 71px, 0); }
  7% {
    clip: rect(49px, 9999px, 18px, 0); }
  8% {
    clip: rect(70px, 9999px, 6px, 0); }
  9% {
    clip: rect(47px, 9999px, 45px, 0); }
  10% {
    clip: rect(74px, 9999px, 90px, 0); }
  11% {
    clip: rect(33px, 9999px, 8px, 0); }
  12% {
    clip: rect(200px, 9999px, 10px, 0); }
  13% {
    clip: rect(53px, 9999px, 43px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(82px, 9999px, 20px, 0); }
  17% {
    clip: rect(70px, 9999px, 30px, 0); }
  18% {
    clip: rect(50px, 9999px, 31px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-webkit-keyframes noise_anim_ {
  0% {
    clip: rect(62px, 9999px, 69px, 0); }
  1% {
    clip: rect(33px, 9999px, 27px, 0); }
  2% {
    clip: rect(86px, 9999px, 3px, 0); }
  3% {
    clip: rect(69px, 9999px, 65px, 0); }
  4% {
    clip: rect(87px, 9999px, 58px, 0); }
  5% {
    clip: rect(80px, 9999px, 55px, 0); }
  6% {
    clip: rect(46px, 9999px, 69px, 0); }
  7% {
    clip: rect(39px, 9999px, 93px, 0); }
  8% {
    clip: rect(1px, 9999px, 73px, 0); }
  9% {
    clip: rect(35px, 9999px, 75px, 0); }
  10% {
    clip: rect(329px, 9999px, 97px, 0); }
  11% {
    clip: rect(30px, 9999px, 53px, 0); }
  12% {
    clip: rect(63px, 9999px, 100px, 0); }
  13% {
    clip: rect(22px, 9999px, 19px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(62px, 9999px, 50px, 0); }
  17% {
    clip: rect(35px, 9999px, 84px, 0); }
  18% {
    clip: rect(38px, 9999px, 61px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-moz-keyframes noise_anim {
  0% {
    clip: rect(80px, 9999px, 30px, 0); }
  1% {
    clip: rect(92px, 9999px, 43px, 0); }
  2% {
    clip: rect(94px, 9999px, 28px, 0); }
  3% {
    clip: rect(22px, 9999px, 60px, 0); }
  4% {
    clip: rect(12px, 9999px, 6px, 0); }
  5% {
    clip: rect(55px, 9999px, 65px, 0); }
  6% {
    clip: rect(40px, 9999px, 78px, 0); }
  7% {
    clip: rect(66px, 9999px, 39px, 0); }
  8% {
    clip: rect(86px, 9999px, 62px, 0); }
  9% {
    clip: rect(75px, 9999px, 66px, 0); }
  10% {
    clip: rect(9px, 9999px, 67px, 0); }
  11% {
    clip: rect(30px, 9999px, 5px, 0); }
  12% {
    clip: rect(41px, 9999px, 40px, 0); }
  13% {
    clip: rect(10px, 9999px, 96px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(92px, 9999px, 58px, 0); }
  17% {
    clip: rect(11px, 9999px, 13px, 0); }
  18% {
    clip: rect(44px, 9999px, 36px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }
@-moz-keyframes noise_anim_ {
  0% {
    clip: rect(13px, 9999px, 50px, 0); }
  1% {
    clip: rect(52px, 9999px, 68px, 0); }
  2% {
    clip: rect(49px, 9999px, 80px, 0); }
  3% {
    clip: rect(98px, 9999px, 41px, 0); }
  4% {
    clip: rect(200px, 9999px, 329px, 0); }
  5% {
    clip: rect(66px, 9999px, 91px, 0); }
  6% {
    clip: rect(100px, 9999px, 29px, 0); }
  7% {
    clip: rect(40px, 9999px, 29px, 0); }
  8% {
    clip: rect(44px, 9999px, 329px, 0); }
  9% {
    clip: rect(74px, 9999px, 18px, 0); }
  10% {
    clip: rect(6px, 9999px, 74px, 0); }
  11% {
    clip: rect(4px, 9999px, 28px, 0); }
  12% {
    clip: rect(87px, 9999px, 329px, 0); }
  13% {
    clip: rect(100px, 9999px, 6px, 0); }
  14% {
    clip: rect(65px, 9999px, 270px, 0); }
  15% {
    clip: rect(40px, 9999px, 300px, 0); }
  16% {
    clip: rect(150px, 9999px, 61px, 0); }
  17% {
    clip: rect(23px, 9999px, 150px, 0); }
  18% {
    clip: rect(52px, 9999px, 24px, 0); }
  19% {
    clip: rect(0, 0, 0, 0); }
  100% {
    clip: rect(0, 0, 0, 0); } }


.scroll-effect-module .anim:not(.active) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  animation-duration: .1s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

.scroll-effect-module .anim.active {
  animation-name: active;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  animation-duration: .3s;
  animation-fill-mode: both;
  animation-timing-function: ease-in-out;
}

@keyframes active {
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    }
}