/* anilogo */
.anilogo {
  width:100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:0;
  left:0;
  opacity: 999;
  z-index:22560;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/header/logo.png);
  background-size: 150px auto;
  opacity: 0;
}
.anilogo {
  -moz-animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -moz-animation-duration: 2s;
  -webkit-animation-duration: 2s;
  -o-animation-duration: 2s;
  -ms-animation-duration: 2s;
  -moz-animation-name: anilogo;
  -webkit-animation-name: anilogo;
  -o-animation-name: anilogo;
  -ms-animation-name: anilogo;
  -moz-animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  -o-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  }

  @-moz-keyframes anilogo {
  0% {
    opacity: 0;
    height: 100%;
    top:0;
    display: flex;
  }
  40% {
    opacity: 1;
    height: 100%;
    top:0;
    display: flex;
  }
  80% {
    opacity: 1;
    height: 100%;
    top:0;
    display: flex;
  }
  99% {
    opacity: 0;
    height: 100%;
    top:0;
    display: flex;
  }
  100% {
    opacity: 0;
    top:-9999px;
    height: 0;
    display: none;
  }
  }
  @-webkit-keyframes anilogo {
    0% {
      opacity: 0;
      height: 100%;
      top:0;
      display: flex;
    }
    40% {
      opacity: 1;
      height: 100%;
      top:0;
      display: flex;
    }
    80% {
      opacity: 1;
      height: 100%;
      top:0;
      display: flex;
    }
    99% {
      opacity: 0;
      height: 100%;
      top:0;
      display: flex;
    }
    100% {
      opacity: 0;
      top:-9999px;
      height: 0;
      display: none;
    }
  }
  @keyframes anilogo {
    0% {
      opacity: 0;
      height: 100%;
      top:0;
      display: flex;
    }
    40% {
      opacity: 1;
      height: 100%;
      top:0;
      display: flex;
    }
    80% {
      opacity: 1;
      height: 100%;
      top:0;
      display: flex;
    }
    99% {
      opacity: 0;
      height: 100%;
      top:0;
      display: flex;
    }
    100% {
      opacity: 0;
      top:-9999px;
      height: 0;
      display: none;
    }
  }

  /* Base */
.baseplate {
  width:100%;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  top:0;
  left:0;
  opacity: 100;
  z-index:22550;
  overflow: hidden;
  background-color: var(--color-white);
}
.baseplate {
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  -ms-animation-delay: 0s;
  -moz-animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -o-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -moz-animation-name: baseplate;
  -webkit-animation-name: baseplate;
  -o-animation-name: baseplate;
  -ms-animation-name: baseplate;
  -moz-animation-iteration-count:1;
  -webkit-animation-iteration-count:1;
  -o-animation-iteration-count:1;
  -ms-animation-iteration-count:1;
  -moz-animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
  -o-animation-fill-mode:forwards;
  -ms-animation-fill-mode:forwards;
  }

  @-moz-keyframes baseplate {
  0% {
    opacity: 1;
    height: 100%;
    min-height: 100%;
    top:0;
    display: block;
  }
  70% {
    opacity: 1;
    height: 100%;
    min-height: 100%;
    top:0;
    display: block;
  }
  99% {
    opacity: 0;
    height: 100%;
    min-height: 100%;
    top:0;
    display: block;
  }
  100% {
    top:-9999px;
    height: 0;
    min-height: 0%;
    display: none;
  }
  }
  @-webkit-keyframes baseplate {
    0% {
      opacity: 1;
      height: 100%;
      min-height: 100%;
      top:0;
      display: block;
    }
    70% {
      opacity: 1;
      height: 100%;
      min-height: 100%;
      top:0;
      display: block;
    }
    99% {
      opacity: 0;
      height: 100%;
      min-height: 100%;
      top:0;
      display: block;
    }
    100% {
      top:-9999px;
      height: 0;
      min-height: 0%;
      display: none;
    }
  }
  @keyframes baseplate {
    0% {
      opacity: 1;
      height: 100%;
      min-height: 100%;
      top:0;
      display: block;
    }
    70% {
      opacity: 1;
      height: 100%;
      min-height: 100%;
      top:0;
      display: block;
    }
    99% {
      opacity: 0;
      height: 100%;
      min-height: 100%;
      top:0;
      display: block;
    }
    100% {
      top:-9999px;
      height: 0;
      min-height: 0%;
      display: none;
    }
  }