body {
  background: rgb(0, 29, 45);
  background: radial-gradient(circle, rgb(0, 26, 41) 50%, rgba(0, 0, 0, 1) 100%);

}

.card {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
}

.grid-child.container-component {
  z-index: 60;

}

.top-b,
.top-a {
  z-index: 60;
}

/* topbar*/

.container-header {
  background-color: transparent;
  background-image: none;
  z-index: 100;

}

.container-topbar {
  position: absolute;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas:
    "mod-custom112 . navbar navbar"
    "mod-custom112 . mod-custom115 mod-languages"
  ;
}

#mod-custom112 {
  grid-area: mod-custom112;
}

#mod-custom112 img {
  transition: scale 0.5s ease-in-out;
  padding: 0.5em 0.5em 0.5em 1em;
  margin-top: 1em;
}
#mod-custom112 img:hover {
scale: 105%;
}

#mod-custom115 {
  grid-area: mod-custom115;
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;
}

.mod-languages {
  grid-area: mod-languages;
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;
}

div.mod-languages ul li.lang-active {
  background-color: transparent;
}

.navbar {
  width: auto;
  grid-area: navbar;
  display: flex;
  justify-content: flex-end;
  align-content: flex-end;

}


/* press*/
.press-all {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  padding: 0.5em;
  margin-bottom: 0.3em;
  transition: scale 0.58s ease-in-out;
  border-radius: 25px;
}

a {
  color: #000;
  text-decoration: none;
}

.press-all:hover {
  scale: 105%;
}

.press-date {
  padding-right: 1em;
}

.press-review {
  padding-right: 1em;
}

.press-state {
  padding-right: 1em;
}

/* module concerts*/
.concert-list {
  display: flex;
  flex-direction: row;
}

.concert-title {
  margin-left: 15px;
  padding: 0.3em;
  background-color: #fff;
  opacity: 0.6;
  border-radius: 7px;
}

.concert-date {
  background-color: #ccc;
  padding: 5px;
  border-radius: 7px;
}

.mod-articles-category-introtext {
  padding: .25em 0;
  font-size: 20px;
}

/* module news*/
.news-all {
  display: flex;
  flex-direction: row;
}

.news-image {
  width: 70px;
  height: 70px;
  margin: 7px;
  overflow: hidden;
  border-radius: 50%;
  z-index: 100;
  border: 2px solid #000000;
}

.news-title {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 50;
}

.news-title h4 {
  font-size: 16px;
  margin-left: -2em;
  padding: 0.3em 0.3em 0.3em 2em;
  background-color: #fff;
  border-radius: 7px;
}

.card-header {

  border-bottom: 0px;

}

.newsflash-image {
  width: 70px;

}

/* module videos*/
.videos-all {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;

}

.video-all {

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.video-image {
  width: 100%;
}

.video-text a {
  transition: color 0.5s ease-in-out;
  color: #fff;
}
.video-text a:hover {
  color: #5d6dca;
}
.main-bottom h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 5em;
}

/* module-albums*/
#mod-custom128 {
  margin-top: -300px;
  margin-bottom: -100px;

}

.album {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1em;
  margin: 1em;
  background-color: #00000042;
  width: 30%;
}

