/*
Theme Name: PSDM 2022
Author: Aprilred team
Author URI: https://aprilred.com/
Description: Theme for PSDM.
Version: 1.0
Tags: psdm
Text Domain: psdm
*/



/* ----------------------- */
/* --- General Styling --- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

:root {
    --color-white: rgb(255, 255, 255);
    --color-white-15: rgba(255 255 255 / 15%);
    --color-black: rgb(0, 0, 0);
    --color-black-25: rgb(0 0 0 / 25%);
    --color-black-10: rgb(0 0 0 / 10%);
    --color-grey: rgb(69, 69, 69);
    --color-grey-128: rgb(128, 128, 128);
    --color-grey-80: rgb(69 69 69 / 80%);
    --color-grey-light: rgb(249, 249, 249);
    --color-red: rgb(218, 36, 26);
    --color-red-90: rgb(218 36 26 / 90%);
    --color-red-50: rgb(218 36 26 / 50%);
    --color-red-40: rgb(218 36 26 / 40%);
    --color-red-dark: rgb(180, 36, 26);

    /* --home-anim-func: cubic-bezier(0.44, -0.06, 0.69, 1.25); */
    --home-anim-func: cubic-bezier(0, 0, 0.69, 1.25);
    --home-anim-dur: 900ms;
    --hamburger-anim-func: ease;
    --hamburger-anim-dur: 500ms;
    --content-anim-func: ease;
    --content-anim-dur: 500ms;
    --tab-anim-func: linear;
    --tab-anim-dur: 300ms;

    --header-height: 80px;
    --page-size: 1000px;
    --page-size-large: 1240px;
}

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */


*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: 'Ubuntu', sans-serif;
    font-size: 12pt;
    font-weight: 400;
    overflow: auto;
}

img,
video,
iframe {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

img {
    user-select: none;
}

a {
    color: inherit;
    text-decoration: none;
}

.page-template-default.page-child .main-content .page_content p {
  text-align: justify;
  color: var(--color-grey);
}

.page-template-default.page-child .main-content .page_content .tab-content-description table p {
  text-align: center;
}

.page-template-default.page-child .main-content .page_content a {
  color: var(--color-red);
  font-weight: 600;
}

.page-template-default.page-child .main-content .page_content ul li {
  color: var(--color-grey);
}

.page-template-default.page-child .main-content .page_content strong {
  color: var(--color-grey);
  font-weight: 600;
}

table {
    border-collapse: collapse;
    font-size: 1rem;
    border-spacing: 0;
    width: 100%;
}

table td,
table th {
    padding: 8px;
    border: 1px solid var(--color-black-10);
    text-align: center;
    white-space: nowrap;
    color: var(--color-grey);
}

.page-template-default.page-child .main-content .page_content table {
  width: auto;
}

.page-template-default.page-child .main-content .page_content table p {
  margin: 5px;
}

/* .page-template-default.page-child .main-content .page_content table tr:nth-child(2n){
  background-color: var(--color-black-10);
} */

.mobile-only {
    display: inherit;
}

.desktop-only {
    display: none;
}

.page-wrapper {
    max-width: var(--page-size);
    width: 100%;
    padding-inline: 1rem;
    margin-inline: auto;
}

.scroll-lock {
    overflow: hidden;
}

.button {
    display: inline-block;
    min-width: 150px;
    border: 1px solid var(--color-red);
    color: var(--color-white);
    background-color: var(--color-red);
    padding: 8px 20px;
    text-align: center;
    border-radius: 15px;
}

.button2 {
  display: inline-block;
  min-width: 70px;
  border: 1px solid var(--color-red);
  color: var(--color-white) !important;
  background-color: var(--color-red);
  padding: 8px 20px;
  text-align: center;
  border-radius: 15px;
}

.button.outline {
    color: var(--color-red);
    background-color: var(--color-white);
}

.button.outline:hover {
    color: var(--color-white);
    background-color: var(--color-red);
}

.page_content {
    /* font-size: 1.15rem; */
    font-size: 1rem;
    line-height: 1.5;
}

h2 {
  font-size:1.25rem;
  color: var(--color-grey);
}

h3 {
  font-size: 1.1em;
}

p, td, li {
    font-weight: 100;
}

.centertext {
    text-align: center;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* --- General Styling --- */
/* ----------------------- */



/* ----------------------- */
/* ------ Carousel ------- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.owl-dots:not(.disabled) {
    display: flex;
    justify-content: center;
    gap: 5px;
    order: 1;
    margin-bottom: 10px;
}

.owl-dots .owl-dot {
    width: 10px
}

.owl-dots .owl-dot span {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    border-radius: 100%;
    background-color: var(--color-grey);
}

.owl-dots .owl-dot.active span {
    background-color: var(--color-red);
}

.owl-nav {
    display: none;
    font-size: 3rem;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    display: block;
    aspect-ratio: 1;
    width: 1.5rem;
    border: 0 solid var(--color-grey) !important;
    border-width: 0 0 4px 4px !important;
}

.owl-nav button.disabled {
    display: none;
}

.owl-nav span {
    display: none;
}

.owl-nav .owl-prev {
    left: -1rem;
    transform: translateY(-50%) rotate(45deg);
}

.owl-nav .owl-next {
    right: -1rem;
    transform: translateY(-50%) rotate(-135deg);
}

.owl-stage-outer {
    order: 2;
}

.owl-stage {
    display: flex;
}

.owl-item {
    padding: 0 15px 25px 15px;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------ Carousel ------- */
/* ----------------------- */



/* ----------------------- */
/* --- Hamburger Menu ---- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.hamburger-open {
	width: 33px;
	height: 30px;
	position: relative;
	cursor: pointer;
    color: var(--color-grey);
}

.hamburger-open div,
.hamburger-open::before,
.hamburger-open::after {
	position: absolute;
	width: 100%;
	height: 3px;
	background-color: currentcolor;
	transform-origin: center;
}

.hamburger-open div {
	top: 50%;
	transform: translateY(-50%);
}

.hamburger-open::before {
	content: "";
	top: 0;
}

.hamburger-open::after {
	content: "";
	bottom: 0;
}

.hamburger-close {
	width: 30px;
	height: 30px;
	position: relative;
	color: var(--color-white);
	cursor: pointer;
}

.hamburger-close::before,
.hamburger-close::after {
	content: '';
	position: absolute;
	top: 50%;
    left: 0;
	width: 100%;
	height: 3px;
	background-color: currentColor;
	transform-origin: center;
}

.hamburger-close::before {
	transform: translateY(-50%) rotate(-45deg);
}

.hamburger-close::after {
	transform: translateY(-50%) rotate(45deg);
}

.hamburger-menu {
    position: fixed;
    top: 0;
    left: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    /* background-color: var(--color-black); */
    width: 100%;
    height: 100%;
    transition: inset var(--hamburger-anim-dur) var(--hamburger-anim-func);
    /* opacity: 0.95 !important; */
    overflow: hidden;
    background-image: url('images/intro_background_sgm_new.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.hamburger-menu .hamburger-header {
    order: 1;
    height: var(--header-height);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline: 1rem;
    /* background-image: url(images/intro_background_sgm_new.png); */
    /* background-color: black; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 2;
}

.hamburger-menu .hamburger-container {
    order: 3;
    flex-grow: 1;
	  position: relative;
    padding-inline: 0;
    overflow: hidden;
}

body.hamburger-active .hamburger-menu {
    left: 0;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* --- Hamburger Menu ---- */
/* ----------------------- */



/* ----------------------- */
/* ------- Header -------- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

body:not(.home) .site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: var(--color-white);
}

body:not(.home).scrolled .site-header {
    box-shadow: 0px 0px 7px 3px var(--color-black-25);
}

.site-header .top-page-image-wrapper {
    display: none;
    position: absolute;
    z-index: -1;
    inset: 0;
}

.site-header .top-page-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.45);
}

.site-header .top-page-image-wrapper img.default {
    object-position: 50% 20%;
}

.back-btn {
    display: none;
    filter: brightness(0) invert(1);
    height: 30px;
    transform: rotate(180deg) translateY(50%);
    cursor: pointer;
    position: absolute;
    left: 2rem;
    top: calc(var(--header-height) / 2);
}

.site-big-menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    z-index: 900;
}

.big-navigation {
    color: var(--color-white);
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    height: 100%;
    overflow: hidden;
}

.big-navigation .menu-hamburger-menu-hu-container {
    height: 100%;
}

.big-navigation ul {
    margin: 0;
    padding: 10px 3rem;
    list-style: none;
    touch-action: none;
}

.big-navigation ul a {
  opacity: 1;
  transition: opacity var(--hamburger-anim-dur) var(--hamburger-anim-func);
}

.big-navigation ul.hideme > .menu-item > a {
    opacity: 0;
    user-select: none;
    pointer-events: none;
}

.big-navigation .menu-item.current-page > a {
    color: var(--color-red);
}

.big-navigation .menu-item {
    font-size: 16pt;
    margin-bottom: 1em;
}

.big-navigation .main-menu {
    position: relative;
    top: 0;
}

.big-navigation .sub-menu {
    position: absolute;
    top: 0;
    /* bottom: 0; */
    /* min-height: 100%; */
    left: calc(100% + 2rem);
    width: 100%;
    /* background-color: var(--color-black); */
    /* box-shadow: -6px 0px 4px -5px var(--color-grey); */
    transition: left var(--hamburger-anim-dur) var(--hamburger-anim-func);
}

.big-navigation .menu-item.active > .sub-menu {
    left: 0;
}

.big-navigation .menu-item.active > a {
    color: var(--color-red);
}

.scroll-indicator {
    display: none;
    background: url('images/icons/arrow.png') center center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    filter: invert(1);
    height: 20px;
    width: 20px;
    margin: 1rem auto;
}

.quick-nav-container {
    order: 3;
    /* background-image: url(images/intro_background_sgm_new.png); */
    /* background-color: black; */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    z-index: 2;
}

.quick-menu {
    color: white;
    margin: 0;
    padding: 1rem 2rem 2rem;
    list-style: none;
    display: flex;
    gap: 1rem;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    /* overflow: auto; */
    justify-content: center;
}

.quick-menu .menu-item {
    white-space: nowrap;
}

.quick-menu .menu-item a {
    display: block;
    background-color: rgba(255 255 255 / 15%);
    padding: 10px 1rem;
    border-radius: 100px;
}

#language-switcher {
    display: flex;
    color: var(--color-grey);
}

#language-switcher .lang-item {
    display: flex;
}

#language-switcher .lang-item:not(:last-child)::after {
    content: '|';
    margin-inline: 1rem;
}

#language-switcher .current-lang a {
    color: var(--color-red);
    font-weight: 600;
}

#site-header-menu {
    display: none;
}

#site-header-menu .primary-menu {
    margin: 30px 0 0 0;
    padding: 0;
    display: flex;
    gap: 2rem;
    list-style: none;
}

.site-branding,
.site-title {
    height: 100%;
}

.site-title {
    margin: 0;
}

.site-header-text {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-25%);
    left: max(calc((100vw - var(--page-size)) / 2 + 1rem), 1rem);
    color: var(--color-white);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    max-width: 700px;
}

/* Search */

.search-wrapper .search-icon {
    height: 25px;
	width: 25px;
    cursor: pointer;
    position: relative;
    color: var(--color-black);
}

html:has(.home) {
  overflow: hidden;
}

body.home .search-wrapper .search-icon {
    color: var(--color-white);
}

body.home .search-wrapper .search-icon img {
    filter: invert(1);
}

.search-wrapper .search-body {
    display: none;
    position: absolute;
    top: 100%;
    right: 1rem;
    left: 1rem;
}

.search-wrapper .search-body form {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.5rem;
    background-color: var(--color-white);
    border: 1px solid var(--color-grey);
    border-radius: 5px;
}

.search-wrapper .search-body form > *:first-child {
    flex-grow: 1;
}

.search-wrapper .search-body input[type="search"] {
    padding: 0.5rem 1rem;
    border: none;
    outline: none;
    background: none;
    width: 100%;
}

.search-wrapper .search-body button {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}

.search-wrapper .search-body button img {
  min-width: 24px;
  height: auto;
}

.search-wrapper .search-body button:hover,
.search-wrapper .search-body button:focus {
    background-color: var(--color-black-10);
}

