/***************************************************
 * Generated by SVG Artista on 10/11/2022, 5:08:24 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 518.203369140625px;
    stroke-dasharray: 518.203369140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 518.203369140625px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 518.203369140625px;
    stroke-dasharray: 518.203369140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 518.203369140625px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 173.07406616210938px;
    stroke-dasharray: 173.07406616210938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.07406616210938px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 173.07406616210938px;
    stroke-dasharray: 173.07406616210938px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 173.07406616210938px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
                       animate-svg-fill-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s both,
               animate-svg-fill-2 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 269.95330810546875px;
    stroke-dasharray: 269.95330810546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 269.95330810546875px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 269.95330810546875px;
    stroke-dasharray: 269.95330810546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 269.95330810546875px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
                       animate-svg-fill-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s both,
               animate-svg-fill-3 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 302.5753173828125px;
    stroke-dasharray: 302.5753173828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 302.5753173828125px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 302.5753173828125px;
    stroke-dasharray: 302.5753173828125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 302.5753173828125px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s both,
                       animate-svg-fill-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.30000000000000004s both,
               animate-svg-fill-4 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 339.774658203125px;
    stroke-dasharray: 339.774658203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 339.774658203125px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 339.774658203125px;
    stroke-dasharray: 339.774658203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 339.774658203125px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
                       animate-svg-fill-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s both,
               animate-svg-fill-5 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 358.8446044921875px;
    stroke-dasharray: 358.8446044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 358.8446044921875px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 358.8446044921875px;
    stroke-dasharray: 358.8446044921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 358.8446044921875px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
                       animate-svg-fill-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both,
               animate-svg-fill-6 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 411.97735595703125px;
    stroke-dasharray: 411.97735595703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 411.97735595703125px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 411.97735595703125px;
    stroke-dasharray: 411.97735595703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 411.97735595703125px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s both,
                       animate-svg-fill-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6000000000000001s both,
               animate-svg-fill-7 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 40.49457550048828px;
    stroke-dasharray: 40.49457550048828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 40.49457550048828px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 40.49457550048828px;
    stroke-dasharray: 40.49457550048828px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 40.49457550048828px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s both,
                       animate-svg-fill-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7000000000000001s both,
               animate-svg-fill-8 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 832.3938598632812px;
    stroke-dasharray: 832.3938598632812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 832.3938598632812px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 832.3938598632812px;
    stroke-dasharray: 832.3938598632812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 832.3938598632812px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both,
                       animate-svg-fill-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both,
               animate-svg-fill-9 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 847.7029418945312px;
    stroke-dasharray: 847.7029418945312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 847.7029418945312px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 847.7029418945312px;
    stroke-dasharray: 847.7029418945312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 847.7029418945312px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both,
                       animate-svg-fill-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both,
               animate-svg-fill-10 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 358.6905517578125px;
    stroke-dasharray: 358.6905517578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 358.6905517578125px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 358.6905517578125px;
    stroke-dasharray: 358.6905517578125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 358.6905517578125px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
                       animate-svg-fill-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both,
               animate-svg-fill-11 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 304.6755676269531px;
    stroke-dasharray: 304.6755676269531px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 304.6755676269531px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 304.6755676269531px;
    stroke-dasharray: 304.6755676269531px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 304.6755676269531px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both,
                       animate-svg-fill-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both,
               animate-svg-fill-12 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 335.36151123046875px;
    stroke-dasharray: 335.36151123046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 335.36151123046875px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 335.36151123046875px;
    stroke-dasharray: 335.36151123046875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 335.36151123046875px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both,
                       animate-svg-fill-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both,
               animate-svg-fill-13 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 287.2212219238281px;
    stroke-dasharray: 287.2212219238281px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 287.2212219238281px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 287.2212219238281px;
    stroke-dasharray: 287.2212219238281px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 287.2212219238281px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both,
                       animate-svg-fill-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both,
               animate-svg-fill-14 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 87.78446197509766px;
    stroke-dasharray: 87.78446197509766px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 87.78446197509766px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 87.78446197509766px;
    stroke-dasharray: 87.78446197509766px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 87.78446197509766px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(35, 24, 21);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both,
                       animate-svg-fill-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both,
               animate-svg-fill-15 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}


#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}
#contents{
  width:100%;
  font-size:50px;
  margin: 40px auto;
}