@charset "UTF-8";
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */

a {
  text-decoration: none
}

.clearfix:after,
.clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both
}

.l-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative
}

.l-loading {
  z-index: 3000;
  height: 200vh;
  left: 0;
  top: 0;
  width: 100%;
  position: fixed
}

.l-loading-inner {
  position: relative;
  height: 100vh;
  display: block;
  background: #83CCD2;
  z-index: 3000;
}

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  margin: auto
}

.loading p {
  font-size: 35px;
  text-align: center;
  font-weight: 700;
  color: #fff
}

.loading svg {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
  -webkit-animation: anime 2.5s ease infinite alternate;
  animation: anime 2.5s ease infinite alternate
}

.shape {
  height: 100vh;
  width: 100%;
  display: block;
  fill: #83CCD2;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1)
}

/*
.cls-1 {
  fill: #fff;
  stroke-miterlimit: 10;
  stroke-width: 4px
}

.cls-2 {
  fill: #575d62
}

.cls-3 {
  fill: #fff
}
*/

/*
@keyframes anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@-webkit-keyframes anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
*/