#special-lottie {
      position: absolute;
      right: -100px;
      top: 0;
    }

    @media (max-width: 1430px) {
      #special-lottie {
        float: right;
        position: initial;
        margin-right: 15px;
      }
    }

    @media (max-width: 765px) {
      #special-lottie {
        position: absolute;
        top: 0;
        right: 20vw;
        margin-right: 0;
        width: 12vw !important;
        height: 12vw !important;
        min-width: 50px;
        min-height: 50px;
      }
    }

    body {
      position: relative;
      padding-bottom: 100px;
    }

    .jw-special-entrance {
      position: fixed;
      width: 100%;
      height: 100px;
      z-index: 9999;
      transition: all .2s;
      background: #171717;
    }

    .jw-special-entrance--bottom {
      bottom: 0;
      left: 0;
    }

    .jw-special-entrance .wrapper {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .jw-special-entrance .url {
      display: block;
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
    }

    .jw-special-entrance .url .img {
      width: 1920px;
      height: 100px;
      max-width: initial;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .jw-special-entrance .close {
      opacity: 0;
      background: url(/images/close.png) no-repeat;
      background-size: 100%;
      position: absolute;
      top: 2px;
      right: 5%;
      width: 26px;
      height: 26px;
      cursor: pointer;
      transition: opacity .18s;
    }

    .jw-special-entrance:hover .close {
      opacity: 1;
    }

    .jw-special-entrance .close:hover {
      opacity: 1;
    }

    @media (max-width: 1150px) {
      .jw-special-entrance {
        height: 80px;
      }

      .jw-special-entrance .url .img {
        width: 1536px;
        height: 80px;
      }

      body {
        padding-bottom: 80px;
      }
    }

    @media (max-width: 920px) {
      .jw-special-entrance {
        height: 70px;
      }

      .jw-special-entrance .url .img {
        width: 1344px;
        height: 70px;
      }

      body {
        padding-bottom: 70px;
      }
    }
    @media (max-width: 820px) {
      body {
        padding-bottom: 60px;
      }

      .jw-special-entrance {
        height: 60px;
      }

      .jw-special-entrance .url .img {
        width: 1152px;
        height: 60px;
      }

      .jw-special-entrance .wrapper .close {
        opacity: 1 !important;
        right: 3px;
        width: 23px;
        height: 23px;
        background-size: 100% 100%;
      }
    }
    @media (max-width: 768px) {
      body {
        padding-bottom: 60px;
      }

      .jw-special-entrance {
        height: 60px;
      }

      .jw-special-entrance .url .img {
        width: 1152px;
        height: 60px;
      }

      .jw-special-entrance .wrapper .close {
        opacity: 1 !important;
        right: 3px;
        width: 23px;
        height: 23px;
        background-size: 100% 100%;
      }
    }

    @media (max-width: 750px) {
      .jw-special-entrance {
        height: auto;
      }

      .jw-special-entrance .url .img {
        position: initial;
        width: 100%;
        height: auto;
        transform: translate(0, 0);
      }

      body {
        padding-bottom: 20vw;
      }
    }

    body.close-special-entrance {
      padding-bottom: 0;
    }

    .close-special-entrance .back-top {
      bottom: 80px;
    }

    .close-special-entrance--animation .jw-special-entrance {
      height: 0;
    }

    .close-special-entrance .jw-special-entrance {
      display: none;
      height: 0;
      transition: none;
    }