body.search-active .search-wrapper .search-body {
    display: block;
}

body.search-active .search-wrapper .search-icon img {
    opacity: 0;
}

body.search-active .search-wrapper .search-icon::before,
body.search-active .search-wrapper .search-icon::after {
	content: '';
	position: absolute;
	top: 50%;
    left: 0;
	width: 100%;
	height: 3px;
	background-color: currentColor;
	transform-origin: center;
}

body.search-active .search-wrapper .search-icon::before {
	transform: translateY(-50%) rotate(-45deg);
}

body.search-active .search-wrapper .search-icon::after {
	transform: translateY(-50%) rotate(45deg);
}

/* Without Banner */

body.nobanner .site-header {
    height: unset !important;
    color: var(--color-black);
}

body.nobanner .site-header-text {
    display: none;
}

body.nobanner #site-header-menu .primary-menu {
    color: var(--coor-black) !important;
}

body.nobanner .search-wrapper .search-icon img {
    filter: unset;
}

body.search-active.nobanner .search-wrapper .search-icon::before,
body.search-active.nobanner .search-wrapper .search-icon::after {
    background-color: var(--color-black);
}

body.nobanner #language-switcher {
    color: var(--color-black);
}

body.nobanner .hamburger-open {
    color: var(--color-black);
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------- Header -------- */
/* ----------------------- */



/* ----------------------- */
/* ----- Breadcrumbs ----- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

#breadcrumbs {
    color: rgb(190 190 190);
    margin: 1rem 0 1.5rem 1rem;
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
    display: none;
}

#breadcrumbs *:last-child {
    color: var(--color-grey);
}

#breadcrumbs i {
    font-size: 1.1em;
    font-style: inherit;
    margin: 0 0.3em;
    color: var(--color-red-50);
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ----- Breadcrumbs ----- */
/* ----------------------- */



/* ----------------------- */
/* ------ Home Page ------ */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

body.home {
    background: url('images/intro_background_sgm.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 49% 50%;
    /* backdrop-filter: blur(5px) brightness(0.45); */
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    position: relative;
}

body.home .site-header {
    height: 100%;
    width: 100%;
    display: grid;
    place-items: center;
}

body.home .site-header-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: margin var(--home-anim-dur) var(--home-anim-func);
}

body.home .site-big-menu {
  position: fixed;
  top: 0;
  height: var(--header-height);
  max-width: var(--page-size);
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
  opacity: 0;
}

body.home.loaded .site-big-menu {
  position: fixed;
  top: 0;
  height: var(--header-height);
  max-width: var(--page-size);
  width: 100%;
  margin-inline: auto;
  padding-inline: 1rem;
  opacity: 1;
}

body.home .hamburger-open {
    color: var(--color-white);
}

body.home #language-switcher {
    color: var(--color-white);
}

body.home .site-branding {
    order: 1;
    height: 374px;
}

body.home .site-branding img {
    height: 374px;
    transition:
        margin 800ms linear,
        height 800ms linear;
}

body.home.loaded .site-branding img {
    height: 200px;
    margin-top: 0px;
}

body.home .site-welcome-text {
    order: 2;
    display: flex;
    flex-direction: column;
    color: var(--color-white);
    font-weight: 200;
    font-size: 1.375rem;
    text-align: center;
    line-height: 1.5;
    margin-top: 1.5rem;
    word-break: break-word;
    transition: opacity var(--home-anim-dur) var(--home-anim-func);
    text-shadow: 0px 1px 4px rgb(0 0 0 / 50%);
    padding: 0 20px;

}

body.home.loaded .site-welcome-text {
    opacity: 0;
    display: none;
}

body.home .site-welcome-text > span {
    /* color: var(--color-red); */
    color:white;
    font-size: 1.5em;
    display: block;
}

body.home #site-header-menu {
    display: block;
    position: absolute;
    top: 100%;
    width: 250px;
    transition: top var(--home-anim-dur) var(--home-anim-func);
}

body.home.loaded #site-header-menu {
    top: 50vh;
}

body.home #site-header-menu .primary-menu {
    flex-direction: column;
    gap: 0;
    transition: gap var(--home-anim-dur) var(--home-anim-func);
}

body.home.loaded #site-header-menu .primary-menu {
    gap: 1.5rem;
}

body.home #site-header-menu .primary-menu > li {
    font-size: 1.3em;
    background-color: #DA241A;
    border-radius: 100px;
    text-align: center;
}

body.home #site-header-menu .primary-menu > .current-menu-item {
    display: none;
}

body.home #site-header-menu .primary-menu > li > a {
    display: block;
    padding: 6px 25px;
    color: var(--color-white);
    text-decoration: none;
}

body.home .page_title {
    display: none;
}

body.home .site-inner {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------ Home Page ------ */
/* ----------------------- */



/* ----------------------- */
/* --- Contact Button ---- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--color-red-50);
    }
    50% {
        box-shadow: 0 0 0 0 var(--color-red-50);
    }
    100% {
        box-shadow: 0 0 0 15px transparent;
    }
}

.contact-btn {
    display: grid;
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    place-items: center;
    background-color: var(--color-red);
    border-radius: 50%;
    aspect-ratio: 1;
    width: 50px;
    color: var(--color-white);
    font-size: 10pt;
    animation: pulse 1500ms linear var(--home-anim-dur) infinite normal;
}

.contact-btn .icon {
    filter: brightness(0) invert(1);
    width: 50%;
}

body.home .contact-btn {
    bottom: -50px;
    opacity: 0;
    transition: bottom var(--home-anim-dur) var(--home-anim-func);
}

body.home.loaded .contact-btn {
    bottom: 2rem;
}

body:not(.home) .contact-btn {
    display: none;
    right: max(calc(((100vw - var(--page-size)) / 2) - 100px), 2rem);
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* --- Contact Button ---- */
/* ----------------------- */



/* ----------------------- */
/* ---- Not Home Page ---- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

body:not(.home) {
    background-color: var(--color-white);
}

body:not(.home) .site-header-main {
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: var(--page-size);
    width: 100%;
    margin-inline: auto;
    padding-inline: 1rem;
}

body:not(.home) .site-inner {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

body:not(.home) .site-content {
    flex-grow: 1;
    flex-basis: 1px;
    margin-bottom: 1rem;
}

body:not(.home) .site-title {
    margin-top: 10px;
    height: 80%;
}

body:not(.home) .page_title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color-grey);
    text-align: center;
    margin-block: 1em;
}

body:not(.home) .site-footer .info_section .footer-contact-wrapper {
    flex-basis: 550px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-auto-flow: column;
    gap: 1rem 2rem;
}

body:not(.home) .site-footer .contact_data {
    display: flex;
    gap: 15px;
    align-items: center;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ---- Not Home Page ---- */
/* ----------------------- */



/* ----------------------- */
/* ---- News Listing ----- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.news_container.slider {
    max-width: 400px;
    margin-inline: auto;
}

.news_list.owl-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    display: flex !important;
    flex-direction: column;
}

.news_list:not(.owl-carousel) {
    margin: 0;
    padding: 0;
    margin-top: 2rem;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    /* gap: 2.5rem 1.5rem; */
    gap: 3rem;
    max-width: 400px;
    margin-inline: auto;
}

