.wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #fff;
  position: relative; }
  .wrap .inner__wrap {
    display: block;
    width: 90vw;
    max-width: 700px !important;
    height: auto;
    margin: 0;
    padding: 20px 0;
    position: relative; }
    .wrap .inner__wrap .logo_wrap {
      display: block;
      width: 100%;
      max-width: 700px !important;
      margin: auto;
      padding: 0;
      position: relative; }
@keyframes fadeIn2s {
  100% {
    transform: translateX(0);
    opacity: 1; } }
    .wrap .inner__wrap .go_official {
      display: block;
      width: 100%;
      font-size: 20px;
      font-family: "Manrope", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      text-align: center;
      margin: 6% auto 0 auto;
      animation-name: fadeIn2s;
      animation-delay: 0.8s;
      animation-duration: 1.0s;
      animation-fill-mode: forwards;
      opacity: 0; }
      .wrap .inner__wrap .go_official .bt {
        display: block;
        margin: 5px auto 10px auto;
        width: auto;
        position: relative; }
      .wrap .inner__wrap .go_official .bt a {
        line-height: 1;
        display: inline-block;
        width: auto;
        position: relative;
        border-radius: 30px;
        padding: 15px 20px 15px 20px;
        background-color: #E1E1E1;
        text-decoration: none !important;
        text-align: left;
        font-weight: 500;
        margin: 0 auto;
        color: #000;
        transition: 0.5s; }
      .wrap .inner__wrap .go_official .bt a:hover {
        background-color: #27A202;
        text-decoration: none;
        color: #fff; }
    @media screen and (max-width: 640px) {
      .wrap .inner__wrap .go_official {
        display: block;
        width: 100%;
        font-size: 16px;
        font-family: "Manrope", sans-serif;
        font-optical-sizing: auto;
        font-weight: 700;
        font-style: normal;
        text-align: center;
        margin: 10% auto 0 auto;
        animation-name: fadeIn2s;
        animation-delay: 4.5s;
        animation-duration: 1.0s;
        animation-fill-mode: forwards;
        opacity: 0; }
        .wrap .inner__wrap .go_official .bt {
          display: block;
          margin: 5px auto 10px auto;
          width: auto;
          position: relative; }
        .wrap .inner__wrap .go_official .bt a {
          line-height: 1;
          display: inline-block;
          width: auto;
          position: relative;
          border-radius: 30px;
          padding: 10px 18px 10px 18px;
          background-color: #E1E1E1;
          text-decoration: none !important;
          text-align: left;
          font-weight: 500;
          margin: 0 auto;
          color: #000;
          transition: 0.3s; }
        .wrap .inner__wrap .go_official .bt a:hover {
          background-color: #27A202;
          text-decoration: none;
          color: #fff; } }

/*--- logo ---*/
@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent; }
  100% {
    fill: black; } }
@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent; }
  100% {
    fill: black; } }
.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
  animation: animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both; }

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent; }
  100% {
    fill: black; } }
@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent; }
  100% {
    fill: black; } }
.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
  animation: animate-svg-fill-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both; }