/*
Theme Name: Derguti-Haustechnik
Author: eloq GmbH
Author URI: https://eloq.swiss/
Description: Die eloq GmbH macht nicht einfach Internetseiten. Wir bieten Ihnen durchdachte Konzepte, mischen Designkompetenz mit technischem Können und streben so nach der perfekten Internet-Präsenz unseres Kunden. Das vorliegende Theme wurde von uns mit Passion und Freude handgefertigt. Wir hoffen, Ihnen gefällt unsere Arbeit!
Version: 1.5.7
*/

/* Imports */

@import url("css/typo.css");
@import url("css/utilities.css");
@import url("css/header.css");
@import url("css/footer.css");
/*
COLOR DEFINITIONS - GOES BELOW:
*/

:root {
  /* Main Colors */
  --Blau: #0061a8;
  --DunkelGrau: #555;
  --Grau: #a0a0a0cc;
  --TextGrau: rgba(255, 255, 255, 0.7);
  --Weiss: #fff;
  --Schwarz: #000;

  /* Backgrounds  */
  --Background: #fafafa;
  --BackgroundSecondary: #1d1c21;

  /* Details */

  --LeichtGrau: #a0a0a0;
  --Borders: rgba(160, 160, 160, 0.2);
  --ButtonHover: #0076cc;
  --ButtonDunkel: rgba(255, 255, 255, 0.12);

  /* Transition */

  --Transition: 0.1s ease-in-out;
}

/* === Theme Specific === */

/* ----- GENERAL ----- */

html {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  min-height: 100vh;
}

html > main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

section,
a {
  position: relative;
}

.blau {
  background-color: var(--Blau);
  color: var(--Weiss);
}

.grau {
  background-color: var(--Background);
}

/* END GENERAL */

/* ----- WP ADMIN BAR ----- */

@media (max-width: 992px) {
  #wpadminbar {
    display: none;
  }
}

/* END WP ADMIN BAR */

/* ----- BUTTONS ----- */

/* Button classes:
        - btn_xyz_primary
        - btn_xyz_secondary 
*/

/* Button Reset */

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
}

.btn {
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
  border-radius: 25px;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
}

.btn-primary {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 10px 30px;
  border: none;
  background-color: var(--ButtonDunkel);
  color: var(--Weiss);
  font-size: 12px;
  font-weight: 400;
}

.btn-primary:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.btn-secondary {
  border: none;
  min-width: 150px;
  color: var(--TextGrau);
  background-color: var(--Blau);
  font-weight: 500;
  letter-spacing: 1px;
}

.btn-secondary:hover {
  background-color: var(--ButtonHover);
}

/* END BUTTONS */

/* ----- LAZYLOAD EFFECT ----- */

img.bg_static_cover {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  transition: filter 500ms, -webkit-filter 500ms;
}

img.bg_static_cover.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}

/* END LAZYLOAD EFFECT */

/* Modal */

html.is_open_modal {
  overflow: hidden;
}

html .site_content {
  display: none;
}

html.is_open_modal .site_content {
  display: block;
}

html.is_open_modal .site_content:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 59;
  background: rgba(237, 240, 240, 0.65);
  -webkit-transition: background-color 0.4s cubic-bezier(1, 0, 0, 1);
  transition: background-color 0.4s cubic-bezier(1, 0, 0, 1);
  background: var(--Blau);
}

html.is_open_modal .site_content .modal_content .close_button {
  position: absolute;
  z-index: 999;
  top: 10px;
  right: 15px;
}

html.is_open_modal .site_content .modal_content .close_button svg line {
  stroke: var(--Grau);
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
  -o-transition-property: stroke;
  -webkit-transition-property: stroke;
  transition-property: stroke;
}

html.is_open_modal .site_content .modal_content .close_button:hover svg line {
  stroke: var(--Schwarz);
}

html.is_open_modal header {
  display: none;
}

html .modal_content {
  z-index: -1;
  opacity: 0;
}

html.is_open_modal .modal_content {
  opacity: 1;
  z-index: 61;
  position: fixed;
  top: 0;
  height: calc(100vh - 100px);
  width: 100%;
}

html.is_open_modal .modal_content html.is_open_modal {
  overflow: hidden;
  position: relative;
  /* Mobile Safari Modal fix */
  -webkit-overflow-scrolling: touch;
}

html.is_open_modal .modal_content .navbar-nav {
  position: relative;
  top: 25%;
}

html.is_open_modal .modal_content .navbar-nav .nav-item {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.6;
}

html.is_open_modal .modal_content .navbar-nav .nav-item .nav-link {
  color: var(--Weiss);
  -o-transition: var(--Transition);
  -webkit-transition: var(--Transition);
  transition: var(--Transition);
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
}

html.is_open_modal .modal_content .navbar-nav .nav-item .nav-link:hover,
html.is_open_modal .modal_content .navbar-nav .nav-item.active .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

html.is_open_modal .modal_content .navbar-nav .nav-item.extra {
  display: none;
}

#preloader {
  /* background: #ffffff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1em;
    top: 0; */

  position: initial;
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  min-height: 100vh;
  background: #fff;
  z-index: 9999;
  bottom: 0;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1em;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
/*   html.is_opem_modal .preloader {
    z-index: 0;
  } */
/*  @media (max-width: 1200px) {
    #preloader {
        z-index: 0;
    }
  } */

/***************************************************
 * Generated by SVG Artista on 4/24/2023, 10:45:46 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

  100% {
    fill: rgb(0, 92, 185);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

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

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

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

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

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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

  100% {
    fill: rgb(156, 155, 155);
  }
}

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