/* HAZ*/

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-1 {
  -webkit-animation: svg-hazepites-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: svg-hazepites-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-2 {
  -webkit-animation: svg-hazepites-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation: svg-hazepites-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-3 {
  -webkit-animation: svg-hazepites-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation: svg-hazepites-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-4 {
  -webkit-animation: svg-hazepites-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation: svg-hazepites-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-5 {
  -webkit-animation: svg-hazepites-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
          animation: svg-hazepites-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-6 {
  -webkit-animation: svg-hazepites-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation: svg-hazepites-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-7 {
  -webkit-animation: svg-hazepites-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
          animation: svg-hazepites-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-8 {
  -webkit-animation: svg-hazepites-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
          animation: svg-hazepites-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-9 {
  -webkit-animation: svg-hazepites-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
          animation: svg-hazepites-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-10 {
  -webkit-animation: svg-hazepites-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
          animation: svg-hazepites-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-11 {
  -webkit-animation: svg-hazepites-animate-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: svg-hazepites-animate-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-12 {
  -webkit-animation: svg-hazepites-animate-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
          animation: svg-hazepites-animate-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-13 {
  -webkit-animation: svg-hazepites-animate-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
          animation: svg-hazepites-animate-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-14 {
  -webkit-animation: svg-hazepites-animate-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
          animation: svg-hazepites-animate-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-15 {
  -webkit-animation: svg-hazepites-animate-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
          animation: svg-hazepites-animate-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
}

@-webkit-keyframes svg-hazepites-animate-16 {
  0% {
    stroke-dashoffset: 14.042999267578125px;
    stroke-dasharray: 14.042999267578125px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-16 {
  0% {
    stroke-dashoffset: 14.042999267578125px;
    stroke-dasharray: 14.042999267578125px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-16 {
  -webkit-animation: svg-hazepites-animate-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
          animation: svg-hazepites-animate-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
}

@-webkit-keyframes svg-hazepites-animate-17 {
  0% {
    stroke-dashoffset: 148.1009979248047px;
    stroke-dasharray: 148.1009979248047px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-17 {
  0% {
    stroke-dashoffset: 148.1009979248047px;
    stroke-dasharray: 148.1009979248047px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-17 {
  -webkit-animation: svg-hazepites-animate-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
          animation: svg-hazepites-animate-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
}

@-webkit-keyframes svg-hazepites-animate-18 {
  0% {
    stroke-dashoffset: 26.248992919921875px;
    stroke-dasharray: 26.248992919921875px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-18 {
  0% {
    stroke-dashoffset: 26.248992919921875px;
    stroke-dasharray: 26.248992919921875px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-18 {
  -webkit-animation: svg-hazepites-animate-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both;
          animation: svg-hazepites-animate-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both;
}

@-webkit-keyframes svg-hazepites-animate-19 {
  0% {
    stroke-dashoffset: 14.042999267578125px;
    stroke-dasharray: 14.042999267578125px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-19 {
  0% {
    stroke-dashoffset: 14.042999267578125px;
    stroke-dasharray: 14.042999267578125px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-19 {
  -webkit-animation: svg-hazepites-animate-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both;
          animation: svg-hazepites-animate-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both;
}

@-webkit-keyframes svg-hazepites-animate-20 {
  0% {
    stroke-dashoffset: 9.368003845214844px;
    stroke-dasharray: 9.368003845214844px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-20 {
  0% {
    stroke-dashoffset: 9.368003845214844px;
    stroke-dasharray: 9.368003845214844px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-20 {
  -webkit-animation: svg-hazepites-animate-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both;
          animation: svg-hazepites-animate-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both;
}

@-webkit-keyframes svg-hazepites-animate-21 {
  0% {
    stroke-dashoffset: 34.31599807739258px;
    stroke-dasharray: 34.31599807739258px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-21 {
  0% {
    stroke-dashoffset: 34.31599807739258px;
    stroke-dasharray: 34.31599807739258px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-21 {
  -webkit-animation: svg-hazepites-animate-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
          animation: svg-hazepites-animate-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
}

@-webkit-keyframes svg-hazepites-animate-22 {
  0% {
    stroke-dashoffset: 13.700666427612305px;
    stroke-dasharray: 13.700666427612305px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-22 {
  0% {
    stroke-dashoffset: 13.700666427612305px;
    stroke-dasharray: 13.700666427612305px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-22 {
  -webkit-animation: svg-hazepites-animate-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
          animation: svg-hazepites-animate-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
}

@-webkit-keyframes svg-hazepites-animate-23 {
  0% {
    stroke-dashoffset: 13.700665473937988px;
    stroke-dasharray: 13.700665473937988px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-23 {
  0% {
    stroke-dashoffset: 13.700665473937988px;
    stroke-dasharray: 13.700665473937988px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-23 {
  -webkit-animation: svg-hazepites-animate-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both;
          animation: svg-hazepites-animate-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both;
}

@-webkit-keyframes svg-hazepites-animate-24 {
  0% {
    stroke-dashoffset: 13.700873374938965px;
    stroke-dasharray: 13.700873374938965px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-24 {
  0% {
    stroke-dashoffset: 13.700873374938965px;
    stroke-dasharray: 13.700873374938965px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-24 {
  -webkit-animation: svg-hazepites-animate-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
          animation: svg-hazepites-animate-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
}

@-webkit-keyframes svg-hazepites-animate-25 {
  0% {
    stroke-dashoffset: 13.700871467590332px;
    stroke-dasharray: 13.700871467590332px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-25 {
  0% {
    stroke-dashoffset: 13.700871467590332px;
    stroke-dasharray: 13.700871467590332px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-25 {
  -webkit-animation: svg-hazepites-animate-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both;
          animation: svg-hazepites-animate-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both;
}

@-webkit-keyframes svg-hazepites-animate-26 {
  0% {
    stroke-dashoffset: 13.700876235961914px;
    stroke-dasharray: 13.700876235961914px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-26 {
  0% {
    stroke-dashoffset: 13.700876235961914px;
    stroke-dasharray: 13.700876235961914px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-26 {
  -webkit-animation: svg-hazepites-animate-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: svg-hazepites-animate-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes svg-hazepites-animate-27 {
  0% {
    stroke-dashoffset: 13.700875282287598px;
    stroke-dasharray: 13.700875282287598px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-hazepites-animate-27 {
  0% {
    stroke-dashoffset: 13.700875282287598px;
    stroke-dasharray: 13.700875282287598px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-hazepites-27 {
  -webkit-animation: svg-hazepites-animate-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both;
          animation: svg-hazepites-animate-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both;
}

/*TERASZ*/

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-1 {
  -webkit-animation: svg-teraszepites-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: svg-teraszepites-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-2 {
  -webkit-animation: svg-teraszepites-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation: svg-teraszepites-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-3 {
  -webkit-animation: svg-teraszepites-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation: svg-teraszepites-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-4 {
  -webkit-animation: svg-teraszepites-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation: svg-teraszepites-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-5 {
  -webkit-animation: svg-teraszepites-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
          animation: svg-teraszepites-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-6 {
  -webkit-animation: svg-teraszepites-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation: svg-teraszepites-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-7 {
  -webkit-animation: svg-teraszepites-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
          animation: svg-teraszepites-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-8 {
  -webkit-animation: svg-teraszepites-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
          animation: svg-teraszepites-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-9 {
  -webkit-animation: svg-teraszepites-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
          animation: svg-teraszepites-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-teraszepites-10 {
  -webkit-animation: svg-teraszepites-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
          animation: svg-teraszepites-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
}

/*TETO*/

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-1 {
  -webkit-animation: svg-tetoepites-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: svg-tetoepites-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-2 {
  -webkit-animation: svg-tetoepites-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation: svg-tetoepites-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-3 {
  -webkit-animation: svg-tetoepites-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation: svg-tetoepites-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-4 {
  -webkit-animation: svg-tetoepites-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation: svg-tetoepites-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-5 {
  -webkit-animation: svg-tetoepites-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
          animation: svg-tetoepites-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-6 {
  -webkit-animation: svg-tetoepites-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation: svg-tetoepites-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }

}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-7 {
  -webkit-animation: svg-tetoepites-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
          animation: svg-tetoepites-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-8 {
  -webkit-animation: svg-tetoepites-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
          animation: svg-tetoepites-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-9 {
  -webkit-animation: svg-tetoepites-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
          animation: svg-tetoepites-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-10 {
  -webkit-animation: svg-tetoepites-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
          animation: svg-tetoepites-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-11 {
  -webkit-animation: svg-tetoepites-animate-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: svg-tetoepites-animate-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-12 {
  -webkit-animation: svg-tetoepites-animate-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
          animation: svg-tetoepites-animate-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-13 {
  -webkit-animation: svg-tetoepites-animate-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
          animation: svg-tetoepites-animate-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-14 {
  -webkit-animation: svg-tetoepites-animate-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
          animation: svg-tetoepites-animate-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-15 {
  -webkit-animation: svg-tetoepites-animate-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
          animation: svg-tetoepites-animate-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
}

@-webkit-keyframes svg-tetoepites-animate-16 {
  0% {
    stroke-dashoffset: 45.234619140625px;
    stroke-dasharray: 45.234619140625px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-tetoepites-animate-16 {
  0% {
    stroke-dashoffset: 45.234619140625px;
    stroke-dasharray: 45.234619140625px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-16 {
  -webkit-animation: svg-tetoepites-animate-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
          animation: svg-tetoepites-animate-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
}

@-webkit-keyframes svg-tetoepites-animate-17 {
  0% {
    stroke-dashoffset: 57.35171890258789px;
    stroke-dasharray: 57.35171890258789px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-tetoepites-animate-17 {
  0% {
    stroke-dashoffset: 57.35171890258789px;
    stroke-dasharray: 57.35171890258789px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-tetoepites-17 {
  -webkit-animation: svg-tetoepites-animate-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
          animation: svg-tetoepites-animate-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
}

/*PERGOLA*/

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-1 {
  -webkit-animation: svg-pergola-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
          animation: svg-pergola-animate-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-2 {
  -webkit-animation: svg-pergola-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
          animation: svg-pergola-animate-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-3 {
  -webkit-animation: svg-pergola-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
          animation: svg-pergola-animate-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-4 {
  -webkit-animation: svg-pergola-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
          animation: svg-pergola-animate-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-5 {
  -webkit-animation: svg-pergola-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
          animation: svg-pergola-animate-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-6 {
  -webkit-animation: svg-pergola-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
          animation: svg-pergola-animate-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-7 {
  -webkit-animation: svg-pergola-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
          animation: svg-pergola-animate-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-8 {
  -webkit-animation: svg-pergola-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
          animation: svg-pergola-animate-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-9 {
  -webkit-animation: svg-pergola-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
          animation: svg-pergola-animate-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-10 {
  -webkit-animation: svg-pergola-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
          animation: svg-pergola-animate-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-11 {
  -webkit-animation: svg-pergola-animate-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
          animation: svg-pergola-animate-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-12 {
  -webkit-animation: svg-pergola-animate-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
          animation: svg-pergola-animate-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-13 {
  -webkit-animation: svg-pergola-animate-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
          animation: svg-pergola-animate-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-14 {
  -webkit-animation: svg-pergola-animate-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
          animation: svg-pergola-animate-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-15 {
  -webkit-animation: svg-pergola-animate-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
          animation: svg-pergola-animate-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
}

@-webkit-keyframes svg-pergola-animate-16 {
  0% {
    stroke-dashoffset: 6.63084602355957px;
    stroke-dasharray: 6.63084602355957px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-16 {
  0% {
    stroke-dashoffset: 6.63084602355957px;
    stroke-dasharray: 6.63084602355957px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-16 {
  -webkit-animation: svg-pergola-animate-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
          animation: svg-pergola-animate-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
}

@-webkit-keyframes svg-pergola-animate-17 {
  0% {
    stroke-dashoffset: 75.99154663085938px;
    stroke-dasharray: 75.99154663085938px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-17 {
  0% {
    stroke-dashoffset: 75.99154663085938px;
    stroke-dasharray: 75.99154663085938px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-17 {
  -webkit-animation: svg-pergola-animate-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
          animation: svg-pergola-animate-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
}

@-webkit-keyframes svg-pergola-animate-18 {
  0% {
    stroke-dashoffset: 27.03499984741211px;
    stroke-dasharray: 27.03499984741211px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-18 {
  0% {
    stroke-dashoffset: 27.03499984741211px;
    stroke-dasharray: 27.03499984741211px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-18 {
  -webkit-animation: svg-pergola-animate-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both;
          animation: svg-pergola-animate-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both;
}

@-webkit-keyframes svg-pergola-animate-19 {
  0% {
    stroke-dashoffset: 13.624774932861328px;
    stroke-dasharray: 13.624774932861328px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-19 {
  0% {
    stroke-dashoffset: 13.624774932861328px;
    stroke-dasharray: 13.624774932861328px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-19 {
  -webkit-animation: svg-pergola-animate-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both;
          animation: svg-pergola-animate-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both;
}

@-webkit-keyframes svg-pergola-animate-20 {
  0% {
    stroke-dashoffset: 12.194999694824219px;
    stroke-dasharray: 12.194999694824219px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-20 {
  0% {
    stroke-dashoffset: 12.194999694824219px;
    stroke-dasharray: 12.194999694824219px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-20 {
  -webkit-animation: svg-pergola-animate-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both;
          animation: svg-pergola-animate-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both;
}

@-webkit-keyframes svg-pergola-animate-21 {
  0% {
    stroke-dashoffset: 7.118750095367432px;
    stroke-dasharray: 7.118750095367432px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-21 {
  0% {
    stroke-dashoffset: 7.118750095367432px;
    stroke-dasharray: 7.118750095367432px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-21 {
  -webkit-animation: svg-pergola-animate-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
          animation: svg-pergola-animate-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
}

@-webkit-keyframes svg-pergola-animate-22 {
  0% {
    stroke-dashoffset: 5.8848466873168945px;
    stroke-dasharray: 5.8848466873168945px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-22 {
  0% {
    stroke-dashoffset: 5.8848466873168945px;
    stroke-dasharray: 5.8848466873168945px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-22 {
  -webkit-animation: svg-pergola-animate-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
          animation: svg-pergola-animate-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
}

@-webkit-keyframes svg-pergola-animate-23 {
  0% {
    stroke-dashoffset: 4.560439109802246px;
    stroke-dasharray: 4.560439109802246px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-23 {
  0% {
    stroke-dashoffset: 4.560439109802246px;
    stroke-dasharray: 4.560439109802246px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-23 {
  -webkit-animation: svg-pergola-animate-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both;
          animation: svg-pergola-animate-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both;
}

@-webkit-keyframes svg-pergola-animate-24 {
  0% {
    stroke-dashoffset: 31.071998596191406px;
    stroke-dasharray: 31.071998596191406px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-24 {
  0% {
    stroke-dashoffset: 31.071998596191406px;
    stroke-dasharray: 31.071998596191406px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-24 {
  -webkit-animation: svg-pergola-animate-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
          animation: svg-pergola-animate-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
}

@-webkit-keyframes svg-pergola-animate-25 {
  0% {
    stroke-dashoffset: 24.743000030517578px;
    stroke-dasharray: 24.743000030517578px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-25 {
  0% {
    stroke-dashoffset: 24.743000030517578px;
    stroke-dasharray: 24.743000030517578px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-25 {
  -webkit-animation: svg-pergola-animate-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both;
          animation: svg-pergola-animate-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both;
}

@-webkit-keyframes svg-pergola-animate-26 {
  0% {
    stroke-dashoffset: 47.49000549316406px;
    stroke-dasharray: 47.49000549316406px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-pergola-animate-26 {
  0% {
    stroke-dashoffset: 47.49000549316406px;
    stroke-dasharray: 47.49000549316406px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-pergola-26 {
  -webkit-animation: svg-pergola-animate-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: svg-pergola-animate-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}


/*LOGO*/

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-1 {
  -webkit-animation: svg-logo-animate-1 0.5s ease-in-out 0s both;
          animation: svg-logo-animate-1 0.5s ease-in-out 0s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-2 {
  -webkit-animation: svg-logo-animate-2 0.5s ease-in-out 0.12s both;
          animation: svg-logo-animate-2 0.5s ease-in-out 0.12s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-3 {
  -webkit-animation: svg-logo-animate-3 0.5s ease-in-out 0.24s both;
          animation: svg-logo-animate-3 0.5s ease-in-out 0.24s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-4 {
  -webkit-animation: svg-logo-animate-4 0.5s ease-in-out 0.36s both;
          animation: svg-logo-animate-4 0.5s ease-in-out 0.36s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-5 {
  -webkit-animation: svg-logo-animate-5 0.5s ease-in-out 0.48s both;
          animation: svg-logo-animate-5 0.5s ease-in-out 0.48s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-6 {
  -webkit-animation: svg-logo-animate-6 0.5s ease-in-out 0.6s both;
          animation: svg-logo-animate-6 0.5s ease-in-out 0.6s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-7 {
  -webkit-animation: svg-logo-animate-7 0.5s ease-in-out 0.72s both;
          animation: svg-logo-animate-7 0.5s ease-in-out 0.72s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-8 {
  -webkit-animation: svg-logo-animate-8 0.5s ease-in-out 0.84s both;
          animation: svg-logo-animate-8 0.5s ease-in-out 0.84s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-9 {
  -webkit-animation: svg-logo-animate-9 0.5s ease-in-out 0.96s both;
          animation: svg-logo-animate-9 0.5s ease-in-out 0.96s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-10 {
  -webkit-animation: svg-logo-animate-10 0.5s ease-in-out 1.08s both;
          animation: svg-logo-animate-10 0.5s ease-in-out 1.08s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-11 {
  -webkit-animation: svg-logo-animate-11 0.5s ease-in-out 1.2s both;
          animation: svg-logo-animate-11 0.5s ease-in-out 1.2s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-12 {
  -webkit-animation: svg-logo-animate-12 0.5s ease-in-out 1.3199999999999998s both;
          animation: svg-logo-animate-12 0.5s ease-in-out 1.3199999999999998s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-13 {
  -webkit-animation: svg-logo-animate-13 0.5s ease-in-out 1.44s both;
          animation: svg-logo-animate-13 0.5s ease-in-out 1.44s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-14 {
  -webkit-animation: svg-logo-animate-14 0.5s ease-in-out 1.56s both;
          animation: svg-logo-animate-14 0.5s ease-in-out 1.56s both;
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

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

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-15 {
  -webkit-animation: svg-logo-animate-15 0.5s ease-in-out 1.68s both;
          animation: svg-logo-animate-15 0.5s ease-in-out 1.68s both;
}

@-webkit-keyframes svg-logo-animate-16 {
  0% {
    stroke-dashoffset: 30.376808166503906px;
    stroke-dasharray: 30.376808166503906px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-16 {
  0% {
    stroke-dashoffset: 30.376808166503906px;
    stroke-dasharray: 30.376808166503906px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-16 {
  -webkit-animation: svg-logo-animate-16 0.5s ease-in-out 1.7999999999999998s both;
          animation: svg-logo-animate-16 0.5s ease-in-out 1.7999999999999998s both;
}

@-webkit-keyframes svg-logo-animate-17 {
  0% {
    stroke-dashoffset: 143.92495727539062px;
    stroke-dasharray: 143.92495727539062px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-17 {
  0% {
    stroke-dashoffset: 143.92495727539062px;
    stroke-dasharray: 143.92495727539062px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-17 {
  -webkit-animation: svg-logo-animate-17 0.5s ease-in-out 1.92s both;
          animation: svg-logo-animate-17 0.5s ease-in-out 1.92s both;
}

@-webkit-keyframes svg-logo-animate-18 {
  0% {
    stroke-dashoffset: 87.84033966064453px;
    stroke-dasharray: 87.84033966064453px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-18 {
  0% {
    stroke-dashoffset: 87.84033966064453px;
    stroke-dasharray: 87.84033966064453px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-18 {
  -webkit-animation: svg-logo-animate-18 0.5s ease-in-out 2.04s both;
          animation: svg-logo-animate-18 0.5s ease-in-out 2.04s both;
}

@-webkit-keyframes svg-logo-animate-19 {
  0% {
    stroke-dashoffset: 51.90920639038086px;
    stroke-dasharray: 51.90920639038086px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-19 {
  0% {
    stroke-dashoffset: 51.90920639038086px;
    stroke-dasharray: 51.90920639038086px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-19 {
  -webkit-animation: svg-logo-animate-19 0.5s ease-in-out 2.16s both;
          animation: svg-logo-animate-19 0.5s ease-in-out 2.16s both;
}

@-webkit-keyframes svg-logo-animate-20 {
  0% {
    stroke-dashoffset: 96.43919372558594px;
    stroke-dasharray: 96.43919372558594px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-20 {
  0% {
    stroke-dashoffset: 96.43919372558594px;
    stroke-dasharray: 96.43919372558594px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-20 {
  -webkit-animation: svg-logo-animate-20 0.5s ease-in-out 2.28s both;
          animation: svg-logo-animate-20 0.5s ease-in-out 2.28s both;
}

@-webkit-keyframes svg-logo-animate-21 {
  0% {
    stroke-dashoffset: 51.794586181640625px;
    stroke-dasharray: 51.794586181640625px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-21 {
  0% {
    stroke-dashoffset: 51.794586181640625px;
    stroke-dasharray: 51.794586181640625px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-21 {
  -webkit-animation: svg-logo-animate-21 0.5s ease-in-out 2.4s both;
          animation: svg-logo-animate-21 0.5s ease-in-out 2.4s both;
}

@-webkit-keyframes svg-logo-animate-22 {
  0% {
    stroke-dashoffset: 36.557273864746094px;
    stroke-dasharray: 36.557273864746094px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-22 {
  0% {
    stroke-dashoffset: 36.557273864746094px;
    stroke-dasharray: 36.557273864746094px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-22 {
  -webkit-animation: svg-logo-animate-22 0.5s ease-in-out 2.52s both;
          animation: svg-logo-animate-22 0.5s ease-in-out 2.52s both;
}

@-webkit-keyframes svg-logo-animate-23 {
  0% {
    stroke-dashoffset: 34.73490905761719px;
    stroke-dasharray: 34.73490905761719px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-23 {
  0% {
    stroke-dashoffset: 34.73490905761719px;
    stroke-dasharray: 34.73490905761719px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-23 {
  -webkit-animation: svg-logo-animate-23 0.5s ease-in-out 2.6399999999999997s both;
          animation: svg-logo-animate-23 0.5s ease-in-out 2.6399999999999997s both;
}

@-webkit-keyframes svg-logo-animate-24 {
  0% {
    stroke-dashoffset: 35.154884338378906px;
    stroke-dasharray: 35.154884338378906px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-24 {
  0% {
    stroke-dashoffset: 35.154884338378906px;
    stroke-dasharray: 35.154884338378906px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-24 {
  -webkit-animation: svg-logo-animate-24 0.5s ease-in-out 2.76s both;
          animation: svg-logo-animate-24 0.5s ease-in-out 2.76s both;
}

@-webkit-keyframes svg-logo-animate-25 {
  0% {
    stroke-dashoffset: 233.884521484375px;
    stroke-dasharray: 233.884521484375px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-25 {
  0% {
    stroke-dashoffset: 233.884521484375px;
    stroke-dasharray: 233.884521484375px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-25 {
  -webkit-animation: svg-logo-animate-25 0.5s ease-in-out 2.88s both;
          animation: svg-logo-animate-25 0.5s ease-in-out 2.88s both;
}

@-webkit-keyframes svg-logo-animate-26 {
  0% {
    stroke-dashoffset: 9.73002004623413px;
    stroke-dasharray: 9.73002004623413px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-26 {
  0% {
    stroke-dashoffset: 9.73002004623413px;
    stroke-dasharray: 9.73002004623413px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-26 {
  -webkit-animation: svg-logo-animate-26 0.5s ease-in-out 3s both;
          animation: svg-logo-animate-26 0.5s ease-in-out 3s both;
}

@-webkit-keyframes svg-logo-animate-27 {
  0% {
    stroke-dashoffset: 67.50080871582031px;
    stroke-dasharray: 67.50080871582031px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-27 {
  0% {
    stroke-dashoffset: 67.50080871582031px;
    stroke-dasharray: 67.50080871582031px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-27 {
  -webkit-animation: svg-logo-animate-27 0.5s ease-in-out 3.12s both;
          animation: svg-logo-animate-27 0.5s ease-in-out 3.12s both;
}

@-webkit-keyframes svg-logo-animate-28 {
  0% {
    stroke-dashoffset: 42.44660186767578px;
    stroke-dasharray: 42.44660186767578px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-28 {
  0% {
    stroke-dashoffset: 42.44660186767578px;
    stroke-dasharray: 42.44660186767578px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-28 {
  -webkit-animation: svg-logo-animate-28 0.5s ease-in-out 3.2399999999999998s both;
          animation: svg-logo-animate-28 0.5s ease-in-out 3.2399999999999998s both;
}

@-webkit-keyframes svg-logo-animate-29 {
  0% {
    stroke-dashoffset: 42.44709396362305px;
    stroke-dasharray: 42.44709396362305px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-29 {
  0% {
    stroke-dashoffset: 42.44709396362305px;
    stroke-dasharray: 42.44709396362305px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-29 {
  -webkit-animation: svg-logo-animate-29 0.5s ease-in-out 3.36s both;
          animation: svg-logo-animate-29 0.5s ease-in-out 3.36s both;
}

@-webkit-keyframes svg-logo-animate-30 {
  0% {
    stroke-dashoffset: 42.44656753540039px;
    stroke-dasharray: 42.44656753540039px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-30 {
  0% {
    stroke-dashoffset: 42.44656753540039px;
    stroke-dasharray: 42.44656753540039px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-30 {
  -webkit-animation: svg-logo-animate-30 0.5s ease-in-out 3.48s both;
          animation: svg-logo-animate-30 0.5s ease-in-out 3.48s both;
}

@-webkit-keyframes svg-logo-animate-31 {
  0% {
    stroke-dashoffset: 42.447383880615234px;
    stroke-dasharray: 42.447383880615234px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-31 {
  0% {
    stroke-dashoffset: 42.447383880615234px;
    stroke-dasharray: 42.447383880615234px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-31 {
  -webkit-animation: svg-logo-animate-31 0.5s ease-in-out 3.5999999999999996s both;
          animation: svg-logo-animate-31 0.5s ease-in-out 3.5999999999999996s both;
}

@-webkit-keyframes svg-logo-animate-32 {
  0% {
    stroke-dashoffset: 42.4465217590332px;
    stroke-dasharray: 42.4465217590332px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-32 {
  0% {
    stroke-dashoffset: 42.4465217590332px;
    stroke-dasharray: 42.4465217590332px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-32 {
  -webkit-animation: svg-logo-animate-32 0.5s ease-in-out 3.7199999999999998s both;
          animation: svg-logo-animate-32 0.5s ease-in-out 3.7199999999999998s both;
}

@-webkit-keyframes svg-logo-animate-33 {
  0% {
    stroke-dashoffset: 42.446678161621094px;
    stroke-dasharray: 42.446678161621094px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-33 {
  0% {
    stroke-dashoffset: 42.446678161621094px;
    stroke-dasharray: 42.446678161621094px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-33 {
  -webkit-animation: svg-logo-animate-33 0.5s ease-in-out 3.84s both;
          animation: svg-logo-animate-33 0.5s ease-in-out 3.84s both;
}

@-webkit-keyframes svg-logo-animate-34 {
  0% {
    stroke-dashoffset: 42.446983337402344px;
    stroke-dasharray: 42.446983337402344px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-34 {
  0% {
    stroke-dashoffset: 42.446983337402344px;
    stroke-dasharray: 42.446983337402344px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-34 {
  -webkit-animation: svg-logo-animate-34 0.5s ease-in-out 3.96s both;
          animation: svg-logo-animate-34 0.5s ease-in-out 3.96s both;
}

@-webkit-keyframes svg-logo-animate-35 {
  0% {
    stroke-dashoffset: 42.44633865356445px;
    stroke-dasharray: 42.44633865356445px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-35 {
  0% {
    stroke-dashoffset: 42.44633865356445px;
    stroke-dasharray: 42.44633865356445px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-35 {
  -webkit-animation: svg-logo-animate-35 0.5s ease-in-out 4.08s both;
          animation: svg-logo-animate-35 0.5s ease-in-out 4.08s both;
}

@-webkit-keyframes svg-logo-animate-36 {
  0% {
    stroke-dashoffset: 42.44660186767578px;
    stroke-dasharray: 42.44660186767578px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-36 {
  0% {
    stroke-dashoffset: 42.44660186767578px;
    stroke-dasharray: 42.44660186767578px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-36 {
  -webkit-animation: svg-logo-animate-36 0.5s ease-in-out 4.2s both;
          animation: svg-logo-animate-36 0.5s ease-in-out 4.2s both;
}

@-webkit-keyframes svg-logo-animate-37 {
  0% {
    stroke-dashoffset: 42.44694137573242px;
    stroke-dasharray: 42.44694137573242px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-37 {
  0% {
    stroke-dashoffset: 42.44694137573242px;
    stroke-dasharray: 42.44694137573242px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-37 {
  -webkit-animation: svg-logo-animate-37 0.5s ease-in-out 4.32s both;
          animation: svg-logo-animate-37 0.5s ease-in-out 4.32s both;
}

@-webkit-keyframes svg-logo-animate-38 {
  0% {
    stroke-dashoffset: 42.44643020629883px;
    stroke-dasharray: 42.44643020629883px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-38 {
  0% {
    stroke-dashoffset: 42.44643020629883px;
    stroke-dasharray: 42.44643020629883px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-38 {
  -webkit-animation: svg-logo-animate-38 0.5s ease-in-out 4.4399999999999995s both;
          animation: svg-logo-animate-38 0.5s ease-in-out 4.4399999999999995s both;
}

@-webkit-keyframes svg-logo-animate-39 {
  0% {
    stroke-dashoffset: 42.44715881347656px;
    stroke-dasharray: 42.44715881347656px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-39 {
  0% {
    stroke-dashoffset: 42.44715881347656px;
    stroke-dasharray: 42.44715881347656px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-39 {
  -webkit-animation: svg-logo-animate-39 0.5s ease-in-out 4.56s both;
          animation: svg-logo-animate-39 0.5s ease-in-out 4.56s both;
}

@-webkit-keyframes svg-logo-animate-40 {
  0% {
    stroke-dashoffset: 42.44635772705078px;
    stroke-dasharray: 42.44635772705078px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-40 {
  0% {
    stroke-dashoffset: 42.44635772705078px;
    stroke-dasharray: 42.44635772705078px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-40 {
  -webkit-animation: svg-logo-animate-40 0.5s ease-in-out 4.68s both;
          animation: svg-logo-animate-40 0.5s ease-in-out 4.68s both;
}

@-webkit-keyframes svg-logo-animate-41 {
  0% {
    stroke-dashoffset: 42.446990966796875px;
    stroke-dasharray: 42.446990966796875px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-41 {
  0% {
    stroke-dashoffset: 42.446990966796875px;
    stroke-dasharray: 42.446990966796875px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-41 {
  -webkit-animation: svg-logo-animate-41 0.5s ease-in-out 4.8s both;
          animation: svg-logo-animate-41 0.5s ease-in-out 4.8s both;
}

@-webkit-keyframes svg-logo-animate-42 {
  0% {
    stroke-dashoffset: 42.44731521606445px;
    stroke-dasharray: 42.44731521606445px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-42 {
  0% {
    stroke-dashoffset: 42.44731521606445px;
    stroke-dasharray: 42.44731521606445px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-42 {
  -webkit-animation: svg-logo-animate-42 0.5s ease-in-out 4.92s both;
          animation: svg-logo-animate-42 0.5s ease-in-out 4.92s both;
}

@-webkit-keyframes svg-logo-animate-43 {
  0% {
    stroke-dashoffset: 42.44744110107422px;
    stroke-dasharray: 42.44744110107422px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-43 {
  0% {
    stroke-dashoffset: 42.44744110107422px;
    stroke-dasharray: 42.44744110107422px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-43 {
  -webkit-animation: svg-logo-animate-43 0.5s ease-in-out 5.04s both;
          animation: svg-logo-animate-43 0.5s ease-in-out 5.04s both;
}

@-webkit-keyframes svg-logo-animate-44 {
  0% {
    stroke-dashoffset: 42.44769287109375px;
    stroke-dasharray: 42.44769287109375px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-44 {
  0% {
    stroke-dashoffset: 42.44769287109375px;
    stroke-dasharray: 42.44769287109375px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-44 {
  -webkit-animation: svg-logo-animate-44 0.5s ease-in-out 5.16s both;
          animation: svg-logo-animate-44 0.5s ease-in-out 5.16s both;
}

@-webkit-keyframes svg-logo-animate-45 {
  0% {
    stroke-dashoffset: 42.4483757019043px;
    stroke-dasharray: 42.4483757019043px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-45 {
  0% {
    stroke-dashoffset: 42.4483757019043px;
    stroke-dasharray: 42.4483757019043px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-45 {
  -webkit-animation: svg-logo-animate-45 0.5s ease-in-out 5.279999999999999s both;
          animation: svg-logo-animate-45 0.5s ease-in-out 5.279999999999999s both;
}

@-webkit-keyframes svg-logo-animate-46 {
  0% {
    stroke-dashoffset: 42.447166442871094px;
    stroke-dasharray: 42.447166442871094px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-46 {
  0% {
    stroke-dashoffset: 42.447166442871094px;
    stroke-dasharray: 42.447166442871094px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-46 {
  -webkit-animation: svg-logo-animate-46 0.5s ease-in-out 5.3999999999999995s both;
          animation: svg-logo-animate-46 0.5s ease-in-out 5.3999999999999995s both;
}

@-webkit-keyframes svg-logo-animate-47 {
  0% {
    stroke-dashoffset: 42.447364807128906px;
    stroke-dasharray: 42.447364807128906px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-47 {
  0% {
    stroke-dashoffset: 42.447364807128906px;
    stroke-dasharray: 42.447364807128906px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-47 {
  -webkit-animation: svg-logo-animate-47 0.5s ease-in-out 5.52s both;
          animation: svg-logo-animate-47 0.5s ease-in-out 5.52s both;
}

@-webkit-keyframes svg-logo-animate-48 {
  0% {
    stroke-dashoffset: 42.44743728637695px;
    stroke-dasharray: 42.44743728637695px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-48 {
  0% {
    stroke-dashoffset: 42.44743728637695px;
    stroke-dasharray: 42.44743728637695px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-48 {
  -webkit-animation: svg-logo-animate-48 0.5s ease-in-out 5.64s both;
          animation: svg-logo-animate-48 0.5s ease-in-out 5.64s both;
}

@-webkit-keyframes svg-logo-animate-49 {
  0% {
    stroke-dashoffset: 42.44696807861328px;
    stroke-dasharray: 42.44696807861328px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-49 {
  0% {
    stroke-dashoffset: 42.44696807861328px;
    stroke-dasharray: 42.44696807861328px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-49 {
  -webkit-animation: svg-logo-animate-49 0.5s ease-in-out 5.76s both;
          animation: svg-logo-animate-49 0.5s ease-in-out 5.76s both;
}

@-webkit-keyframes svg-logo-animate-50 {
  0% {
    stroke-dashoffset: 42.446712493896484px;
    stroke-dasharray: 42.446712493896484px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-50 {
  0% {
    stroke-dashoffset: 42.446712493896484px;
    stroke-dasharray: 42.446712493896484px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-50 {
  -webkit-animation: svg-logo-animate-50 0.5s ease-in-out 5.88s both;
          animation: svg-logo-animate-50 0.5s ease-in-out 5.88s both;
}

@-webkit-keyframes svg-logo-animate-51 {
  0% {
    stroke-dashoffset: 42.44606018066406px;
    stroke-dasharray: 42.44606018066406px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes svg-logo-animate-51 {
  0% {
    stroke-dashoffset: 42.44606018066406px;
    stroke-dasharray: 42.44606018066406px;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.startanim .svg-logo-51 {
  -webkit-animation: svg-logo-animate-51 0.5s ease-in-out 6s both;
          animation: svg-logo-animate-51 0.5s ease-in-out 6s both;
}