.news_list .single-news {
    background: var(--color-white);
    box-shadow: 0 10px 10px 5px var(--color-black-10);
    border-radius: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news_list .single-news__hero {
    /* aspect-ratio: 16 / 9; */
    aspect-ratio: 3 / 2;
    border-radius: 10px 10px 0 0;
    position: relative;
    background-size: cover;
}

.news_list .single-news__tag {
    position: absolute;
    top: 1.5rem;
    left: 0;
    border-radius: 0 10px 10px 0;
    padding: 5px 20px;
    font-size: 0.8rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
}

.news_list .single-news__hero ~ * {
    margin-inline: 1rem;
}

.news_list .single-news__header {
    margin-block: 10px;
}

.news_list .single-news__title {
    --rows: 3;
    --lh: 1.5;
    max-height: calc(1em * var(--lh) * var(--rows));
    overflow: hidden;
    font-weight: 500;
    font-size: 1.125rem;
}

.news_list .single-news__date {
    margin-top: 5px;
    font-size: 0.75rem;
    font-style: italic;
}

.news_list .single-news__intro {
    --rows: 5;
    --lh: 1.5;
    font-size: 1rem;
    font-weight: 100;
    line-height: var(--lh);
    margin-bottom: auto;
    max-height: calc(1em * var(--lh) * var(--rows));
    overflow: hidden;
}

.news_list .single-news__more {
    margin-top: 25px;
    margin-bottom: 10px;
}

.news_list .single-news__more {
    text-align: center;
}

.news_container .news_all {
    text-align: center;
    margin-top: 3rem;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ---- News Listing ----- */
/* ----------------------- */



/* ----------------------- */
/* ------- Tab Data ------ */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.tab_data .tab_data_row:not(:last-child) {
    margin-bottom: 1rem;
}

.tab_data_row:not(:empty) {
    padding: 1em 1em;
}

.tab_data_row.type_text table {
    table-layout: fixed;
    /* width: 100%; */
    width: auto;
    max-width: calc(var(--page-size) / 2);
    margin-bottom: 3rem;
    text-align: center;
}

.tab_data_row.type_text .tab-content-description {
  overflow-x: auto;
}

/* .page-template-default.page-child .main-content .page_content table {
  width: auto;
} */

/* .page-template-default.page-child .main-content .page_content table p */
.tab_data_row.type_text table p {
  margin: 5px;
}

/* .page-template-default.page-child .main-content .page_content table tr:nth-child(2n) */
.tab_data_row.type_text table tr:nth-child(2n) {
  background-color: var(--color-black-10);
}

.tab_data_row .files-container {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    row-gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

.tab_data_row .files-container .single-file {
    /* flex-basis: 250px; */
    /* flex-basis: 32%; */
    flex-basis: 100%;
}

.tab_data_row .files-container .single-file .button {
    width: 100%;
    height: 100%;
    position: relative;
    color: var(--color-grey) !important;
    font-weight: 200 !important;
    background-color: var(--color-white);
    line-height: 1.3 !important;
    /* border: 1px solid var(--color-grey); */
    border: 0.5px solid var(--color-black-10);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 3px;
}

.tab_data_row .files-container .single-file .button:hover {
    color: var(--color-white) !important;
    background-color: var(--color-red);
    /* border: 1px solid var(--color-red); */
    border-color: var(--color-red);
}

.tab_data_row .files-container .single-file .button::before {
    content: url(images/icons/download_file_color_outline.png);
    /* position: absolute;
    top: 7px;
    left: 10px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tab_data_row .files-container .single-file .button:hover::before {
    content: url(images/icons/download_file.png);
    /* position: absolute;
    top: 7px;
    left: 10px; */
    filter: brightness(0) invert(1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.tab_data .question_data {
    font-weight: bold;
    color:var(--color-grey);
}

.tab_data .answer_data {
    font-weight: 200;
    color:var(--color-grey);
}

.tab-content .tab-content-description {
  margin-top: 10px;
}

.tab-content-title:not(:empty) {
  font-size: 1.125rem;
  font-weight: 600;
  color:var(--color-grey);
  background-color: rgb(234 234 234);
  padding: 10px;
  /* display: inline-block; */
  margin-top: 10px;
}


/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------- Tab Data ------ */
/* ----------------------- */



/* ----------------------- */
/* -------- Tabs --------- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */


.site-content p a:any-link {
    color: var(--color-red);
    text-decoration: none;
    font-weight: 800;
    word-break: break-all;
}

.site-content p a:any-link:hover {
    text-decoration: underline;
    text-decoration-color: var(--color-red);
}

.tabs_list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 10pt;
    margin-top: 2rem;
    text-align: center;
    gap: 2em;
    max-width: 400px;
    margin-inline: auto;
}

.tabs_list .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    word-break: break-word;
    flex-basis: 25%;
}

.tabs_list .tab img {
    width: 48px;
    margin-bottom: 10px;
    /* filter: invert(20%) sepia(40%) saturate(7448%) hue-rotate(354deg) brightness(89%) contrast(92%); */
    filter: none;
}

/* .tabs_list .tab.active span {
    font-weight: bold;
} */

body.tab-selected .tabs_list .tab.active span {
    color: var(--color-red);
    font-weight: 600;
    /* font-size: 11pt; */
}
body.tab-selected .tabs_list .tab span {
    display: block;
    color: var(--color-grey-128);
    font-weight: 400;
}

.tab_data_wrapper {
    /* font-size: 1.15rem; */
    line-height: 1.5;
    padding-inline: 1rem;
    color: var(--color-grey);
    margin-top: 2rem;
}

.tab_data_wrapper .tab_data_title {
    display: none;
    text-align: center;
    font-weight: 500;
    margin-block: 10px 20px;
}

.tab_data_wrapper .tab_data_container {
    position: relative;
}

.tab_data_wrapper .tab_data {
    margin-top: 50vh;
    opacity: 0;
}

/* Animation */

.tabs_list,
body.content-loaded .tab_data_wrapper .tab_data {
    transition: all var(--content-anim-dur) var(--content-anim-func);
}

.tabs_list .tab,
.tabs_list .tab img {
    transition: all var(--tab-anim-dur) var(--tab-anim-func);
}

body.tab-selected .tabs_list {
    margin-top: 0;
}

body.tab-selected .tabs_list .tab:not(.active) img {
    filter: grayscale(1) opacity(0.5);
}

body.tab-selected .tabs_list .tab span {
    /* display: none; */
    /* color: var(--color-grey);
    font-weight: 400; */
}

body.content-loaded .tab_data_wrapper .tab_data {
    opacity: 1;
    margin-top: 0;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* -------- Tabs --------- */
/* ----------------------- */



/* ----------------------- */
/* ------ Tabs Page ------ */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

body.page-template-page-actual:not(.tab-selected),
body.page-template-page-administration:not(.tab-selected) {
    height: 100vh;
    overflow: hidden;
}

body.page-template-page-actual.tab-selected,
body.page-template-page-administration.tab-selected {
    height: unset;
    overflow: unset;
}

body.page-template-page-actual .site-content,
body.page-template-page-administration .site-content {
    padding: 0;
}

body.page-template-page-actual .site-main,
body.page-template-page-administration .site-main {
    width: 100%;
    height: 100%;
    /* position: relative; */
    overflow: hidden;
}

body.page-template-page-actual .main-content,
body.page-template-page-administration .main-content {
    /* position: absolute; */
    /* width: 100%; */
    /* top: calc(50% - 100px); */
    /* top: 150px; */
    /* display: flex; */
    /* flex-direction: column; */
    position: relative;
    top: 150px;
}

body.page-template-page-actual .page_content,
body.page-template-page-administration .page_content {
    display: none;
}

/* Animation */

body.page-template-page-actual .main-content,
body.page-template-page-administration .main-content {
    transition: all var(--content-anim-dur) var(--content-anim-func);
}

body.page-template-page-actual.tab-selected .main-content,
body.page-template-page-administration.tab-selected .main-content {
    top: 1rem;
}

body.page-template-page-actual.tab-selected .site-main,
body.page-template-page-administration.tab-selected .site-main {
    overflow: unset;
}

body.tab-selected .page_title {
    display: none;
}

.unorder {
    list-style: none;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------ Tabs Page ------ */
/* ----------------------- */



/* ----------------------- */
/* --- Tourism Gallery --- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.tourism-gallery {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 1rem;
}

.tourism-gallery .gallery-image-item {
    text-align: center;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    width: 100%;
    max-width: 350px;
    margin-inline: auto;
    box-shadow: 1px -1px 8px 0px var(--color-black-10);
}

.tourism-gallery .gallery-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 500ms ease;
}

.tourism-gallery .gallery-image-item:hover img {
    transform: scale(1.1);
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* --- Tourism Gallery --- */
/* ----------------------- */

/* ----------------------- */
/* ------ Accordion ------ */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

 .accordion-container {
	border: none;
}

/* .accordion-section .accordion-container:not(:last-child) {
	margin-bottom: 1em;
} */

 .accordion-section {
    margin-block: 1em;
 }

 .accordion-container .section-title {
	font-family: 'oswald', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
    color: #00A5E8;
	margin-bottom: 20px;
}

 .accordion-tab {
	width: 100%;
  	overflow: hidden;
	border-bottom: 1px solid white;
}


 .accordion-tab strong {
	font-weight: 700;
}

 .accordion-tab .tab-label {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    color: white;
    background: var(--color-red-90);
    font-weight: bold;
    cursor: pointer;
    user-select: none;
    font-size: 1.125rem;
}

 .accordion-tab .tab-label:hover {
	background: var(--color-red);
}

 .accordion-tab .tab-label::after {
	content: "\276F";
	transition: all .35s;
}

.accordion-tab .tab-content {
	max-height: 0;
    /* padding: 0 1em;
    color: grey;
    background-color: white;
    transition: all .5s ease-in-out; */
    overflow: hidden;

    /* transition: all .5s; */
    /* line-height: 0; */
    /* padding: 0 1em; */
    color: transparent;
}

.accordion-tab input {
	position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordion-tab .master_tab_description:not(:empty) {
    background-color: var(--color-grey-light);
    padding: 1em;
    margin-bottom: 1em;
}

.accordion-tab .master_tab_description > *:first-child {
    margin-top: 0;
}

.accordion-tab .master_tab_description > *:last-child {
    margin-bottom: 0;
}

input:checked + .tab-label {
	background: var(--color-red);
}

input:checked + .tab-label::after {
	transform: rotate(90deg);
}

input:checked ~ .tab-content {
	max-height: 1000vh;
    /* padding: 1em; */
    /* line-height: 1.5; */
    /* padding-top: 1em; */
    padding-bottom: 1em;
    color: #000000;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------ Accordion ------ */
/* ----------------------- */


/* ----------------------- */
/* ------- Footer  ------- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.site-footer {
    display: none;
}

body.home .site-footer .footer-contact-wrapper {
    position: fixed;
    bottom: -100%;
    display: flex;
    justify-content: space-around;
    max-width: var(--page-size);
    width: 100%;
    transition: bottom var(--home-anim-dur) var(--home-anim-func);
}

body.home .site-footer .contact_data {
    text-align: center;
}

body.home .site-footer .contact_data > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    margin-bottom: 5px;
}

body.home.loaded  .site-footer .footer-contact-wrapper {
    bottom: 4rem;
}

.site-footer .info_section {
    background-color: var(--color-grey-80);
    padding-block: 1.5rem;
}

.site-footer .info_section .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    color: var(--color-white);
    font-weight: 200;
}

.site-footer .info_section .logo-wrapper {
    height: 100px;
}

.site-footer .info_section .footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-footer .info_section .footer-menu li:not(:last-child) {
    margin-bottom: 1rem;
}

.site-footer .contact_data .contact-icon {
    flex-basis: 30px;
    object-fit: contain;
    height: 28px;
    filter: invert(1);
}

.site-footer .footer_partners_list {
    list-style: none;
    padding: 0;
    margin-block: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.site-footer .footer_partners_list img {
    max-height: 100px;
}

.site-footer .copyright_section {
    margin-block: 1rem;
    text-align: center;
    color: var(--color-grey);
    font-weight: 200;
}

.sitewide_message {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    position: fixed;
    bottom: 0;
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
    padding: 15px;
    -webkit-box-shadow: 0px -2px 4px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px -2px 4px 0px rgb(0 0 0 / 30%);
    z-index: 1000;
    background: var(--color-red);
    color: var(--color-white);
}

.sitewide_message b {
    font-weight: bold;
    font-size: 12px;

}

.sitewide_message .content {
    flex-basis: 1px;
    flex-grow: 1;
    text-align: center;
    font-size: 12px;
}

.sitewide_message .close {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.sitewide_message .close::before,
.sitewide_message .close::after {
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: center;
    background-color: var(--color-white);
}

.sitewide_message .close::before {
    transform: translateY(-50%) rotate(45deg);
}

.sitewide_message .close::after {
    transform: translateY(-50%) rotate(135deg);
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------- Footer  ------- */
/* ----------------------- */



/* ----------------------- */
/* ----- Search Page ----- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

body.search .page-header {
    margin-bottom: 3rem;
    text-align: center;
}

body.search .page-title span {
    color: var(--color-red);
}

body.search .site-content article {
    padding-bottom: 1rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid var(--color-black-25);
    max-width: 900px;
    margin-inline: auto;
}

body.search .site-content article::after {
    content: '';
    display: block;
    clear: both;
}

body.search .site-content article .post-thumbnail {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 1rem;
    aspect-ratio: 16 / 9;
}

body.search .site-content article .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.search .site-content article .entry-summary {
    line-height: 1.5;
}

body.search .site-content article .entry-summary .more-link,
body.search .site-content article .entry-footer a,
body.search .pagination .nav-links a {
    color: var(--color-red);
}

body.search .site-content article .entry-summary .more-link:hover,
body.search .site-content article .entry-summary .more-link:focus,
body.search .site-content article .entry-footer a:hover,
body.search .site-content article .entry-footer a:focus,
body.search .pagination .nav-links a:hover,
body.search .pagination .nav-links a:focus {
    text-decoration: underline;
}

body.search .pagination .nav-links {
    text-align: center;
}

body.search .pagination .nav-links > * {
    margin-inline: 10px;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ----- Search Page ----- */
/* ----------------------- */



/* ----------------------- */
/* ----- Contact Page ---- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.page-template-page-contact .page_title {
    margin-bottom: 1em !important;
}

.page-template-page-contact .contact_info.type_address::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url('images/icons/address.png') center center no-repeat;
    background-size: contain;
}

.page-template-page-contact .contact_info.type_phone::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url('images/icons/phone.png') center center no-repeat;
    background-size: contain;
}

.page-template-page-contact .contact_info.type_police::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url('images/icons/local_police.png') center center no-repeat;
    background-size: contain;
}

.page-template-page-contact .contact_info.type_fax::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url('images/icons/fax.png') center center no-repeat;
    background-size: contain;
}

.page-template-page-contact .contact_info.type_email::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url('images/icons/email.png') center center no-repeat;
    background-size: contain;
}


.page-template-page-contact .contact_info {
    display: flex;
    gap: 10px;
}

.page-template-page-contact .contact_info__cntnt {
    display: flex;
    flex-direction: column;
    padding-bottom: 1rem;
}

.page-template-page-contact .contact_info__label {
    color: var(--color-red);
    font-weight: 500;
}

.page-template-page-contact .contact_info__value {
    font-weight: 200;
}

.page-template-page-contact .google_map {
    position: relative;
    min-height: 400px;
}

.page-template-page-contact .google_map iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.page-template-page-contact input[type=submit] {
    background-color: #DA241A;
    border-radius: 100px;
    text-align: center;
    padding: 10px 40px;
    color: var(--color-white);
    text-decoration: none;
    font-size: 1rem;
    border: none;
    cursor: pointer;
}

.page-template-page-contact input[type=text],
.page-template-page-contact input[type=email],
.page-template-page-contact textarea {
    padding: 10px;
    margin-top: 8px;
    color: var(--color-grey);
    max-width: 100%;
}

.page-template-page-contact form {
    color:var(--color-grey);
}

.page-template-page-contact form label {
    font-weight: 500;
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ----- Contact Page ---- */
/* ----------------------- */



/* ----------------------- */
/* ----- Single News ----- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

body.single-news .news_date {
    font-style: italic;
    text-align: center;
    margin-block: 0.3em 1.5em;
    color: var(--color-grey);
}

body.single-news .page_content::after {
    content: '';
    display: block;
    clear: both;
}

body.single-news .news_video {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.wow_effect {
    display: none;
}

.bg {
    animation:slide 3s ease-in-out infinite alternate;
    /* z-index:1000; */
    background-image: linear-gradient(-60deg, #d3d1d184 50%, #da241a 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:fixed;
    right:-50%;
    top:0;
  }
  
  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:4s;
  }
  
  .bg3 {
    animation-duration:5s;
  }
  
  @keyframes slide {
    0% {
      transform:translateX(-25%);
    }
    100% {
      transform:translateX(25%);
    }
  }

.site_svg img {
    height: 374px;
    width: 235px;
}

.loaded .site_svg {
  display: none;
}


/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ----- Single News ----- */
/* ----------------------- */



/* ----------------------- */
/* ------- Gallery ------- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */

.gallery_carousel {
  display: none;
}

.gallery_carousel.loaded {
  display: none;
}

.gallery_carousel .owl-item {
  padding: 0;
}

.gallery_carousel .owl-nav {
  display: block;
}

.gallery_carousel .owl-nav span {
  display: block;
  color: var(--color-red);
}

.gallery_carousel .owl-nav button {
  border: none !important;
  aspect-ratio: unset !important;
  transform: none;
  width: 3rem;
  background-color: rgb(255 255 255 / 0.8) !important;
  top: 0;
  bottom: 20px;
}

.gallery_carousel .owl-nav button.disabled {
  display: block;
  filter: brightness(0.6);
  cursor: not-allowed;
}

.gallery_carousel .owl-nav button.owl-prev {
  left: 0;
}

.gallery_carousel .owl-nav button.owl-next {
  right: 0;
}

.gallery_carousel .owl-dots {
  margin-block: 10px;
}

@media screen and (max-width: 767px) {
    /* Tables */
    table, thead, tbody, th, td, tr {
        display: block;
    }
    table {
        width: 100% !important;
        max-width: unset !important;
    }
    table tr:first-child {
        display: none;
    }
    table tr:not(:first-child) {
        margin-bottom: 1.5em;
        background: var(--color-black-10);
    }
    table td {
        white-space: break-spaces;
        text-align: right;
    }
    table td * {
        display: inline;
        text-align: right;
    }
    table td::before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        float: left;
        margin-right: 10px;
    }
}

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------- Gallery ------- */
/* ----------------------- */



/* ----------------------- */
/* ------- Desktop ------- */
/* ----------------------- */
/* -------- START -------- */
/* ----------------------- */


@media screen and (min-width: 600px) {
    /* Tourism Gallery - START */
    .tourism-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Tourism Gallery - END */
    .tab_data_row .files-container .single-file {
        flex-basis: 49%;
    }
}

@media screen and (min-width: 660px) {
    /* News Listing  - START */
    .news_list:not(.owl-carousel) {
        grid-template-columns: repeat(2, 1fr);
        max-width: unset;
        margin-inline: unset;
    }
    /* News Listing - END */
}

@media screen and (min-width: 768px) {
    .big-navigation ul.hideme > .menu-item > a {
        opacity: unset;
        user-select: unset;
        pointer-events: unset;
    }
    /* Header - START */
    body:not(.home) .site-header {
        position: static;
        background-color: unset;
    }
    body:not(.home).scrolled .site-header {
        box-shadow: unset;
    }
    body:not(.home) .site-header .top-page-image-wrapper {
        display: block;
    }
    /* Header - END */

    /* General - START */
    .mobile-only {
        display: none;
    }
    .desktop-only {
        display: inherit;
    }
    #language-switcher,
    .hamburger-open {
        color: var(--color-white);
    }
    /* General - END */

    /* Hamburger Menu - START */
    .hamburger-menu {
        top: -100%;
        left: 0;
        /* height: auto; */
        overflow: hidden;
        background-image: url(images/intro_background_sgm_new.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        /* background-attachment: fixed; */
        /* opacity: 1 !important; */
    }
    body.hamburger-active .hamburger-menu {
        top: 0;
    }
    .hamburger-menu .hamburger-container {
        order: 2;
        overflow: hidden;
        padding-inline: 1rem;
    }
    /* Hamburger Menu - END */

    /* Search - START */
    .search-wrapper {
        position: relative;
    }
    .search-wrapper .search-icon {
        color: var(--color-white);
    }
    .search-wrapper .search-icon img {
        filter: invert(1);
    }
    .search-wrapper .search-body {
        right: calc(100% + 1rem);
        top: 50%;
        left: unset;
        transform: translateY(-50%);
    }
    .search-wrapper .search-body input[type="search"] {
        min-width: 400px;
    }
    /* Search - END */

    /* Menu - START */
    .quick-menu {
        gap: 2rem;
    }
    .site-big-menu {
        max-width: unset;
        width: unset;
        margin-inline: unset;
    }
    #site-header-menu {
        display: block;
        margin-inline: 3rem auto;
    }
    .back-btn {
        display: none !important;
    }
    .big-navigation ul {
        padding: 10px 2rem;
    }
    .big-navigation .main-menu {
        width: calc(100% / 3);
        position: relative;
        height: 100%;
    }
    .big-navigation .sub-menu {
        display: none;
        left: 100%;
        bottom: unset;
        box-shadow: unset;
        background-color: unset;
        transition: none;
    }
    .big-navigation .sub-menu > li {
        /* font-size: 0.9em; */
        font-size: 0.8em;
    }
    .big-navigation .menu-item.active > .sub-menu {
        left: 100%;
        display: block;
    }
    .big-navigation .menu-item {
        margin-bottom: 1.5em;
        font-size: 20pt;
    }
    .quick-nav-container {
        order: 4;
    }
    .scroll-indicator {
        order: 3;
        display: block;
    }
    /* Menu - END */

    /* Header - START */
    .site-header-text {
        display: block;
        padding-top: 1rem;
    }
    /* Header - END */

    /* Contact Button - START */
    .contact-btn {
        width: 80px;
        bottom: 3rem;
        right: max(calc((100vw - var(--page-size)) / 2), 2rem);
    }
    body.under_construct_message .contact-btn {
        bottom: 5rem;
    }
    body.home .contact-btn {
        bottom: -80px;
    }
    body.home.loaded .contact-btn {
        bottom: min(200px, 20vh);
        /* Temporarily remove on desktop */
        display: none;
    }
    body:not(.home) .contact-btn {
        /* display: grid; */
        display: none;
    }
    .page-template-page-contact .contact-btn {
        display: none !important;
    }
    /* Contact Button - END */

    /* Breadcrumb - START */
    #breadcrumbs {
        display: flex;
        margin: 0 0 1.5rem 0;
    }
    /* Breadcrumb - END */

    /* Home Page - START */
    /* body.home {
        backdrop-filter: blur(5px) brightness(0.3);
        -webkit-backdrop-filter: blur(5px) brightness(0.3);
    } */
    body.home .site-welcome-text {
        display: block;
        font-size: 2.25rem;
    }
    body.home.loaded .site-welcome-text {
        /* opacity: 1; */
    }
    body.home .site-welcome-text > span {
        font-size: 3rem;
    }
    body.home .site-branding {
        height: unset;
    }
    body.home.loaded .site-branding img {
        height: 280px;
        margin-top: 0;
    }
    body.home #site-header-menu {
        width: unset;
    }
    body.home.loaded #site-header-menu {
        /* top: calc(50vh + 50px); */
        top: 50vh;
        margin-inline:0;
        margin-top: 1rem;
    }
    body.home #site-header-menu .primary-menu {
        flex-direction: row;
        gap: 2.25rem;
    }
    body.home.loaded #site-header-menu .primary-menu {
        gap: 2.25rem;
    }
    body.home #site-header-menu .primary-menu > li {
        flex-basis: 100%;
    }
    body.home.loaded .site-header-main {
        margin-top: -300px;
    }
    /* Home Page - END */

    /* Not Home Page - START */
    body:not(.home) .site-header {
        height: 300px;
        overflow: hidden;
        position: relative;
    }
    body:not(.home) .site-title {
        margin-top: 0px !important;
        height: 100%;
    }
    body:not(.home) .site-header-main {
        justify-content: unset;
        margin-top: 15px;
    }
    body:not(.home) #site-header-menu .primary-menu {
        flex-direction: row;
        align-items: center;
        color: var(--color-white);
    }
    body:not(.home) #site-header-menu .menu-item.current-menu-item {
        color: var(--color-red);
        font-weight: 600;
    }
    body:not(.home) .site-content {
        padding: 3rem 1rem;
    }
    body:not(.home) .page_title {
        font-size: 1.75 rem;
        color: var(--color-red);
        text-align: left;
        /* margin-block: 0 1em; */
        margin-block: 0;
    }
    /* Not Home Page - END */

    /* News Listing - START */
    .news_container.slider {
        max-width: unset;
        /* padding-inline: 2rem; */
    }
    /* News Listing - END */

    /* Tab Data - START */
    .tab_data_row .files-container {
        justify-content: flex-start;
        column-gap: 1rem;
        clear: both;
        /* flex-flow: row wrap;
        clear: both; */
    }

    /* .tab_data_row .files-container::after {
      content: "";
      flex: auto;
    } */

    /* Tab Data - END */

    /* Tabs - START */
    .tabs_list {
        margin-top: 2rem;
        max-width: unset;
        /* gap: 20px; */
        gap: 3rem;
    }
    .tabs_list .tab {
        flex-basis: 150px;
        justify-content: center;
        aspect-ratio: 1;
        border: 0.5px solid var(--color-black-10);
        background-color: var(--color-white);
    }
    .tabs_list .tab:hover {
        box-shadow: 0 7px 10px 0px var(--color-black-25);
    }
    .tabs_list .tab img {
        filter: grayscale(1) opacity(0.5);
    }
    .tabs_list .tab.active span {
        transition: all var(--tab-anim-dur) var(--tab-anim-func);
    }
    .tab_data_wrapper {
        padding-inline: 0;
        margin: 0;
    }
    .tab_data_wrapper .tab_data_title {
        /* font-size: 2rem; */
        display: block;
        font-size: 1.5rem;
        text-align: left;
        margin-top: 1em;
    }
    .tab_data_wrapper .tab_data {
        margin-top: 0;
    }
    body.tab-selected .tabs_list {
        margin-top: 2rem;
    }
    body.tab-selected .tabs_list .tab.active {
        border-color: var(--color-grey-light);
        background-color: var(--color-grey-light);
        box-shadow: 0 7px 10px 0px var(--color-black-25);
    }
    body.tab-selected .tabs_list .tab.active img {
        filter: none;
        scale: 1.1;
        margin-bottom: 15px;
    }
    body.tab-selected .tabs_list .tab.active span {
        color: var(--color-red);
        font-weight: 600;
        font-size: 11pt;
    }
    body.tab-selected .tabs_list .tab span {
        display: block;
        color: var(--color-grey-128);
        font-weight: 400;
    }
    /* Tabs - END */

    /* Tabs Page - START */
    body.page-template-page-actual .main-content,
    body.page-template-page-administration .main-content {
        position: static;
        display: block;
    }
    body.page-template-page-actual .page_content,
    body.page-template-page-administration .page_content {
        display: block;
        max-width: 900px;
    }
    body.page-template-page-actual.tab-selected .page_title,
    body.page-template-page-administration.tab-selected .page_title {
        display: block;
    }
    /* Tabs Page - END */

    /* Footer - START */
    .site-footer {
        display: block;
    }
    /* Footer - END */

    /* Searc Page - START */
    body.search .site-content article .post-thumbnail {
        float: left;
        max-width: min(50%, 400px);
        margin: 0 1rem 0.5rem 0;
    }
    /* Search Page - END */

    /* Single News - START */
    body.single-news .news_date {
        text-align: left;
    }
    body.single-news .news_image,
    body.single-news .news_video {
        float: left;
        max-width: 50%;
        margin-right: 2rem;
        margin-bottom: 1.25rem;
    }
    /* Single News - END */
    .tab_data_row .files-container .single-file {
        flex-basis: 32%;
    }
}