.albums {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.albums img {
  width: 100%;
  height: auto;
}

.myText {
  position: absolute;
  top: 0;
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  position: relative;
}

.myText h1 {
  font-size: 1.5vw;
}

.myText h2 {
  font-size: 3.5vw;

}

.myText h2 img {
  height: auto;
}


.myText h3 {

  font-size: 1.2vw;
}

.myText h3 button {
  border-radius: 20px;
  background-color: #000;
  color: #fff;
  border: 1px solid black;
  padding: 10px;
}

.myText h3 button:hover {
  border-radius: 15px;
  background-color: #fff;
  color: #000;
  border: 1px solid white;
}

.myText h4 {

  font-size: 1.2vw;
}

.ticket-button {
  display: flex;
  flex-direction: row;
  gap: 0.5em;
  animation: 5.3s anim-popoutin ease infinite;
}

.myText h4 button {

  border-radius: 20px;
  background-color: #000;
  color: #fff;
  border: 1px solid black;
  padding: 10px;
}

.myText h4 button:hover {
  border-radius: 15px;
  background-color: #fff;
  color: #000;
  border: 1px solid white;
}

/* social-icon*/
.social-icon {
  display: flex;
  flex-direction: row;

}

.social-icon div img {
  width: 30px;
  padding: 5px;
}

/* partners */
#mod-custom116 {
  background: rgb(0, 29, 45);
  background: radial-gradient(circle, rgba(0, 29, 45, 1) 50%, rgba(0, 0, 0, 1) 100%);
  padding: 2rem;
  border-top: 3px solid black;
}

.partners-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}

.partners-flex div img {
  height: 2rem;
  margin: 1rem;
}

/* video tag */
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 0;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#myVideo {

  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#myVideo {

  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Footer */
.footer {
  background-color: transparent;
  background-image: none;
}

.footer .grid-child {
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

#mod-custom111, #mod-custom142, #mod-custom143 {
  width: 100%;
  background: rgb(15, 15, 15);
  background: radial-gradient(circle, rgba(15, 15, 15, 1) 50%, rgba(0, 0, 0, 1) 100%);
  padding: 1em;
}

.footer p {
  margin-bottom: 0px;
}

/* downloads */
.download-all {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;

}
.download-button {
  display: flex;
  justify-content: flex-end;

}

.download-button button {
  width: fit-content;
  margin: 10px;
  padding: 5px 10px 5px 10px;
  border-radius: 15px;
  border: 1px solid black;
  background-color: white;
  color: #000;
  transition: background-color 0.8s ease-in-out;
}

.download-button button:hover {
  background-color: black;
  color: white;
  border: 1px solid white;
}