@media screen and (min-width: 900px) {
    /* Not Home Page - START */
    body:not(.home) #site-header-menu .primary-menu {
        gap: 4rem;
    }
    /* Not Home Page - END */

    /* Tourism Gallery - START */
    .tourism-gallery {
        grid-template-columns: repeat(3, 1fr);
    }
    /* Tourism Gallery - END */

    /* News Listing  - START */
    .news_list:not(.owl-carousel) {
        grid-template-columns: repeat(3, 1fr);
    }
    /* News Listing - END */

    /* Contact Page - START */
    .page-template-page-contact .contact_content {
        display: grid;
        grid-template: auto auto / 1fr 1fr;
        gap: 30px;
    }
    .page-template-page-contact .contact_content .google_map {
        grid-row: span 2;
    }
    /* Contact Page - END */

    /* Single News - START */
    body.single-news .news_image,
    body.single-news .news_video {
        max-width: 40%;
    }
    /* Single News - END */

    .sitewide_message b {
      font-size: 16px;
    }
    
    .sitewide_message .content {
        font-size: 1rem;
    }

    .sitewide_message {
      padding: 1rem 2rem;
    }

    .page-template-default.page-child .main-content .page_content img {
      float: left;
      margin: 0 10px 10px 0;
    }
}

@media screen and (min-width: 1200px) {
    /* Not Home Page - START */
    body:not(.home) .site-header {
        height: 250px;
    }
    /* Not Home Page - END */

    /* Tabs - START */
    body.page-template-page-administration .tabs_list {
        grid-template-columns: repeat(6, 150px);
    }
    /* Tabs - END */

    /* Tourism Gallery - START */
    .tourism-gallery {
        grid-template-columns: repeat(4, 1fr);
    }
    /* Tourism Gallery - END */
}

@media screen and (min-width: 1400px) {
    /* Not Home Page - START */
    body:not(.home) .site-header {
        height: 250px;
    }
    /* Not Home Page - END */

    /* Wider page wrapper - START */
    .page-wrapper {
        max-width: var(--page-size-large);
    }
    /* Wider page wrapper - END */

    body:not(.home) .site-header-main {
        max-width: var(--page-size-large);
    }

    .site-header-text {
        left: max(calc((100vw - var(--page-size-large)) / 2 + 1rem), 1rem);
    }

    body.home .site-footer .footer-contact-wrapper {
        max-width: var(--page-size-large);
    }

}



  .page-template-page-tourism .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 20px 0 80px;
  }
  
  .page-template-page-tourism .card {
    width: 300px;
    margin: 10px;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  }
  .page-template-page-tourism .card:hover .card__caption {
    top: 50%;
    transform: translateY(-50%);
  }
  /* .page-template-page-tourism .card:hover .card__image {
    transform: translateY(-10px);
  } */
  .page-template-page-tourism .card:hover .card__thumb::after {
    top: 0;
  }
  .page-template-page-tourism .card:hover .card__snippet {
    margin: 20px 0;
  }
  .page-template-page-tourism .card__thumb {
    position: relative;
    max-height: 300px;
    overflow: hidden;
  }
  @media (min-width: 1024px) {
    .page-template-page-tourism .card__thumb {
      max-height: 280px;
    }

    .page-template-page-tourism .card:hover .card__image {
      transform: translateY(-10px);
    }
  }
  .page-template-page-tourism .card__thumb::after {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 20%, rgba(255, 255, 255, 0) 100%);
    transition: 0.3s;
  }
  @media (min-width: 1024px) {
    .page-template-page-tourism .card__thumb::after {
      top: calc(100% - 140px);
    }
  }
  .page-template-page-tourism .card__image {
    transition: 0.5s ease-in-out;
    filter: brightness(80%);
  }
  .page-template-page-tourism .card__caption {
    position: absolute;
    top: 50%;
    z-index: 1;
    padding: 0 20px;
    color: white;
    transform: translateY(-50%);
    text-align: center;
    transition: 0.3s;
    width: 100%;
  }
  @media (min-width: 1024px) {
    .page-template-page-tourism .card__caption {
      top: calc(100% - 110px);
      transform: unset;
    }
  }
  .page-template-page-tourism .card__title {
    display: -webkit-box;
    max-height: 85px;
    overflow: hidden;
    font-family: 'Ubuntu', sans-serif;
    font-size: 23px;
    line-height: 28px;
    text-shadow: 0px 1px 5px black;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: white;
  }
  .page-template-page-tourism .card__snippet {
    display: -webkit-box;
    max-height: 150px;
    margin: 20px 0;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-overflow: ellipsis;
    transition: 0.5s ease-in-out;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  @media (min-width: 1024px) {
    .page-template-page-tourism .card__snippet {
      margin: 100px 0;
    }
  }
  .page-template-page-tourism .card__button {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border: 1px solid white;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
  }
  .page-template-page-tourism .card__button:hover {
    color: black;
    background-color: white;
  }

  .page-template-page-tourism figure {
      margin: 0;
  }

/* ----------------------- */
/* --------- END --------- */
/* ----------------------- */
/* ------- Desktop ------- */
/* ----------------------- */

/***************************************************
 * Generated by SVG Artista on 1/12/2023, 6:18:47 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

 @-webkit-keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 1256.2216796875px;
      stroke-dasharray: 1256.2216796875px;
    }
  
    100% {
      stroke-dashoffset: 2512.443359375px;
      stroke-dasharray: 1256.2216796875px;
    }
  }
  
  @keyframes animate-svg-stroke-1 {
    0% {
      stroke-dashoffset: 1256.2216796875px;
      stroke-dasharray: 1256.2216796875px;
    }
  
    100% {
      stroke-dashoffset: 2512.443359375px;
      stroke-dasharray: 1256.2216796875px;
    }
  }
  
  .svg-elem-1 {
    -webkit-animation: animate-svg-stroke-1 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
            animation: animate-svg-stroke-1 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-2 {
    0% {
      stroke-dashoffset: 602.4892578125px;
      stroke-dasharray: 602.4892578125px;
    }
  
    100% {
      stroke-dashoffset: 1204.978515625px;
      stroke-dasharray: 602.4892578125px;
    }
  }
  
  @keyframes animate-svg-stroke-2 {
    0% {
      stroke-dashoffset: 602.4892578125px;
      stroke-dasharray: 602.4892578125px;
    }
  
    100% {
      stroke-dashoffset: 1204.978515625px;
      stroke-dasharray: 602.4892578125px;
    }
  }
  
  .svg-elem-2 {
    -webkit-animation: animate-svg-stroke-2 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
            animation: animate-svg-stroke-2 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-3 {
    0% {
      stroke-dashoffset: 5710.19287109375px;
      stroke-dasharray: 5710.19287109375px;
    }
  
    100% {
      stroke-dashoffset: 11420.3857421875px;
      stroke-dasharray: 5710.19287109375px;
    }
  }
  
  @keyframes animate-svg-stroke-3 {
    0% {
      stroke-dashoffset: 5710.19287109375px;
      stroke-dasharray: 5710.19287109375px;
    }
  
    100% {
      stroke-dashoffset: 11420.3857421875px;
      stroke-dasharray: 5710.19287109375px;
    }
  }
  
  .svg-elem-3 {
    -webkit-animation: animate-svg-stroke-3 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
            animation: animate-svg-stroke-3 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-4 {
    0% {
      stroke-dashoffset: 2814.39208984375px;
      stroke-dasharray: 2814.39208984375px;
    }
  
    100% {
      stroke-dashoffset: 5628.7841796875px;
      stroke-dasharray: 2814.39208984375px;
    }
  }
  
  @keyframes animate-svg-stroke-4 {
    0% {
      stroke-dashoffset: 2814.39208984375px;
      stroke-dasharray: 2814.39208984375px;
    }
  
    100% {
      stroke-dashoffset: 5628.7841796875px;
      stroke-dasharray: 2814.39208984375px;
    }
  }
  
  .svg-elem-4 {
    -webkit-animation: animate-svg-stroke-4 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
            animation: animate-svg-stroke-4 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 47.25384521484375px;
      stroke-dasharray: 47.25384521484375px;
    }
  
    100% {
      stroke-dashoffset: 94.5076904296875px;
      stroke-dasharray: 47.25384521484375px;
    }
  }
  
  @keyframes animate-svg-stroke-5 {
    0% {
      stroke-dashoffset: 47.25384521484375px;
      stroke-dasharray: 47.25384521484375px;
    }
  
    100% {
      stroke-dashoffset: 94.5076904296875px;
      stroke-dasharray: 47.25384521484375px;
    }
  }
  
  .svg-elem-5 {
    -webkit-animation: animate-svg-stroke-5 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
            animation: animate-svg-stroke-5 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-6 {
    0% {
      stroke-dashoffset: 44.24333190917969px;
      stroke-dasharray: 44.24333190917969px;
    }
  
    100% {
      stroke-dashoffset: 88.48666381835938px;
      stroke-dasharray: 44.24333190917969px;
    }
  }
  
  @keyframes animate-svg-stroke-6 {
    0% {
      stroke-dashoffset: 44.24333190917969px;
      stroke-dasharray: 44.24333190917969px;
    }
  
    100% {
      stroke-dashoffset: 88.48666381835938px;
      stroke-dasharray: 44.24333190917969px;
    }
  }
  
  .svg-elem-6 {
    -webkit-animation: animate-svg-stroke-6 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
            animation: animate-svg-stroke-6 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-7 {
    0% {
      stroke-dashoffset: 2347.0673828125px;
      stroke-dasharray: 2347.0673828125px;
    }
  
    100% {
      stroke-dashoffset: 4694.134765625px;
      stroke-dasharray: 2347.0673828125px;
    }
  }
  
  @keyframes animate-svg-stroke-7 {
    0% {
      stroke-dashoffset: 2347.0673828125px;
      stroke-dasharray: 2347.0673828125px;
    }
  
    100% {
      stroke-dashoffset: 4694.134765625px;
      stroke-dasharray: 2347.0673828125px;
    }
  }
  
  .svg-elem-7 {
    -webkit-animation: animate-svg-stroke-7 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
            animation: animate-svg-stroke-7 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-8 {
    0% {
      stroke-dashoffset: 714.0806884765625px;
      stroke-dasharray: 714.0806884765625px;
    }
  
    100% {
      stroke-dashoffset: 1428.161376953125px;
      stroke-dasharray: 714.0806884765625px;
    }
  }
  
  @keyframes animate-svg-stroke-8 {
    0% {
      stroke-dashoffset: 714.0806884765625px;
      stroke-dasharray: 714.0806884765625px;
    }
  
    100% {
      stroke-dashoffset: 1428.161376953125px;
      stroke-dasharray: 714.0806884765625px;
    }
  }
  
  .svg-elem-8 {
    -webkit-animation: animate-svg-stroke-8 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
            animation: animate-svg-stroke-8 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-9 {
    0% {
      stroke-dashoffset: 418.12939453125px;
      stroke-dasharray: 418.12939453125px;
    }
  
    100% {
      stroke-dashoffset: 836.2587890625px;
      stroke-dasharray: 418.12939453125px;
    }
  }
  
  @keyframes animate-svg-stroke-9 {
    0% {
      stroke-dashoffset: 418.12939453125px;
      stroke-dasharray: 418.12939453125px;
    }
  
    100% {
      stroke-dashoffset: 836.2587890625px;
      stroke-dasharray: 418.12939453125px;
    }
  }
  
  .svg-elem-9 {
    -webkit-animation: animate-svg-stroke-9 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
            animation: animate-svg-stroke-9 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-10 {
    0% {
      stroke-dashoffset: 120.4144058227539px;
      stroke-dasharray: 120.4144058227539px;
    }
  
    100% {
      stroke-dashoffset: 240.8288116455078px;
      stroke-dasharray: 120.4144058227539px;
    }
  }
  
  @keyframes animate-svg-stroke-10 {
    0% {
      stroke-dashoffset: 120.4144058227539px;
      stroke-dasharray: 120.4144058227539px;
    }
  
    100% {
      stroke-dashoffset: 240.8288116455078px;
      stroke-dasharray: 120.4144058227539px;
    }
  }
  
  .svg-elem-10 {
    -webkit-animation: animate-svg-stroke-10 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
            animation: animate-svg-stroke-10 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-11 {
    0% {
      stroke-dashoffset: 3350.82666015625px;
      stroke-dasharray: 3350.82666015625px;
    }
  
    100% {
      stroke-dashoffset: 6701.6533203125px;
      stroke-dasharray: 3350.82666015625px;
    }
  }
  
  @keyframes animate-svg-stroke-11 {
    0% {
      stroke-dashoffset: 3350.82666015625px;
      stroke-dasharray: 3350.82666015625px;
    }
  
    100% {
      stroke-dashoffset: 6701.6533203125px;
      stroke-dasharray: 3350.82666015625px;
    }
  }
  
  .svg-elem-11 {
    -webkit-animation: animate-svg-stroke-11 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
            animation: animate-svg-stroke-11 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-12 {
    0% {
      stroke-dashoffset: 21.81668472290039px;
      stroke-dasharray: 21.81668472290039px;
    }
  
    100% {
      stroke-dashoffset: 43.63336944580078px;
      stroke-dasharray: 21.81668472290039px;
    }
  }
  
  @keyframes animate-svg-stroke-12 {
    0% {
      stroke-dashoffset: 21.81668472290039px;
      stroke-dasharray: 21.81668472290039px;
    }
  
    100% {
      stroke-dashoffset: 43.63336944580078px;
      stroke-dasharray: 21.81668472290039px;
    }
  }
  
  .svg-elem-12 {
    -webkit-animation: animate-svg-stroke-12 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
            animation: animate-svg-stroke-12 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-13 {
    0% {
      stroke-dashoffset: 18.57822036743164px;
      stroke-dasharray: 18.57822036743164px;
    }
  
    100% {
      stroke-dashoffset: 37.15644073486328px;
      stroke-dasharray: 18.57822036743164px;
    }
  }
  
  @keyframes animate-svg-stroke-13 {
    0% {
      stroke-dashoffset: 18.57822036743164px;
      stroke-dasharray: 18.57822036743164px;
    }
  
    100% {
      stroke-dashoffset: 37.15644073486328px;
      stroke-dasharray: 18.57822036743164px;
    }
  }
  
  .svg-elem-13 {
    -webkit-animation: animate-svg-stroke-13 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
            animation: animate-svg-stroke-13 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-14 {
    0% {
      stroke-dashoffset: 13.523128509521484px;
      stroke-dasharray: 13.523128509521484px;
    }
  
    100% {
      stroke-dashoffset: 27.04625701904297px;
      stroke-dasharray: 13.523128509521484px;
    }
  }
  
  @keyframes animate-svg-stroke-14 {
    0% {
      stroke-dashoffset: 13.523128509521484px;
      stroke-dasharray: 13.523128509521484px;
    }
  
    100% {
      stroke-dashoffset: 27.04625701904297px;
      stroke-dasharray: 13.523128509521484px;
    }
  }
  
  .svg-elem-14 {
    -webkit-animation: animate-svg-stroke-14 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
            animation: animate-svg-stroke-14 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-15 {
    0% {
      stroke-dashoffset: 14.048073768615723px;
      stroke-dasharray: 14.048073768615723px;
    }
  
    100% {
      stroke-dashoffset: 28.096147537231445px;
      stroke-dasharray: 14.048073768615723px;
    }
  }
  
  @keyframes animate-svg-stroke-15 {
    0% {
      stroke-dashoffset: 14.048073768615723px;
      stroke-dasharray: 14.048073768615723px;
    }
  
    100% {
      stroke-dashoffset: 28.096147537231445px;
      stroke-dasharray: 14.048073768615723px;
    }
  }
  
  .svg-elem-15 {
    -webkit-animation: animate-svg-stroke-15 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
            animation: animate-svg-stroke-15 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-16 {
    0% {
      stroke-dashoffset: 12.968469619750977px;
      stroke-dasharray: 12.968469619750977px;
    }
  
    100% {
      stroke-dashoffset: 25.936939239501953px;
      stroke-dasharray: 12.968469619750977px;
    }
  }
  
  @keyframes animate-svg-stroke-16 {
    0% {
      stroke-dashoffset: 12.968469619750977px;
      stroke-dasharray: 12.968469619750977px;
    }
  
    100% {
      stroke-dashoffset: 25.936939239501953px;
      stroke-dasharray: 12.968469619750977px;
    }
  }
  
  .svg-elem-16 {
    -webkit-animation: animate-svg-stroke-16 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
            animation: animate-svg-stroke-16 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-17 {
    0% {
      stroke-dashoffset: 12.633609771728516px;
      stroke-dasharray: 12.633609771728516px;
    }
  
    100% {
      stroke-dashoffset: 25.26721954345703px;
      stroke-dasharray: 12.633609771728516px;
    }
  }
  
  @keyframes animate-svg-stroke-17 {
    0% {
      stroke-dashoffset: 12.633609771728516px;
      stroke-dasharray: 12.633609771728516px;
    }
  
    100% {
      stroke-dashoffset: 25.26721954345703px;
      stroke-dasharray: 12.633609771728516px;
    }
  }
  
  .svg-elem-17 {
    -webkit-animation: animate-svg-stroke-17 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
            animation: animate-svg-stroke-17 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-18 {
    0% {
      stroke-dashoffset: 11.102304458618164px;
      stroke-dasharray: 11.102304458618164px;
    }
  
    100% {
      stroke-dashoffset: 22.204608917236328px;
      stroke-dasharray: 11.102304458618164px;
    }
  }
  
  @keyframes animate-svg-stroke-18 {
    0% {
      stroke-dashoffset: 11.102304458618164px;
      stroke-dasharray: 11.102304458618164px;
    }
  
    100% {
      stroke-dashoffset: 22.204608917236328px;
      stroke-dasharray: 11.102304458618164px;
    }
  }
  
  .svg-elem-18 {
    -webkit-animation: animate-svg-stroke-18 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both;
            animation: animate-svg-stroke-18 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-19 {
    0% {
      stroke-dashoffset: 10.408376693725586px;
      stroke-dasharray: 10.408376693725586px;
    }
  
    100% {
      stroke-dashoffset: 20.816753387451172px;
      stroke-dasharray: 10.408376693725586px;
    }
  }
  
  @keyframes animate-svg-stroke-19 {
    0% {
      stroke-dashoffset: 10.408376693725586px;
      stroke-dasharray: 10.408376693725586px;
    }
  
    100% {
      stroke-dashoffset: 20.816753387451172px;
      stroke-dasharray: 10.408376693725586px;
    }
  }
  
  .svg-elem-19 {
    -webkit-animation: animate-svg-stroke-19 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both;
            animation: animate-svg-stroke-19 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-20 {
    0% {
      stroke-dashoffset: 10.206318855285645px;
      stroke-dasharray: 10.206318855285645px;
    }
  
    100% {
      stroke-dashoffset: 20.41263771057129px;
      stroke-dasharray: 10.206318855285645px;
    }
  }
  
  @keyframes animate-svg-stroke-20 {
    0% {
      stroke-dashoffset: 10.206318855285645px;
      stroke-dasharray: 10.206318855285645px;
    }
  
    100% {
      stroke-dashoffset: 20.41263771057129px;
      stroke-dasharray: 10.206318855285645px;
    }
  }
  
  .svg-elem-20 {
    -webkit-animation: animate-svg-stroke-20 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both;
            animation: animate-svg-stroke-20 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-21 {
    0% {
      stroke-dashoffset: 8.873932838439941px;
      stroke-dasharray: 8.873932838439941px;
    }
  
    100% {
      stroke-dashoffset: 17.747865676879883px;
      stroke-dasharray: 8.873932838439941px;
    }
  }
  
  @keyframes animate-svg-stroke-21 {
    0% {
      stroke-dashoffset: 8.873932838439941px;
      stroke-dasharray: 8.873932838439941px;
    }
  
    100% {
      stroke-dashoffset: 17.747865676879883px;
      stroke-dasharray: 8.873932838439941px;
    }
  }
  
  .svg-elem-21 {
    -webkit-animation: animate-svg-stroke-21 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
            animation: animate-svg-stroke-21 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-22 {
    0% {
      stroke-dashoffset: 216.77517700195312px;
      stroke-dasharray: 216.77517700195312px;
    }
  
    100% {
      stroke-dashoffset: 433.55035400390625px;
      stroke-dasharray: 216.77517700195312px;
    }
  }
  
  @keyframes animate-svg-stroke-22 {
    0% {
      stroke-dashoffset: 216.77517700195312px;
      stroke-dasharray: 216.77517700195312px;
    }
  
    100% {
      stroke-dashoffset: 433.55035400390625px;
      stroke-dasharray: 216.77517700195312px;
    }
  }
  
  .svg-elem-22 {
    -webkit-animation: animate-svg-stroke-22 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
            animation: animate-svg-stroke-22 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-23 {
    0% {
      stroke-dashoffset: 277.1917419433594px;
      stroke-dasharray: 277.1917419433594px;
    }
  
    100% {
      stroke-dashoffset: 554.3834838867188px;
      stroke-dasharray: 277.1917419433594px;
    }
  }
  
  @keyframes animate-svg-stroke-23 {
    0% {
      stroke-dashoffset: 277.1917419433594px;
      stroke-dasharray: 277.1917419433594px;
    }
  
    100% {
      stroke-dashoffset: 554.3834838867188px;
      stroke-dasharray: 277.1917419433594px;
    }
  }
  
  .svg-elem-23 {
    -webkit-animation: animate-svg-stroke-23 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both;
            animation: animate-svg-stroke-23 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-24 {
    0% {
      stroke-dashoffset: 37.424293518066406px;
      stroke-dasharray: 37.424293518066406px;
    }
  
    100% {
      stroke-dashoffset: 74.84858703613281px;
      stroke-dasharray: 37.424293518066406px;
    }
  }
  
  @keyframes animate-svg-stroke-24 {
    0% {
      stroke-dashoffset: 37.424293518066406px;
      stroke-dasharray: 37.424293518066406px;
    }
  
    100% {
      stroke-dashoffset: 74.84858703613281px;
      stroke-dasharray: 37.424293518066406px;
    }
  }
  
  .svg-elem-24 {
    -webkit-animation: animate-svg-stroke-24 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
            animation: animate-svg-stroke-24 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-25 {
    0% {
      stroke-dashoffset: 20.027082443237305px;
      stroke-dasharray: 20.027082443237305px;
    }
  
    100% {
      stroke-dashoffset: 40.05416488647461px;
      stroke-dasharray: 20.027082443237305px;
    }
  }
  
  @keyframes animate-svg-stroke-25 {
    0% {
      stroke-dashoffset: 20.027082443237305px;
      stroke-dasharray: 20.027082443237305px;
    }
  
    100% {
      stroke-dashoffset: 40.05416488647461px;
      stroke-dasharray: 20.027082443237305px;
    }
  }
  
  .svg-elem-25 {
    -webkit-animation: animate-svg-stroke-25 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both;
            animation: animate-svg-stroke-25 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-26 {
    0% {
      stroke-dashoffset: 14.923501968383789px;
      stroke-dasharray: 14.923501968383789px;
    }
  
    100% {
      stroke-dashoffset: 29.847003936767578px;
      stroke-dasharray: 14.923501968383789px;
    }
  }
  
  @keyframes animate-svg-stroke-26 {
    0% {
      stroke-dashoffset: 14.923501968383789px;
      stroke-dasharray: 14.923501968383789px;
    }
  
    100% {
      stroke-dashoffset: 29.847003936767578px;
      stroke-dasharray: 14.923501968383789px;
    }
  }
  
  .svg-elem-26 {
    -webkit-animation: animate-svg-stroke-26 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
            animation: animate-svg-stroke-26 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-27 {
    0% {
      stroke-dashoffset: 11.451375961303711px;
      stroke-dasharray: 11.451375961303711px;
    }
  
    100% {
      stroke-dashoffset: 22.902751922607422px;
      stroke-dasharray: 11.451375961303711px;
    }
  }
  
  @keyframes animate-svg-stroke-27 {
    0% {
      stroke-dashoffset: 11.451375961303711px;
      stroke-dasharray: 11.451375961303711px;
    }
  
    100% {
      stroke-dashoffset: 22.902751922607422px;
      stroke-dasharray: 11.451375961303711px;
    }
  }
  
  .svg-elem-27 {
    -webkit-animation: animate-svg-stroke-27 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both;
            animation: animate-svg-stroke-27 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-28 {
    0% {
      stroke-dashoffset: 10.200822830200195px;
      stroke-dasharray: 10.200822830200195px;
    }
  
    100% {
      stroke-dashoffset: 20.40164566040039px;
      stroke-dasharray: 10.200822830200195px;
    }
  }
  
  @keyframes animate-svg-stroke-28 {
    0% {
      stroke-dashoffset: 10.200822830200195px;
      stroke-dasharray: 10.200822830200195px;
    }
  
    100% {
      stroke-dashoffset: 20.40164566040039px;
      stroke-dasharray: 10.200822830200195px;
    }
  }
  
  .svg-elem-28 {
    -webkit-animation: animate-svg-stroke-28 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both;
            animation: animate-svg-stroke-28 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-29 {
    0% {
      stroke-dashoffset: 8.31121826171875px;
      stroke-dasharray: 8.31121826171875px;
    }
  
    100% {
      stroke-dashoffset: 16.6224365234375px;
      stroke-dasharray: 8.31121826171875px;
    }
  }
  
  @keyframes animate-svg-stroke-29 {
    0% {
      stroke-dashoffset: 8.31121826171875px;
      stroke-dasharray: 8.31121826171875px;
    }
  
    100% {
      stroke-dashoffset: 16.6224365234375px;
      stroke-dasharray: 8.31121826171875px;
    }
  }
  
  .svg-elem-29 {
    -webkit-animation: animate-svg-stroke-29 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both;
            animation: animate-svg-stroke-29 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-30 {
    0% {
      stroke-dashoffset: 23.967092514038086px;
      stroke-dasharray: 23.967092514038086px;
    }
  
    100% {
      stroke-dashoffset: 47.93418502807617px;
      stroke-dasharray: 23.967092514038086px;
    }
  }
  
  @keyframes animate-svg-stroke-30 {
    0% {
      stroke-dashoffset: 23.967092514038086px;
      stroke-dasharray: 23.967092514038086px;
    }
  
    100% {
      stroke-dashoffset: 47.93418502807617px;
      stroke-dasharray: 23.967092514038086px;
    }
  }
  
  .svg-elem-30 {
    -webkit-animation: animate-svg-stroke-30 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both;
            animation: animate-svg-stroke-30 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-31 {
    0% {
      stroke-dashoffset: 10.429723739624023px;
      stroke-dasharray: 10.429723739624023px;
    }
  
    100% {
      stroke-dashoffset: 20.859447479248047px;
      stroke-dasharray: 10.429723739624023px;
    }
  }
  
  @keyframes animate-svg-stroke-31 {
    0% {
      stroke-dashoffset: 10.429723739624023px;
      stroke-dasharray: 10.429723739624023px;
    }
  
    100% {
      stroke-dashoffset: 20.859447479248047px;
      stroke-dasharray: 10.429723739624023px;
    }
  }
  
  .svg-elem-31 {
    -webkit-animation: animate-svg-stroke-31 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both;
            animation: animate-svg-stroke-31 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-32 {
    0% {
      stroke-dashoffset: 8.373373985290527px;
      stroke-dasharray: 8.373373985290527px;
    }
  
    100% {
      stroke-dashoffset: 16.746747970581055px;
      stroke-dasharray: 8.373373985290527px;
    }
  }
  
  @keyframes animate-svg-stroke-32 {
    0% {
      stroke-dashoffset: 8.373373985290527px;
      stroke-dasharray: 8.373373985290527px;
    }
  
    100% {
      stroke-dashoffset: 16.746747970581055px;
      stroke-dasharray: 8.373373985290527px;
    }
  }
  
  .svg-elem-32 {
    -webkit-animation: animate-svg-stroke-32 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both;
            animation: animate-svg-stroke-32 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-33 {
    0% {
      stroke-dashoffset: 248.28173828125px;
      stroke-dasharray: 248.28173828125px;
    }
  
    100% {
      stroke-dashoffset: 496.5634765625px;
      stroke-dasharray: 248.28173828125px;
    }
  }
  
  @keyframes animate-svg-stroke-33 {
    0% {
      stroke-dashoffset: 248.28173828125px;
      stroke-dasharray: 248.28173828125px;
    }
  
    100% {
      stroke-dashoffset: 496.5634765625px;
      stroke-dasharray: 248.28173828125px;
    }
  }
  
  .svg-elem-33 {
    -webkit-animation: animate-svg-stroke-33 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both;
            animation: animate-svg-stroke-33 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-34 {
    0% {
      stroke-dashoffset: 264.0932312011719px;
      stroke-dasharray: 264.0932312011719px;
    }
  
    100% {
      stroke-dashoffset: 528.1864624023438px;
      stroke-dasharray: 264.0932312011719px;
    }
  }
  
  @keyframes animate-svg-stroke-34 {
    0% {
      stroke-dashoffset: 264.0932312011719px;
      stroke-dasharray: 264.0932312011719px;
    }
  
    100% {
      stroke-dashoffset: 528.1864624023438px;
      stroke-dasharray: 264.0932312011719px;
    }
  }
  
  .svg-elem-34 {
    -webkit-animation: animate-svg-stroke-34 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both;
            animation: animate-svg-stroke-34 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-35 {
    0% {
      stroke-dashoffset: 145.11961364746094px;
      stroke-dasharray: 145.11961364746094px;
    }
  
    100% {
      stroke-dashoffset: 290.2392272949219px;
      stroke-dasharray: 145.11961364746094px;
    }
  }
  
  @keyframes animate-svg-stroke-35 {
    0% {
      stroke-dashoffset: 145.11961364746094px;
      stroke-dasharray: 145.11961364746094px;
    }
  
    100% {
      stroke-dashoffset: 290.2392272949219px;
      stroke-dasharray: 145.11961364746094px;
    }
  }
  
  .svg-elem-35 {
    -webkit-animation: animate-svg-stroke-35 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both;
            animation: animate-svg-stroke-35 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-36 {
    0% {
      stroke-dashoffset: 98.33016204833984px;
      stroke-dasharray: 98.33016204833984px;
    }
  
    100% {
      stroke-dashoffset: 196.6603240966797px;
      stroke-dasharray: 98.33016204833984px;
    }
  }
  
  @keyframes animate-svg-stroke-36 {
    0% {
      stroke-dashoffset: 98.33016204833984px;
      stroke-dasharray: 98.33016204833984px;
    }
  
    100% {
      stroke-dashoffset: 196.6603240966797px;
      stroke-dasharray: 98.33016204833984px;
    }
  }
  
  .svg-elem-36 {
    -webkit-animation: animate-svg-stroke-36 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
            animation: animate-svg-stroke-36 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-37 {
    0% {
      stroke-dashoffset: 48.79978561401367px;
      stroke-dasharray: 48.79978561401367px;
    }
  
    100% {
      stroke-dashoffset: 97.59957122802734px;
      stroke-dasharray: 48.79978561401367px;
    }
  }
  
  @keyframes animate-svg-stroke-37 {
    0% {
      stroke-dashoffset: 48.79978561401367px;
      stroke-dasharray: 48.79978561401367px;
    }
  
    100% {
      stroke-dashoffset: 97.59957122802734px;
      stroke-dasharray: 48.79978561401367px;
    }
  }
  
  .svg-elem-37 {
    -webkit-animation: animate-svg-stroke-37 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both;
            animation: animate-svg-stroke-37 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-38 {
    0% {
      stroke-dashoffset: 44.26034164428711px;
      stroke-dasharray: 44.26034164428711px;
    }
  
    100% {
      stroke-dashoffset: 88.52068328857422px;
      stroke-dasharray: 44.26034164428711px;
    }
  }
  
  @keyframes animate-svg-stroke-38 {
    0% {
      stroke-dashoffset: 44.26034164428711px;
      stroke-dasharray: 44.26034164428711px;
    }
  
    100% {
      stroke-dashoffset: 88.52068328857422px;
      stroke-dasharray: 44.26034164428711px;
    }
  }
  
  .svg-elem-38 {
    -webkit-animation: animate-svg-stroke-38 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both;
            animation: animate-svg-stroke-38 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4399999999999995s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-39 {
    0% {
      stroke-dashoffset: 33.367427825927734px;
      stroke-dasharray: 33.367427825927734px;
    }
  
    100% {
      stroke-dashoffset: 66.73485565185547px;
      stroke-dasharray: 33.367427825927734px;
    }
  }
  
  @keyframes animate-svg-stroke-39 {
    0% {
      stroke-dashoffset: 33.367427825927734px;
      stroke-dasharray: 33.367427825927734px;
    }
  
    100% {
      stroke-dashoffset: 66.73485565185547px;
      stroke-dasharray: 33.367427825927734px;
    }
  }
  
  .svg-elem-39 {
    -webkit-animation: animate-svg-stroke-39 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both;
            animation: animate-svg-stroke-39 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.56s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-40 {
    0% {
      stroke-dashoffset: 26.320293426513672px;
      stroke-dasharray: 26.320293426513672px;
    }
  
    100% {
      stroke-dashoffset: 52.640586853027344px;
      stroke-dasharray: 26.320293426513672px;
    }
  }
  
  @keyframes animate-svg-stroke-40 {
    0% {
      stroke-dashoffset: 26.320293426513672px;
      stroke-dasharray: 26.320293426513672px;
    }
  
    100% {
      stroke-dashoffset: 52.640586853027344px;
      stroke-dasharray: 26.320293426513672px;
    }
  }
  
  .svg-elem-40 {
    -webkit-animation: animate-svg-stroke-40 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both;
            animation: animate-svg-stroke-40 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.68s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-41 {
    0% {
      stroke-dashoffset: 27.676328659057617px;
      stroke-dasharray: 27.676328659057617px;
    }
  
    100% {
      stroke-dashoffset: 55.352657318115234px;
      stroke-dasharray: 27.676328659057617px;
    }
  }
  
  @keyframes animate-svg-stroke-41 {
    0% {
      stroke-dashoffset: 27.676328659057617px;
      stroke-dasharray: 27.676328659057617px;
    }
  
    100% {
      stroke-dashoffset: 55.352657318115234px;
      stroke-dasharray: 27.676328659057617px;
    }
  }
  
  .svg-elem-41 {
    -webkit-animation: animate-svg-stroke-41 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both;
            animation: animate-svg-stroke-41 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-42 {
    0% {
      stroke-dashoffset: 24.620193481445312px;
      stroke-dasharray: 24.620193481445312px;
    }
  
    100% {
      stroke-dashoffset: 49.240386962890625px;
      stroke-dasharray: 24.620193481445312px;
    }
  }
  
  @keyframes animate-svg-stroke-42 {
    0% {
      stroke-dashoffset: 24.620193481445312px;
      stroke-dasharray: 24.620193481445312px;
    }
  
    100% {
      stroke-dashoffset: 49.240386962890625px;
      stroke-dasharray: 24.620193481445312px;
    }
  }
  
  .svg-elem-42 {
    -webkit-animation: animate-svg-stroke-42 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both;
            animation: animate-svg-stroke-42 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.92s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-43 {
    0% {
      stroke-dashoffset: 26.107677459716797px;
      stroke-dasharray: 26.107677459716797px;
    }
  
    100% {
      stroke-dashoffset: 52.215354919433594px;
      stroke-dasharray: 26.107677459716797px;
    }
  }
  
  @keyframes animate-svg-stroke-43 {
    0% {
      stroke-dashoffset: 26.107677459716797px;
      stroke-dasharray: 26.107677459716797px;
    }
  
    100% {
      stroke-dashoffset: 52.215354919433594px;
      stroke-dasharray: 26.107677459716797px;
    }
  }
  
  .svg-elem-43 {
    -webkit-animation: animate-svg-stroke-43 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s both;
            animation: animate-svg-stroke-43 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.04s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-44 {
    0% {
      stroke-dashoffset: 16.632768630981445px;
      stroke-dasharray: 16.632768630981445px;
    }
  
    100% {
      stroke-dashoffset: 33.26553726196289px;
      stroke-dasharray: 16.632768630981445px;
    }
  }
  
  @keyframes animate-svg-stroke-44 {
    0% {
      stroke-dashoffset: 16.632768630981445px;
      stroke-dasharray: 16.632768630981445px;
    }
  
    100% {
      stroke-dashoffset: 33.26553726196289px;
      stroke-dasharray: 16.632768630981445px;
    }
  }
  
  .svg-elem-44 {
    -webkit-animation: animate-svg-stroke-44 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s both;
            animation: animate-svg-stroke-44 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.16s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-45 {
    0% {
      stroke-dashoffset: 16.3099422454834px;
      stroke-dasharray: 16.3099422454834px;
    }
  
    100% {
      stroke-dashoffset: 32.6198844909668px;
      stroke-dasharray: 16.3099422454834px;
    }
  }
  
  @keyframes animate-svg-stroke-45 {
    0% {
      stroke-dashoffset: 16.3099422454834px;
      stroke-dasharray: 16.3099422454834px;
    }
  
    100% {
      stroke-dashoffset: 32.6198844909668px;
      stroke-dasharray: 16.3099422454834px;
    }
  }
  
  .svg-elem-45 {
    -webkit-animation: animate-svg-stroke-45 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s both;
            animation: animate-svg-stroke-45 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.279999999999999s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-46 {
    0% {
      stroke-dashoffset: 15.691740989685059px;
      stroke-dasharray: 15.691740989685059px;
    }
  
    100% {
      stroke-dashoffset: 31.383481979370117px;
      stroke-dasharray: 15.691740989685059px;
    }
  }
  
  @keyframes animate-svg-stroke-46 {
    0% {
      stroke-dashoffset: 15.691740989685059px;
      stroke-dasharray: 15.691740989685059px;
    }
  
    100% {
      stroke-dashoffset: 31.383481979370117px;
      stroke-dasharray: 15.691740989685059px;
    }
  }
  
  .svg-elem-46 {
    -webkit-animation: animate-svg-stroke-46 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s both;
            animation: animate-svg-stroke-46 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3999999999999995s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-47 {
    0% {
      stroke-dashoffset: 12.729164123535156px;
      stroke-dasharray: 12.729164123535156px;
    }
  
    100% {
      stroke-dashoffset: 25.458328247070312px;
      stroke-dasharray: 12.729164123535156px;
    }
  }
  
  @keyframes animate-svg-stroke-47 {
    0% {
      stroke-dashoffset: 12.729164123535156px;
      stroke-dasharray: 12.729164123535156px;
    }
  
    100% {
      stroke-dashoffset: 25.458328247070312px;
      stroke-dasharray: 12.729164123535156px;
    }
  }
  
  .svg-elem-47 {
    -webkit-animation: animate-svg-stroke-47 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s both;
            animation: animate-svg-stroke-47 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.52s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-48 {
    0% {
      stroke-dashoffset: 13.354446411132812px;
      stroke-dasharray: 13.354446411132812px;
    }
  
    100% {
      stroke-dashoffset: 26.708892822265625px;
      stroke-dasharray: 13.354446411132812px;
    }
  }
  
  @keyframes animate-svg-stroke-48 {
    0% {
      stroke-dashoffset: 13.354446411132812px;
      stroke-dasharray: 13.354446411132812px;
    }
  
    100% {
      stroke-dashoffset: 26.708892822265625px;
      stroke-dasharray: 13.354446411132812px;
    }
  }
  
  .svg-elem-48 {
    -webkit-animation: animate-svg-stroke-48 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s both;
            animation: animate-svg-stroke-48 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.64s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-49 {
    0% {
      stroke-dashoffset: 15.24781322479248px;
      stroke-dasharray: 15.24781322479248px;
    }
  
    100% {
      stroke-dashoffset: 30.49562644958496px;
      stroke-dasharray: 15.24781322479248px;
    }
  }
  
  @keyframes animate-svg-stroke-49 {
    0% {
      stroke-dashoffset: 15.24781322479248px;
      stroke-dasharray: 15.24781322479248px;
    }
  
    100% {
      stroke-dashoffset: 30.49562644958496px;
      stroke-dasharray: 15.24781322479248px;
    }
  }
  
  .svg-elem-49 {
    -webkit-animation: animate-svg-stroke-49 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s both;
            animation: animate-svg-stroke-49 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.76s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-50 {
    0% {
      stroke-dashoffset: 13.186942100524902px;
      stroke-dasharray: 13.186942100524902px;
    }
  
    100% {
      stroke-dashoffset: 26.373884201049805px;
      stroke-dasharray: 13.186942100524902px;
    }
  }
  
  @keyframes animate-svg-stroke-50 {
    0% {
      stroke-dashoffset: 13.186942100524902px;
      stroke-dasharray: 13.186942100524902px;
    }
  
    100% {
      stroke-dashoffset: 26.373884201049805px;
      stroke-dasharray: 13.186942100524902px;
    }
  }
  
  .svg-elem-50 {
    -webkit-animation: animate-svg-stroke-50 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s both;
            animation: animate-svg-stroke-50 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.88s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-51 {
    0% {
      stroke-dashoffset: 12.681180000305176px;
      stroke-dasharray: 12.681180000305176px;
    }
  
    100% {
      stroke-dashoffset: 25.36236000061035px;
      stroke-dasharray: 12.681180000305176px;
    }
  }
  
  @keyframes animate-svg-stroke-51 {
    0% {
      stroke-dashoffset: 12.681180000305176px;
      stroke-dasharray: 12.681180000305176px;
    }
  
    100% {
      stroke-dashoffset: 25.36236000061035px;
      stroke-dasharray: 12.681180000305176px;
    }
  }
  
  .svg-elem-51 {
    -webkit-animation: animate-svg-stroke-51 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both;
            animation: animate-svg-stroke-51 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-52 {
    0% {
      stroke-dashoffset: 11.951203346252441px;
      stroke-dasharray: 11.951203346252441px;
    }
  
    100% {
      stroke-dashoffset: 23.902406692504883px;
      stroke-dasharray: 11.951203346252441px;
    }
  }
  
  @keyframes animate-svg-stroke-52 {
    0% {
      stroke-dashoffset: 11.951203346252441px;
      stroke-dasharray: 11.951203346252441px;
    }
  
    100% {
      stroke-dashoffset: 23.902406692504883px;
      stroke-dasharray: 11.951203346252441px;
    }
  }
  
  .svg-elem-52 {
    -webkit-animation: animate-svg-stroke-52 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s both;
            animation: animate-svg-stroke-52 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.12s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-53 {
    0% {
      stroke-dashoffset: 14.066936492919922px;
      stroke-dasharray: 14.066936492919922px;
    }
  
    100% {
      stroke-dashoffset: 28.133872985839844px;
      stroke-dasharray: 14.066936492919922px;
    }
  }
  
  @keyframes animate-svg-stroke-53 {
    0% {
      stroke-dashoffset: 14.066936492919922px;
      stroke-dasharray: 14.066936492919922px;
    }
  
    100% {
      stroke-dashoffset: 28.133872985839844px;
      stroke-dasharray: 14.066936492919922px;
    }
  }
  
  .svg-elem-53 {
    -webkit-animation: animate-svg-stroke-53 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s both;
            animation: animate-svg-stroke-53 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.24s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-54 {
    0% {
      stroke-dashoffset: 13.066306114196777px;
      stroke-dasharray: 13.066306114196777px;
    }
  
    100% {
      stroke-dashoffset: 26.132612228393555px;
      stroke-dasharray: 13.066306114196777px;
    }
  }
  
  @keyframes animate-svg-stroke-54 {
    0% {
      stroke-dashoffset: 13.066306114196777px;
      stroke-dasharray: 13.066306114196777px;
    }
  
    100% {
      stroke-dashoffset: 26.132612228393555px;
      stroke-dasharray: 13.066306114196777px;
    }
  }
  
  .svg-elem-54 {
    -webkit-animation: animate-svg-stroke-54 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s both;
            animation: animate-svg-stroke-54 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.359999999999999s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-55 {
    0% {
      stroke-dashoffset: 12.132678985595703px;
      stroke-dasharray: 12.132678985595703px;
    }
  
    100% {
      stroke-dashoffset: 24.265357971191406px;
      stroke-dasharray: 12.132678985595703px;
    }
  }
  
  @keyframes animate-svg-stroke-55 {
    0% {
      stroke-dashoffset: 12.132678985595703px;
      stroke-dasharray: 12.132678985595703px;
    }
  
    100% {
      stroke-dashoffset: 24.265357971191406px;
      stroke-dasharray: 12.132678985595703px;
    }
  }
  
  .svg-elem-55 {
    -webkit-animation: animate-svg-stroke-55 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s both;
            animation: animate-svg-stroke-55 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4799999999999995s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-56 {
    0% {
      stroke-dashoffset: 10.621208190917969px;
      stroke-dasharray: 10.621208190917969px;
    }
  
    100% {
      stroke-dashoffset: 21.242416381835938px;
      stroke-dasharray: 10.621208190917969px;
    }
  }
  
  @keyframes animate-svg-stroke-56 {
    0% {
      stroke-dashoffset: 10.621208190917969px;
      stroke-dasharray: 10.621208190917969px;
    }
  
    100% {
      stroke-dashoffset: 21.242416381835938px;
      stroke-dasharray: 10.621208190917969px;
    }
  }
  
  .svg-elem-56 {
    -webkit-animation: animate-svg-stroke-56 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both;
            animation: animate-svg-stroke-56 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-57 {
    0% {
      stroke-dashoffset: 11.000682830810547px;
      stroke-dasharray: 11.000682830810547px;
    }
  
    100% {
      stroke-dashoffset: 22.001365661621094px;
      stroke-dasharray: 11.000682830810547px;
    }
  }
  
  @keyframes animate-svg-stroke-57 {
    0% {
      stroke-dashoffset: 11.000682830810547px;
      stroke-dasharray: 11.000682830810547px;
    }
  
    100% {
      stroke-dashoffset: 22.001365661621094px;
      stroke-dasharray: 11.000682830810547px;
    }
  }
  
  .svg-elem-57 {
    -webkit-animation: animate-svg-stroke-57 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s both;
            animation: animate-svg-stroke-57 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.72s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-58 {
    0% {
      stroke-dashoffset: 11.715389251708984px;
      stroke-dasharray: 11.715389251708984px;
    }
  
    100% {
      stroke-dashoffset: 23.43077850341797px;
      stroke-dasharray: 11.715389251708984px;
    }
  }
  
  @keyframes animate-svg-stroke-58 {
    0% {
      stroke-dashoffset: 11.715389251708984px;
      stroke-dasharray: 11.715389251708984px;
    }
  
    100% {
      stroke-dashoffset: 23.43077850341797px;
      stroke-dasharray: 11.715389251708984px;
    }
  }
  
  .svg-elem-58 {
    -webkit-animation: animate-svg-stroke-58 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s both;
            animation: animate-svg-stroke-58 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.84s both;
  }
  
  @-webkit-keyframes animate-svg-stroke-59 {
    0% {
      stroke-dashoffset: 10.413494110107422px;
      stroke-dasharray: 10.413494110107422px;
    }
  
    100% {
      stroke-dashoffset: 20.826988220214844px;
      stroke-dasharray: 10.413494110107422px;
    }
  }
  
  @keyframes animate-svg-stroke-59 {
    0% {
      stroke-dashoffset: 10.413494110107422px;
      stroke-dasharray: 10.413494110107422px;
    }
  
    100% {
      stroke-dashoffset: 20.826988220214844px;
      stroke-dasharray: 10.413494110107422px;
    }
  }
  
  .svg-elem-59 {
    -webkit-animation: animate-svg-stroke-59 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s both;
            animation: animate-svg-stroke-59 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.96s both;
  }
  

  .cls-1,.cls-2,.cls-3,.cls-4 {
      fill:none;
      stroke:rgb(255, 255, 255);
      stroke-miterlimit:10;
    }
    .cls-2 {
        stroke-width:0.99px;
    }
    .cls-3 {
        stroke-width:0.99px;
    }
    .cls-4 {
        stroke-width:0.99px;
    }

body.home .site-title {
    position: relative;
}

body.home .site-title .site_svg {
    position: absolute;
    /* top:0; */
    /* left:0; */
    inset:1px;
    z-index: -10;
}

/* body.home .site-title a img {
    opacity: 0;
} */

body.home:not(.loaded) .site-title a img {
  -webkit-animation: 4700ms ease 0s normal forwards 1 fadein;
  animation: 4700ms ease 0s normal forwards 1 fadein;
}

@keyframes fadein {
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes fadein {
  0% { opacity:0; }
  66% { opacity:0; }
  100% { opacity:1; }
}


/* .shimmer {
  font-family: "Lato";
  font-weight: 300;
  font-size: 3em;
  margin: 0 auto;
  padding: 0 140px 0 0;
  display: inline;
  margin-bottom: 0;
} */

/* p a {
  text-decoration: none;
  color: #fff;
}

p a:visted {
  color: #fff;
} */

.shimmer {
  color: grey;
  display:inline-block;
  -webkit-mask:linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 2s infinite cubic-bezier(0.4, 0, 1, 1);
  /* max-width: fit-content; */
  font-weight: 600;
}

 @keyframes shimmer {
 100% {-webkit-mask-position:left}
}