/* gallery */
.gallery-all {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.gallery-photos img {
  padding: 10px;
}

/* article - band */
.band-all {
  display: flex;
  flex-direction: row;
  gap: 2em;
}

.band {
  width: 45%;
  display: flex;
  flex-direction: column;
}

/* Footer */
.container-footer.footer.full-width {
  z-index: 20;
}

/* Footer - contact - article */
.contact-all-all {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.contact-all2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 2em;
  padding: 2em;
  border: 1px dotted #ffffff;
}

.contact-photo2 {
  width: 60px;
  margin: 0.5em;
}

.contact-photo2 img {
  border-radius: 50%;
}

/* Footer - contact */
.footer .grid-child {
  padding: 0;
border-top: 2px solid black;
}

.contact-all {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.contact-photo {
  width: 40px;
  margin: 0.5em;
}

.contact-photo img {
  border-radius: 50%;
}

/* ANIMATIONS */
/* ANIMATIONS-circle */

.site-grid {
  overflow: hidden;

  width: 100%;
}

#mod-custom130 {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 70%;
  overflow: hidden;
}

.circle-all {
  position: absolute;
  width: 100%;
  height: 70%;
  overflow: hidden;
}

.circle {

  padding-top: 30%;
  padding-left: 30%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.circles {

  padding-top: 50%;
  padding-left: 70%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.circle1 {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: 2px solid rgb(0, 14, 123);
  animation: circle1 5s ease-in-out infinite, circle1-op 5s ease-in-out infinite;
  -webkit-animation: circle1 5s ease-in-out infinite, circle1-op 5s ease-in-out infinite;

}

.circle2 {
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  border: 2px solid rgb(0, 48, 111);
  animation: circle2 4s ease-in-out infinite, circle2-op 4s ease-in-out infinite;
  -webkit-animation: circle2 4s ease-in-out infinite, circle2-op 4s ease-in-out infinite;
}

.circle3 {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  border: 2px solid rgb(0, 58, 133);
  animation: circle3 6s ease-in-out infinite, circle3-op 6s ease-in-out infinite;
  -webkit-animation: circle3 6s ease-in-out infinite, circle3-op 6s ease-in-out infinite;
}

@keyframes circle1 {
  0% {
    transform: scale(1.0);
  }

  100% {
    transform: scale(2.0);
  }
}

@keyframes circle1-op {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes circle2 {
  0% {
    transform: scale(1.0);
  }

  100% {
    transform: scale(2.0);
  }
}

@keyframes circle2-op {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes circle3 {
  0% {
    transform: scale(1.0);
  }

  100% {
    transform: scale(2.0);
  }
}

@keyframes circle3-op {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.circle4 {
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  border: 2px solid rgb(0, 14, 123);
  animation: circle4 8s ease-in-out infinite, circle4-op 8s ease-in-out infinite;
  -webkit-animation: circle4 8s ease-in-out infinite, circle4-op 8s ease-in-out infinite;

}

.circle5 {
  position: absolute;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  border: 2px solid rgb(0, 48, 111);
  animation: circle5 12s ease-in-out infinite, circle5-op 12s ease-in-out infinite;
  -webkit-animation: circle5 12s ease-in-out infinite, circle5-op 12s ease-in-out infinite;
}

.circle6 {
  position: absolute;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  border: 2px solid rgb(0, 58, 133);
  animation: circle6 10s ease-in-out infinite, circle6-op 10s ease-in-out infinite;
  -webkit-animation: circle6 10s ease-in-out infinite, circle6-op 10s ease-in-out infinite;
}

@keyframes circle4 {
  0% {
    transform: scale(1.0);
  }

  100% {
    transform: scale(2.0);
  }
}

@keyframes circle4-op {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes circle5 {
  0% {
    transform: scale(1.0);
  }

  100% {
    transform: scale(2.0);
  }
}

@keyframes circle5-op {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes circle6 {
  0% {
    transform: scale(1.0);
  }

  100% {
    transform: scale(2.0);
  }
}

@keyframes circle6-op {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* TRANSITIONS */
.mod-menu>li:hover {
  background-color: black;
  transition-duration: 2s;
  transition-timing-function: ease-out;
}

.video-all,
.news-all,
.social-icon img {
  transform-origin: 7% 7%;
  transition: transform 1s, filter .5s ease-out;
  transform-origin: center center;
}

.video-all:hover,
.news-all:hover,
.social-icon img:hover {
  transform: scale(1.1);
}

.social-icon img {
  transform-origin: 7% 7%;
  transition: transform 1s, filter .5s ease-out;
  transform-origin: center center;
}

.social-icon img:hover {
  transform: scale(1.3);
}

.mod-languages__list.lang-inline li {
  transform-origin: 7% 7%;
  transition: transform 1s, filter .5s ease-out;
  transform-origin: center center;
}

.mod-languages__list.lang-inline li:hover {
  transform: scale(1.3);
}

/* FONTS */
h1,
h2,
h3,
nav {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
}

.metismenu.mod-menu .metismenu-item {
  font-size: 1.3rem;

}
.container-header .metismenu>li.active>a::after,
/* underline remove from menu */
.container-header .metismenu>li>a:hover::after,
.container-header .metismenu>li>button:hover::before {
    background: transparent;
}
.container-header .mod-menu > li > a:hover{
  color:#464dc8;
}
.container-header .mod-menu > li > a{
  transition: color 0.5s ease-in-out;
}
h3.card-header {
  color: #002c85;
  background-color: #00043f2f;

}

.top-b.card h3 {
  margin-bottom: -0.4em;
  margin-left: -0.2em;
  margin-top: 0.5em;
  font-size: 6em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  padding-top: 0.1em;
  width: fit-content;
}

.main-bottom.card h3 {

  width: fit-content;

  font-size: 7em;
  margin-left: auto;
  margin-right: auto;

  padding-top: 0.1em;
}

.concert-title,
.news-title h4,
.video-text {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-size: 1.2em;
}

.concert-date {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  font-size: 1.2em;
}

p {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  color: #ffffff;
}

a:not([class]) {
  text-decoration: none;
}

.page-header h1 {
  font-size: 8em;
  color: #ffffff;
  text-align: center;
}

.com-content-category-blog h1 {
  font-size: 8em;
  color: #ffffff;
  text-align: center;
}

.main-top h3 {
  font-size: 8em;
  color: #ffffff;
  text-align: center;
}

.page-header h2 a {
  color: #ffffff;
  transition: color 0.5s ease-in-out;
}
.page-header h2 a:hover {
  color: #4e58c0;
}
.left.item-image img:hover{
  scale: 110%;
}
.left.item-image img{
  transition: scale 0.5s ease-in-out;
}
/* mobile screen */
@media only screen and (max-width: 768px) {
  .container-topbar {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      "mod-custom112 mod-custom112"
      "navbar  navbar"
      "mod-custom115 mod-languages"
    ;
  }

  #mod-custom112 {
    margin-left: 3em;
    margin-right: 3em;
    display: flex;
    justify-content: center;
  }

  .navbar {
    justify-content: center;
  }

  .container-header .navbar-toggler {
    width: 100%;
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: 1em;
  }

  .metismenu.mod-menu .metismenu-item {
    display: flex;
    justify-content: center;
    background-color: black;
    opacity: 0.7;

  }
  .mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list{
    border-top: 1px solid white;
    border-bottom: 1px solid white;
  }
  #mod-custom113 {
    width: 300%;
    margin-left: -120%;

  }

  #mod-custom115 {
    justify-content: flex-end;
  }

  .mod-languages {
    justify-content: flex-start;
  }

  #mod-custom128 {
    margin-top: -100px;
    margin-bottom: -30px;
  }
  .album {
    width: 100%;
    padding: 0em;
  }
  .myText h3 {
    font-size: 1em;
  }
  .myText h4 {
    font-size: 1em;
  }
  .top-b.card h3 {
    font-size: 4em;
}
.concert-date {

  font-size: 1em;
}
.concert-title {
  width: 100%;
  font-size: 1em;
}
p.mod-articles-category-introtext {
  padding: 0em 0;
  font-size: 0px;
}
.main-bottom.card h3 {
  font-size: 4em;
  margin-top: 0em;
}
.videos-all {
  overflow: hidden;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;

}
.partners-flex div img {
  height: 1.5rem;
  margin: 0.5rem;
}
.com-content-article.item-page, .com-content-category-blog.blog, .main-top.card {
  margin-top: 200px;
}

.band {
  width: 100%;

}
.main-top h3, .page-header h1, .com-content-category-blog h1 {
  font-size: 5em;

}
.band-all {

  flex-direction: column;
  gap: 0em;
}
.gallery-all {

  grid-template-columns: repeat(1, 1fr);
}
.press-all {
  display: grid;
  grid-template-columns: repeat(4, auto);

}

}


/* nunito-200 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/nunito-v26-latin_latin-ext-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-200italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/nunito-v26-latin_latin-ext-200italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-v26-latin_latin-ext-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/nunito-v26-latin_latin-ext-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v26-latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/nunito-v26-latin_latin-ext-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/nunito-v26-latin_latin-ext-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/nunito-v26-latin_latin-ext-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v26-latin_latin-ext-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/nunito-v26-latin_latin-ext-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v26-latin_latin-ext-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/nunito-v26-latin_latin-ext-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/nunito-v26-latin_latin-ext-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-800italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/nunito-v26-latin_latin-ext-800italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/nunito-v26-latin_latin-ext-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-900italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/nunito-v26-latin_latin-ext-900italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* libre-bodoni-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Libre Bodoni';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/libre-bodoni-v5-latin_latin-ext-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-300 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-300italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-300italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-regular - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-500 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-500italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-500italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-600 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-600italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-600italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-700 - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* chakra-petch-700italic - latin_latin-ext */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Chakra Petch';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/chakra-petch-v11-latin_latin-ext-700italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}