/* Pixel1 Tecnologia - Todos os direitos reservados */
@import url("https://fonts.googleapis.com/css2?family=Public+Sans: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.cdnfonts.com/css/circe");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
:root {
  --acrylicPanel: rgba(25, 35, 32, 0.5);
  --feeds-img-radius: 16px;
  --feeds-img-overlay-bg: #38c0f9;
  --feeds-img-overlay-text: #fff;
  --feeds-hat-color: #38c0f9;
  --feeds-hat-hover: #38c0f9;
  --feeds-title-hover: #38c0f9;
  --feeds-excert-hover: #38c0f9;
  --grids-gap: 4rem;
  --grids-gap-m: 2.5rem;
  --grids-start-margin: 2.5rem;
  --grids-start-margin-m: 2.5rem;
  --grids-end-margin: 7.5rem;
  --grids-end-margin-m: 5rem;
  --main-color: #0d6efd;
  --main-hover-color: #0a58ca;
  --user-button-circle: rgba(0,0,0,0.025);
  --user-button-cardborder: rgba(255,255,255,0.25);
  --user-button-text:#323133;
  --user-button-shadow:rgba(0,0,0,0.1);
}

.light {
  --background-color: #f2f2f2;
  --background-dark-color: #101012;
  --inverted-color: #101010;
  --inverted-secondary-color: #171717;
  --light-one: #d9d9d9;
  --light-two: #101012;
  --text-color: #101012;
  --text-active-color: #fff;
  --text-btn-color: #101012;
  --text-btn-primary: #fff;
  --background-player-color: #101010e0;
  --qr-bg-color: #000;
  --background-nav-color: #101012;
  --background-secondary-color: #101010;
  --placeholder-color: #161c213d;
  --background-hovered: #e7e7e7;
  --feeds-title-color: rgb(0 0 0 / 80%);
  --feeds-excert-color: rgb(0 0 0 / 60%);
  --linegradient: linear-gradient(265.73deg, #d5d5d5 3.48%, #e7e7e7 57.27%, #b3b3b3 96.52%);
  --background-light-color: #f2f2f2;
  --border-color: rgba(34, 41, 47, 0.125);
  --card-color: #fff;
  --bs-body-bg: var(
  --card-color);
  --bs-dropdown-header-color: inherit;
  --user-button-circle: rgba(0,0,0,0.025);
  --user-button-cardborder: rgba(255,255,255,0.25);
  --user-button-text:#323133;
  --user-button-shadow:rgba(0,0,0,0.1);
}

.dark {
  --background-color: #101012;
  --background-light-color: #f2f2f2;
  --background-secondary-color: #232323;
  --inverted-secondary-color: #ffffff;
  --light-one: #ffffff;
  --light-two: #fffa;
  --text-color: #ffff;
  --text-btn-color: #fff;
  --text-btn-primary: #fff;
  --text-active-color: #101012;
  --inverted-color: #ffff;
  --background-player-color: #1f1f1fe0;
  --background-nav-color: #171717;
  --placeholder-color: #ffffff40;
  --background-hovered: #181818;
  --feeds-title-color: rgba(255, 255, 255, 0.8);
  --feeds-excert-color: rgba(255, 255, 255, 0.6);
  --linegradient: linear-gradient(265.73deg, #252525 3.48%, #323232 57.27%, #545454 96.52%);
  --background-dark-color: #101012;
  --border-color: rgba(255, 255, 255, 0.08);
  --card-color: #232323;
  --qr-bg-color: #000000;
  --bs-body-bg: var(
  --background-color);
  --bs-body-color: #fff;
  --bs-border-color: #232323;
--bs-dropdown-header-color: rgba(255, 255, 255, 0.8);
}

*,
::before,
::after {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

body {
  font-family: "Public Sans", sans-serif;
  background-color: var(--background-color);
  --bs-btn-disabled-opacity: .5;
}

#animationWindow {
  width: 100%;
  height: 100%;
 }
div#preloader {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index:99999;
}
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

img {
  width: 100%;
}

a {
  text-decoration: none;
}

.big-wrapper {
  position: relative;
  padding: 0px;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: .2s;
}

.container {
  position: relative;
  max-width: 81rem;
  width: 100%;
  margin: 0px auto;
  padding: 0px 3rem;
}

header {
  position: fixed;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: 0.3s;
  z-index: 999;
  width: 100%;
  background: transparent;
  top: 0px;
}

header.scroll {
  z-index: 9999;
  padding-bottom: 20px;
  padding-top: 20px!important;
  position: fixed !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: var(--background-player-color) !important;
  transition: 0.2s;
  top: 0px;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .container .menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.overlay {
  display: none;
}

.logo img {
  width: 250px;
}

.dark .logo.brand-logo.dark {
  opacity: 1;
  display: block;
}

.light .logo.brand-logo.dark {
  opacity: 0;
  display: none;
}

.dark .logo.brand-logo.light {
  display: none;
  opacity: 0;
}

.light .logo.brand-logo.light {
  opacity: 1;
  display: block;
}

.light header.scroll .brand-logo.dark {
  opacity: 1;
  display: block;
}

.light header.scroll .brand-logo.light {
  opacity: 0;
  display: none;
}

.links a {
  color: #fff;
  margin-left: 2rem;
  display: inline-block;
  transition: all 0.3s ease 0s;
  font-weight: 600;
  font-size: .8rem;
}

.small-slide .links a {
  color: #000;
}

.big-wrapper.active .links a {
  color: #fff!important;
}

.dark .links a {
  color: #fff;
}

.light header.scroll .links a{
  color: #fff;
}

.links a:hover {
  color: var(--main-hover-color);
}

.links .active {
  color: var(--main-color);
  font-weight: bold;
}

.btn {
  display: inline-block;
  padding: 0.9rem 2rem;
  border-radius: 15px;
  background: var(--inverted-color);
  color: var(--text-btn-color);
  font-family: "Public sans", sans-serif;
  font-weight: 600;
  border: solid 1px var(
  --inverted-secondary-color);
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
  border: none;
  font-size: .8rem;
  border: 1px solid rgb(255 255 255 / 20%);
}

.btn-info{
  background: transparent;
  border: solid 1px var(--border-color);
}

.btn-outline{
  background: transparent!important;
  border: solid 1px var(--border-color);
}

.hamburger-menu {
  position: relative;
  z-index: 99999;
  width: 50px;
  height: 46px;
  border-radius: 16px;
  border: solid 1px var(--inverted-secondary-color);
  background-color: var(--background-dark-color);
  color: rgb(255, 255, 255);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}

.dark .hamburger-menu {
  background-color: var(--background-light-color);
  color: rgb(16, 16, 18);
}


.hamburger-menu .open {
  display: block;
}

.hamburger-menu .close {
  display: none;
}

.big-wrapper.active .hamburger-menu .close {
  display: block;
}

.big-wrapper.active .hamburger-menu .open {
  display: none;
}

.toggle-btn {
  display: inline-block;
  border: none;
  background-color: var(--background-dark-color);
  color: var(--background-color);
  width: 39px;
  height: 39px;
  cursor: pointer;
  outline: none;
  border-radius: 50%;
  font-size: 1.1rem;
  transition: all 0.3s ease 0s;
}

.dark .toggle-btn {
  display: inline-block;
  border: none;
  background-color: var(--background-light-color);
  color: var(--background-color);
  width: 39px;
  height: 39px;
  cursor: pointer;
  outline: none;
  border-radius: 50%;
  font-size: 1.1rem;
  transition: all 0.3s ease 0s;
}

.toggle-btn i {
  line-height: 39px;
}

.toggle-btn:hover {
  background-color: var(--main-color);
}

body.light .toggle-btn i:last-child {
  display: none;
}

body.light .toggle-btn i:first-child {}

body.dark .toggle-btn i:last-child {
  display: block;
}

body.dark .toggle-btn i:first-child {
  display: none;
}

.btn-login {
  display: none;
}

.copy {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  animation: 1s ease 0s 1 normal both running appear;
}

.card {
  padding: 10px;
  background: transparent;
  border-radius: 16px;
  position: relative;
  height: 100%;
  width: 100%;
}

.big-wrapper.light.active .hamburger-menu {
  background-color: var(--background-color);
  color: rgb(16, 16, 18);
}

.dark .big-wrapper.active .hamburger-menu {
  background-color: var(--background-light-color);
  color: rgb(16, 16, 18);
}

.slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-size: cover!important;
  height: 86vh;
  background-position: center !important;
  max-height: 820px;
}

.slide .content {
  font-family: Circe, sans-serif;
  position: absolute;
  z-index: 99;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  color: rgb(255, 255, 255);
  padding-bottom: 130px;
}

.slide .content h1 {
  padding-bottom: 1rem;
  padding-top: 1rem;
  font-size: 68px;
  font-weight: bold;
  color: inherit;
}

.slide .content description {
  font-family: "Circe Extra Light", sans-serif;
  width: 66%;
}

.banner footer {
  position: absolute;
  z-index: 99;
  bottom: 0px;
  width: 100%;
  background: transparent;
}

.banner footer .player {
  height: 120px;
  background-color: #171717;
}

.banner {
  position: relative;
}

.banner-blog footer {
  z-index: 99;
  bottom: 3px;
  width: 100%;
  background: transparent;
}

.banner-blog .adonis-player-wrap {
  background: var(--background-player-color);
}

.banner-blog footer .player {
  height: 120px;
  background-color: #171717;
}

.banner-blog {
  position: relative;
}

.whatsapp {
  padding: 0px;
  cursor: pointer;
}

.whatsapp .btn {
  background: #5aff762e !important;
  border-color: rgba(37, 211, 102, 0.08) !important;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex !important;
  transition: 0.5s;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 100px;
  height: 50px;
  width: 50px;
  align-items: center !important;
  justify-content: center;
  border: solid 1px;
  border-color: rgb(37 211 99 / 8%);
}

@keyframes appear {
  0% {}

  100% {
    clip-path: circle(150% at 0% 0%);
  }
}

@media screen and (max-width: 870px) {
  .hamburger-menu {
    display: flex;
  }

  .btn-app {
    display: flex!important;
  }
  .dark .menu {
      background-color: var(--background-color);
  }
  .menu {
    position: fixed;
    top: 0px;
    right: 0px;
    max-width: 350px;
    z-index: 99999;
    width: 100%;
    height: 100vh;
    background-color: var(--background-secondary-color);
    transform: translateX(100%);
    transition: all 0.5s ease 0s;
    justify-content: space-evenly !important;
    flex-direction: column !important;
  }

  .links ul {
    flex-direction: column;
  }

  .links a {
    color: rgb(255, 255, 255);
    margin-left: 0px;
    padding: 1rem 0px;
  }

  .links .btn {
    background: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    border-color: rgb(242, 242, 242);
  }

  .overlay {
    display: block;
    position: fixed;
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease 0s;
    backdrop-filter: blur(5px);
  }

  .big-wrapper.active .menu {
    transform: translateX(0px);
  }

  .big-wrapper.active .toggle-btn {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 10px;
  }

  .big-wrapper.active .overlay {
    pointer-events: all;
    opacity: 1;
    z-index: 1;
  }

  .big-wrapper.active .menu .btn-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 150px;
  }

  .big-wrapper.active .menu .btn-login a {
    width: 100%;
    text-align: center;
  }

  .dark .big-wrapper.active .menu .btn-login .btn {
      border-color: #2b2b2b;
      margin-right: 5px;
  }

  .big-wrapper.active .menu .btn-login .btn {
    color: #fff;
    margin: 0px;
    display: flex;
    justify-content: center;
  }

}

@media screen and (max-width: 470px) {
  .container {
    padding: 0px 1.5rem;
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

.pr-1 {
  padding-right: 0.25rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

.grid {
  display: grid;
  grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
  grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
  gap: var(--bs-gap, 1.5rem)
}

.grid .g-col-1 {
  grid-column: auto/span 1
}

.grid .g-col-2 {
  grid-column: auto/span 2
}

.grid .g-col-3 {
  grid-column: auto/span 3
}

.grid .g-col-4 {
  grid-column: auto/span 4
}

.grid .g-col-5 {
  grid-column: auto/span 5
}

.grid .g-col-6 {
  grid-column: auto/span 6
}

.grid .g-col-7 {
  grid-column: auto/span 7
}

.grid .g-col-8 {
  grid-column: auto/span 8
}

.grid .g-col-9 {
  grid-column: auto/span 9
}

.grid .g-col-10 {
  grid-column: auto/span 10
}

.grid .g-col-11 {
  grid-column: auto/span 11
}

.grid .g-col-12 {
  grid-column: auto/span 12
}

.grid .g-start-1 {
  grid-column-start: 1
}

.grid .g-start-2 {
  grid-column-start: 2
}

.grid .g-start-3 {
  grid-column-start: 3
}

.grid .g-start-4 {
  grid-column-start: 4
}

.grid .g-start-5 {
  grid-column-start: 5
}

.grid .g-start-6 {
  grid-column-start: 6
}

.grid .g-start-7 {
  grid-column-start: 7
}

.grid .g-start-8 {
  grid-column-start: 8
}

.grid .g-start-9 {
  grid-column-start: 9
}

.grid .g-start-10 {
  grid-column-start: 10
}

.grid .g-start-11 {
  grid-column-start: 11
}
.gap-row-0 {
  row-gap: 0 !important
}

.gap-row-1 {
  row-gap: .25rem !important
}

.gap-row-2 {
  row-gap: .5rem !important
}

.gap-row-3 {
  row-gap: 1rem !important
}

.gap-row-4 {
  row-gap: 1.5rem !important
}

.gap-row-5 {
  row-gap: 2rem !important;
}

.gap-row-6 {
  row-gap: 2.5rem !important
}

.gap-row-7 {
  row-gap: 3rem !important
}

.gap-row-8 {
  row-gap: 3.5rem !important
}

.gap-row-9 {
  row-gap: 4rem !important
}

.gap-row-10 {
  row-gap: 5rem !important
}

.gap-row-11 {
  row-gap: 6.5rem !important
}

.gap-row-12 {
  row-gap: 7.5rem !important
}

.gap-column-0 {
  column-gap: 0 !important
}

.gap-column-1 {
  column-gap: .25rem !important
}

.gap-column-2 {
  column-gap: .5rem !important
}

.gap-column-3 {
  column-gap: 1rem !important
}

.gap-column-4 {
  column-gap: 1.5rem !important
}

.gap-column-5 {
  column-gap: 2rem !important
}

.gap-column-6 {
  column-gap: 2.5rem !important
}

.gap-column-7 {
  column-gap: 3rem !important
}

.gap-column-8 {
  column-gap: 3.5rem !important
}

.gap-column-9 {
  column-gap: 4rem !important
}

.gap-column-10 {
  column-gap: 5rem !important
}

.gap-column-11 {
  column-gap: 6.5rem !important
}

.gap-column-12 {
  column-gap: 7.5rem !important
}

.grid-columns-1 {
  grid-template-columns: repeat(1, 1fr) !important
}

.grid-columns-2 {
  grid-template-columns: repeat(2, 1fr) !important
}

.grid-columns-3 {
  grid-template-columns: repeat(3, 1fr) !important
}

.grid-columns-4 {
  grid-template-columns: repeat(4, 1fr) !important
}

.grid-columns-5 {
  grid-template-columns: repeat(5, 1fr) !important
}

.grid-columns-6 {
  grid-template-columns: repeat(6, 1fr) !important
}

.grid-columns-7 {
  grid-template-columns: repeat(7, 1fr) !important
}

.grid-columns-8 {
  grid-template-columns: repeat(8, 1fr) !important
}

.grid-columns-9 {
  grid-template-columns: repeat(9, 1fr) !important
}

.grid-columns-10 {
  grid-template-columns: repeat(10, 1fr) !important
}

.grid-columns-11 {
  grid-template-columns: repeat(11, 1fr) !important
}

.grid-columns-12 {
  grid-template-columns: repeat(12, 1fr) !important
}

@media(min-width: 576px) {
  .float-sm-start {
      float:left !important
  }

  .float-sm-end {
      float: right !important
  }

  .float-sm-none {
      float: none !important
  }

  .overflow-sm-auto {
      overflow: auto !important
  }

  .overflow-sm-hidden {
      overflow: hidden !important;
  }

  .overflow-sm-visible {
      overflow: visible !important
  }

  .overflow-sm-scroll {
      overflow: scroll !important
  }
}

@media(min-width: 576px) {
  .grid .g-col-sm-1 {
      grid-column:auto/span 1
  }

  .grid .g-col-sm-2 {
      grid-column: auto/span 2
  }

  .grid .g-col-sm-3 {
      grid-column: auto/span 3
  }

  .grid .g-col-sm-4 {
      grid-column: auto/span 4
  }

  .grid .g-col-sm-5 {
      grid-column: auto/span 5
  }

  .grid .g-col-sm-6 {
      grid-column: auto/span 6
  }

  .grid .g-col-sm-7 {
      grid-column: auto/span 7
  }

  .grid .g-col-sm-8 {
      grid-column: auto/span 8
  }

  .grid .g-col-sm-9 {
      grid-column: auto/span 9
  }

  .grid .g-col-sm-10 {
      grid-column: auto/span 10
  }

  .grid .g-col-sm-11 {
      grid-column: auto/span 11
  }

  .grid .g-col-sm-12 {
      grid-column: auto/span 12
  }

  .grid .g-start-sm-1 {
      grid-column-start: 1
  }

  .grid .g-start-sm-2 {
      grid-column-start: 2
  }

  .grid .g-start-sm-3 {
      grid-column-start: 3
  }

  .grid .g-start-sm-4 {
      grid-column-start: 4
  }

  .grid .g-start-sm-5 {
      grid-column-start: 5
  }

  .grid .g-start-sm-6 {
      grid-column-start: 6
  }

  .grid .g-start-sm-7 {
      grid-column-start: 7
  }

  .grid .g-start-sm-8 {
      grid-column-start: 8
  }

  .grid .g-start-sm-9 {
      grid-column-start: 9
  }

  .grid .g-start-sm-10 {
      grid-column-start: 10
  }

  .grid .g-start-sm-11 {
      grid-column-start: 11
  }
}

@media(min-width: 768px) {
  .grid .g-col-md-1 {
      grid-column:auto/span 1
  }

  .grid .g-col-md-2 {
      grid-column: auto/span 2
  }

  .grid .g-col-md-3 {
      grid-column: auto/span 3
  }

  .grid .g-col-md-4 {
      grid-column: auto/span 4
  }

  .grid .g-col-md-5 {
      grid-column: auto/span 5
  }

  .grid .g-col-md-6 {
      grid-column: auto/span 6
  }

  .grid .g-col-md-7 {
      grid-column: auto/span 7
  }

  .grid .g-col-md-8 {
      grid-column: auto/span 8
  }

  .grid .g-col-md-9 {
      grid-column: auto/span 9
  }

  .grid .g-col-md-10 {
      grid-column: auto/span 10
  }

  .grid .g-col-md-11 {
      grid-column: auto/span 11
  }

  .grid .g-col-md-12 {
      grid-column: auto/span 12
  }

  .grid .g-start-md-1 {
      grid-column-start: 1
  }

  .grid .g-start-md-2 {
      grid-column-start: 2
  }

  .grid .g-start-md-3 {
      grid-column-start: 3
  }

  .grid .g-start-md-4 {
      grid-column-start: 4
  }

  .grid .g-start-md-5 {
      grid-column-start: 5
  }

  .grid .g-start-md-6 {
      grid-column-start: 6
  }

  .grid .g-start-md-7 {
      grid-column-start: 7
  }

  .grid .g-start-md-8 {
      grid-column-start: 8
  }

  .grid .g-start-md-9 {
      grid-column-start: 9
  }

  .grid .g-start-md-10 {
      grid-column-start: 10
  }

  .grid .g-start-md-11 {
      grid-column-start: 11
  }
}

@media(min-width: 992px) {
  .grid .g-col-lg-1 {
      grid-column:auto/span 1
  }

  .grid .g-col-lg-2 {
      grid-column: auto/span 2
  }

  .grid .g-col-lg-3 {
      grid-column: auto/span 3
  }

  .grid .g-col-lg-4 {
      grid-column: auto/span 4
  }

  .grid .g-col-lg-5 {
      grid-column: auto/span 5
  }

  .grid .g-col-lg-6 {
      grid-column: auto/span 6
  }

  .grid .g-col-lg-7 {
      grid-column: auto/span 7
  }

  .grid .g-col-lg-8 {
      grid-column: auto/span 8
  }

  .grid .g-col-lg-9 {
      grid-column: auto/span 9
  }

  .grid .g-col-lg-10 {
      grid-column: auto/span 10
  }

  .grid .g-col-lg-11 {
      grid-column: auto/span 11
  }

  .grid .g-col-lg-12 {
      grid-column: auto/span 12
  }

  .grid .g-start-lg-1 {
      grid-column-start: 1
  }

  .grid .g-start-lg-2 {
      grid-column-start: 2
  }

  .grid .g-start-lg-3 {
      grid-column-start: 3
  }

  .grid .g-start-lg-4 {
      grid-column-start: 4
  }

  .grid .g-start-lg-5 {
      grid-column-start: 5
  }

  .grid .g-start-lg-6 {
      grid-column-start: 6
  }

  .grid .g-start-lg-7 {
      grid-column-start: 7
  }

  .grid .g-start-lg-8 {
      grid-column-start: 8
  }

  .grid .g-start-lg-9 {
      grid-column-start: 9
  }

  .grid .g-start-lg-10 {
      grid-column-start: 10
  }

  .grid .g-start-lg-11 {
      grid-column-start: 11
  }
}

@media(min-width: 1200px) {
  .grid .g-col-xl-1 {
      grid-column:auto/span 1
  }

  .grid .g-col-xl-2 {
      grid-column: auto/span 2
  }

  .grid .g-col-xl-3 {
      grid-column: auto/span 3
  }

  .grid .g-col-xl-4 {
      grid-column: auto/span 4
  }

  .grid .g-col-xl-5 {
      grid-column: auto/span 5
  }

  .grid .g-col-xl-6 {
      grid-column: auto/span 6
  }

  .grid .g-col-xl-7 {
      grid-column: auto/span 7
  }

  .grid .g-col-xl-8 {
      grid-column: auto/span 8
  }

  .grid .g-col-xl-9 {
      grid-column: auto/span 9
  }

  .grid .g-col-xl-10 {
      grid-column: auto/span 10
  }

  .grid .g-col-xl-11 {
      grid-column: auto/span 11
  }

  .grid .g-col-xl-12 {
      grid-column: auto/span 12
  }

  .grid .g-start-xl-1 {
      grid-column-start: 1
  }

  .grid .g-start-xl-2 {
      grid-column-start: 2
  }

  .grid .g-start-xl-3 {
      grid-column-start: 3
  }

  .grid .g-start-xl-4 {
      grid-column-start: 4
  }

  .grid .g-start-xl-5 {
      grid-column-start: 5
  }

  .grid .g-start-xl-6 {
      grid-column-start: 6
  }

  .grid .g-start-xl-7 {
      grid-column-start: 7
  }

  .grid .g-start-xl-8 {
      grid-column-start: 8
  }

  .grid .g-start-xl-9 {
      grid-column-start: 9
  }

  .grid .g-start-xl-10 {
      grid-column-start: 10
  }

  .grid .g-start-xl-11 {
      grid-column-start: 11
  }
}

@media(min-width: 1366px) {
  .grid .g-col-xxl-1 {
      grid-column:auto/span 1
  }

  .grid .g-col-xxl-2 {
      grid-column: auto/span 2
  }

  .grid .g-col-xxl-3 {
      grid-column: auto/span 3
  }

  .grid .g-col-xxl-4 {
      grid-column: auto/span 4
  }

  .grid .g-col-xxl-5 {
      grid-column: auto/span 5
  }

  .grid .g-col-xxl-6 {
      grid-column: auto/span 6
  }

  .grid .g-col-xxl-7 {
      grid-column: auto/span 7
  }

  .grid .g-col-xxl-8 {
      grid-column: auto/span 8
  }

  .grid .g-col-xxl-9 {
      grid-column: auto/span 9
  }

  .grid .g-col-xxl-10 {
      grid-column: auto/span 10
  }

  .grid .g-col-xxl-11 {
      grid-column: auto/span 11
  }

  .grid .g-col-xxl-12 {
      grid-column: auto/span 12
  }

  .grid .g-start-xxl-1 {
      grid-column-start: 1
  }

  .grid .g-start-xxl-2 {
      grid-column-start: 2
  }

  .grid .g-start-xxl-3 {
      grid-column-start: 3
  }

  .grid .g-start-xxl-4 {
      grid-column-start: 4
  }

  .grid .g-start-xxl-5 {
      grid-column-start: 5
  }

  .grid .g-start-xxl-6 {
      grid-column-start: 6
  }

  .grid .g-start-xxl-7 {
      grid-column-start: 7
  }

  .grid .g-start-xxl-8 {
      grid-column-start: 8
  }

  .grid .g-start-xxl-9 {
      grid-column-start: 9
  }

  .grid .g-start-xxl-10 {
      grid-column-start: 10
  }

  .grid .g-start-xxl-11 {
      grid-column-start: 11
  }
}

/* Player  */

.adonis-player-wrap.fixed-player,
.adonis-playlist-player.fixed-player {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1200;
}

.adonis-player-wrap.player-fixed-bottom,
.adonis-player-wrap.player-fixed-top,
.adonis-playlist-player.player-fixed-bottom,
.adonis-playlist-player.player-fixed-top {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1200;
}

.adonis-player-wrap a,
.adonis-playlist-player a {
  cursor: pointer;
}

.jp_progress2 .jp-seek-bar:before {
  background: #ddd;
}

.adonis-player-wrap .jp-play,
.adonis-playlist-player .jp-play {
  width: auto;
  height: auto;
}

.adonis-player-wrap .jp-play,
.adonis-playlist-player .jp-play {
  background: 0 0;
}

.adonis-player-wrap .jp-play:focus,
.adonis-playlist-player .jp-play:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-state-playing .jp-play,
.adonis-player-wrap .jp-stop,
.adonis-playlist-player .jp-state-playing .jp-play,
.adonis-playlist-player .jp-stop {
  background: 0 0;
}

.adonis-player-wrap .jp-state-playing .jp-play:focus,
.adonis-playlist-player .jp-state-playing .jp-play:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-next,
.adonis-player-wrap .jp-previous,
.adonis-player-wrap .jp-stop,
.adonis-playlist-player .jp-next,
.adonis-playlist-player .jp-previous,
.adonis-playlist-player .jp-stop {
  width: auto;
  height: auto;
  margin-top: 0;
}

.adonis-player-wrap .jp-stop,
.adonis-playlist-player .jp-stop {
  background: 0 0;
  margin-left: 10px;
}

.adonis-player-wrap .jp-stop:focus,
.adonis-playlist-player .jp-stop:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-previous,
.adonis-playlist-player .jp-previous {
  background: 0 0;
}

.adonis-player-wrap .jp-previous:focus,
.adonis-playlist-player .jp-previous:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-next,
.adonis-playlist-player .jp-next {
  background: 0 0;
}

.adonis-player-wrap .jp-next:focus,
.adonis-playlist-player .jp-next:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-progress,
.adonis-playlist-player .jp-progress {
  overflow: visible;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
}

.adonis-player-wrap .jp-progress.jp-progress-pos-top,
.adonis-playlist-player .jp-progress.jp-progress-pos-top {
  top: -91px;
}

.adonis-player-wrap .jp-progress.inner,
.adonis-playlist-player .jp-progress.inner {
  margin: 0 10px;
}

.adonis-player-wrap .jp-audio .jp-progress,
.adonis-playlist-player .jp-audio .jp-progress {
  position: absolute;
  top: 32px;
  height: 15px;
}

.adonis-player-wrap .jp-audio .jp-type-single .jp-progress,
.adonis-playlist-player .jp-audio .jp-type-single .jp-progress {
  left: 110px;
  width: 186px;
}

.adonis-player-wrap .jp-audio .jp-type-playlist .jp-progress,
.adonis-playlist-player .jp-audio .jp-type-playlist .jp-progress {
  left: 166px;
  width: 130px;
}

.adonis-player-wrap .jp-video .jp-progress,
.adonis-playlist-player .jp-video .jp-progress {
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
}

.adonis-player-wrap .jp-seek-bar,
.adonis-playlist-player .jp-seek-bar {
  background: 0 0;
  position: relative;
  width: 100%;
  height: 2px;
  cursor: pointer;
}

.adonis-player-wrap .jp-seek-bar-full,
.adonis-playlist-player .jp-seek-bar-full {
  background: 0 0;
  position: relative;
  width: 100%;
  height: 2px;
  cursor: pointer;
}

.adonis-player-wrap .jp-seek-bar:before,
.adonis-playlist-player .jp-seek-bar:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e8e8e8;
}

.adonis-player-wrap .jp-play-bar,
.adonis-playlist-player .jp-play-bar {
  transition-duration: 0s !important;
  overflow: visible !important;
  position: absolute;
  background: var(--main-hover-color);
  background: -moz-linear-gradient(-45deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  background: -webkit-linear-gradient(-45deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  background: linear-gradient(135deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  width: 0;
  height: 100%;
}

.adonis-player-wrap .jp-play-bar-full,
.adonis-playlist-player .jp-play-bar-full {
  transition-duration: 0s !important;
  overflow: visible !important;
  position: absolute;
  background: var(--main-hover-color);
  background: -moz-linear-gradient(-45deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  background: -webkit-linear-gradient(-45deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  background: linear-gradient(135deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  width: 100%;
  height: 100%;
}

.adonis-player-wrap .jp-seeking-bg,
.adonis-playlist-player .jp-seeking-bg {
  background: 0 0;
}

.adonis-player-wrap .jp-volume-controls,
.adonis-playlist-player .jp-volume-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 18px;
  margin-right: 12px;
  overflow: hidden;
  transition: 0.5s;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border: solid 1px;
  border-color: rgb(93 93 93 / 8%);
  background: #2e2e2e;
}

.adonis-player-wrap .jp-audio-stream .jp-volume-controls,
.adonis-playlist-player .jp-audio-stream .jp-volume-controls {
  left: inherit;
}

.adonis-player-wrap .jp-video .jp-volume-controls,
.adonis-playlist-player .jp-video .jp-volume-controls {
  top: inherit;
  left: inherit;
}

.adonis-player-wrap .jp-volume-controls button,
.adonis-playlist-player .jp-volume-controls button {
  display: block;
  position: inherit;
  overflow: hidden;
  text-indent: 0;
  border: inherit;
  cursor: pointer;
}

.adonis-player-wrap .jp-mute,
.adonis-player-wrap .jp-volume-max,
.adonis-playlist-player .jp-mute,
.adonis-playlist-player .jp-volume-max {
  width: auto;
  height: auto;
}

.adonis-player-wrap .jp-volume-max,
.adonis-playlist-player .jp-volume-max {
  left: 74px;
}

.adonis-player-wrap .jp-mute,
.adonis-playlist-player .jp-mute {
  background: 0 0;
}

.adonis-player-wrap .jp-mute:focus,
.adonis-playlist-player .jp-mute:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-state-muted .jp-mute,
.adonis-playlist-player .jp-state-muted .jp-mute {
  background: 0 0;
}

.adonis-player-wrap .jp-state-muted .jp-mute:focus,
.adonis-playlist-player .jp-state-muted .jp-mute:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-volume-max,
.adonis-playlist-player .jp-volume-max {
  background: 0 0;
}

.adonis-player-wrap .jp-volume-max:focus,
.adonis-playlist-player .jp-volume-max:focus {
  background: 0 0;
}

.control-primary {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  background: #2e2e2e;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.adonis-player-wrap .jp-volume-bar,
.adonis-playlist-player .jp-volume-bar {
  position: inherit;
  overflow: hidden;
  background: 0 0;
  cursor: pointer;
  left: 0;
}

.adonis-player-wrap .jp-volume-bar-value,
.adonis-playlist-player .jp-volume-bar-value {
  background: var(--main-hover-color);
  background: -moz-linear-gradient(-45deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  background: -webkit-linear-gradient(-45deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  background: linear-gradient(135deg,
      var(--main-hover-color) 0,
      var(--main-hover-color) 86%);
  width: 0;
  height: 3px;
}

.adonis-player-wrap .jp-current-time,
.adonis-player-wrap .jp-duration,
.adonis-playlist-player .jp-current-time,
.adonis-playlist-player .jp-duration {
  width: 45px;
  font-size: inherit;
  font-style: inherit;
}

.adonis-player-wrap .jp-current-time,
.adonis-playlist-player .jp-current-time {
  float: none;
  display: inline;
  cursor: default;
}

.adonis-player-wrap .jp-duration,
.adonis-playlist-player .jp-duration {
  float: none;
  display: inline;
  text-align: right;
  cursor: pointer;
}

.jp_adoins_wrapper {
  float: right;
  padding-right: 35px;
}

.jp_current_time_wrapepr {
  float: right;
  padding-right: 35px;
}

.adonis-player-wrap .jp-video .jp-current-time,
.adonis-playlist-player .jp-video .jp-current-time {
  margin-left: 20px;
}

.adonis-player-wrap .jp-video .jp-duration,
.adonis-playlist-player .jp-video .jp-duration {
  margin-right: 20px;
}

.adonis-player-wrap .jp-details,
.adonis-playlist-player .jp-details {
  font-weight: 700;
  text-align: inherit;
  cursor: default;
}

.adonis-player-wrap .jp-details,
.adonis-player-wrap .jp-playlist,
.adonis-playlist-player .jp-details,
.adonis-playlist-player .jp-playlist {
  width: auto;
  background-color: transparent;
  border-top: none;
}

.adonis-player-wrap .jp-type-playlist .jp-details,
.adonis-player-wrap .jp-type-single .jp-details,
.adonis-playlist-player .jp-type-playlist .jp-details,
.adonis-playlist-player .jp-type-single .jp-details {
  border-top: none;
}

.adonis-player-wrap .jp-details .jp-title,
.adonis-playlist-player .jp-details .jp-title {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 700;
}

.adonis-player-wrap .jp-playlist ul,
.adonis-playlist-player .jp-playlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: inherit;
}

.adonis-player-wrap .jp-playlist li,
.adonis-playlist-player .jp-playlist li {
  padding: 0;
  border-bottom: none;
}

.adonis-player-wrap .jp-playlist li div,
.adonis-playlist-player .jp-playlist li div {
  display: inherit;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist li:last-child,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist li:last-child {
  padding: 5px 0 5px 20px;
  border-bottom: none;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist li.jp-playlist-current,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 7px;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist a,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist a {
  color: #333;
  text-decoration: none;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist a:hover,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist a:hover {
  color: #0d88c1;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist a.jp-playlist-current,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
  color: #0d88c1;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
  font-weight: 700;
  color: #666;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
  color: #0d88c1;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist span.jp-free-media,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist span.jp-free-media {
  float: right;
  display: inline;
  text-align: right;
  margin-right: 10px;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist span.jp-free-media a,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist span.jp-free-media a {
  color: #666;
}

.adonis-player-wrap div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover,
.adonis-playlist-player div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
  color: #0d88c1;
}

.adonis-player-wrap span.jp-artist,
.adonis-playlist-player span.jp-artist {
  font-size: 0.8em;
  color: #666;
}

.adonis-player-wrap .jp-jplayer,
.adonis-playlist-player .jp-jplayer {
  background-color: #000;
}

.adonis-player-wrap .jp-toggles,
.adonis-playlist-player .jp-toggles {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.adonis-player-wrap .jp-audio .jp-type-single .jp-toggles,
.adonis-playlist-player .jp-audio .jp-type-single .jp-toggles {
  width: 25px;
}

.adonis-player-wrap .jp-audio .jp-type-playlist .jp-toggles,
.adonis-playlist-player .jp-audio .jp-type-playlist .jp-toggles {
  width: 55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px;
}

.adonis-player-wrap .jp-video .jp-toggles,
.adonis-playlist-player .jp-video .jp-toggles {
  position: absolute;
  right: 16px;
  margin: 0;
  margin-top: 10px;
  width: 100px;
}

.adonis-player-wrap .jp-toggles button,
.adonis-playlist-player .jp-toggles button {
  float: none;
  width: auto;
  display: inherit;
  height: 18px;
  text-indent: 0;
  line-height: 100%;
  border: none;
  cursor: pointer;
}

.adonis-player-wrap .jp-full-screen,
.adonis-playlist-player .jp-full-screen {
  background: #333;
  margin-left: 20px;
}

.adonis-player-wrap .jp-full-screen:focus,
.adonis-playlist-player .jp-full-screen:focus {
  background: #333;
}

.adonis-player-wrap .jp-state-full-screen .jp-full-screen,
.adonis-playlist-player .jp-state-full-screen .jp-full-screen {
  background: #333;
}

.adonis-player-wrap .jp-state-full-screen .jp-full-screen:focus,
.adonis-playlist-player .jp-state-full-screen .jp-full-screen:focus {
  background: #333;
}

.adonis-player-wrap .jp-repeat,
.adonis-playlist-player .jp-repeat {
  background: 0 0;
}

.adonis-player-wrap .jp-repeat:focus,
.adonis-playlist-player .jp-repeat:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-state-looped .jp-repeat,
.adonis-playlist-player .jp-state-looped .jp-repeat {
  background: 0 0;
}

.adonis-player-wrap .jp-state-looped .jp-repeat:focus,
.adonis-playlist-player .jp-state-looped .jp-repeat:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-shuffle,
.adonis-playlist-player .jp-shuffle {
  background: 0 0;
  margin-right: 5px;
}

.adonis-player-wrap .jp-shuffle:focus,
.adonis-playlist-player .jp-shuffle:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-state-shuffled .jp-shuffle,
.adonis-playlist-player .jp-state-shuffled .jp-shuffle {
  background: 0 0;
}

.adonis-player-wrap .jp-state-shuffled .jp-shuffle:focus,
.adonis-playlist-player .jp-state-shuffled .jp-shuffle:focus {
  background: 0 0;
}

.adonis-player-wrap .jp-no-solution,
.adonis-playlist-player .jp-no-solution {
  padding: 5px;
  font-size: 0.8em;
  background-color: #eee;
  border: 2px solid #009be3;
  color: #000;
  display: none;
}

.adonis-player-wrap .jp-repeat {
  margin-left: 5px;
}

.adonis-player-wrap .jp-no-solution a,
.adonis-playlist-player .jp-no-solution a {
  color: #000;
}

.adonis-player-wrap .jp-no-solution span,
.adonis-playlist-player .jp-no-solution span {
  font-size: 1em;
  display: block;
  text-align: center;
  font-weight: 700;
}

#adonis-playlist::-webkit-scrollbar {
  display: none;
}

.adonis-player-wrap {
  background: var(--background-player-color);
  position: relative;
  color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.adonis-player-wrap .h1,
.adonis-player-wrap .h2,
.adonis-player-wrap .h3,
.adonis-player-wrap .h4,
.adonis-player-wrap .h5,
.adonis-player-wrap .h6,
.adonis-player-wrap h1,
.adonis-player-wrap h2,
.adonis-player-wrap h3,
.adonis-player-wrap h4,
.adonis-player-wrap h5,
.adonis-player-wrap h6 {
  color: #000;
}

.adonis-player-wrap a {
  color: #fff;
}

.adonis-player {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}

.jp-title {
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  text-wrap: nowrap;
}

.des {
  padding-left: 20px;
  width: 191px;
}

.adonis-player-wrap a.inactive-color {
  color: #a1a1a1;
}

.adonis-player-wrap a.inactive-color:hover {
  color: var(--main-color);
}

.adonis-player-wrap .player-top {
  padding-top: 15px;
}

.adonis-player-wrap .icon-pause {
  display: none;
}

.adonis-player-wrap .icon-loading {
  display: none;
}

.adonis-player-wrap .jp-state-loading .icon-loading {
  display: inline-block;
  animation: spin 1s linear infinite;
}

.adonis-player-wrap .jp-state-loading .icon-play {
  display: none;
}

.adonis-player-wrap .jp-state-playing .icon-pause {
  display: inline-block;
}

.adonis-player-wrap .jp-state-playing .icon-play {
  display: none;
}

.adonis-player-wrap .jp-state-playing .icon-loading {
  display: none;
}

.adonis-player-wrap .player-controls a {
  padding: 0px;
  cursor: pointer;
  display: inline-block;
}

.adonis-player-wrap .jp-current-time {
  opacity: 0.7;
}

.adonis-player-wrap .jp-volume-controls a {
  display: inline-block;
  line-height: 0;
}

.adonis-player-wrap .jp-volume-controls div {
  line-height: 0;
}

.adonis-player-wrap .jp-volume-controls .jp-volume-bar {
  overflow: visible;
  position: relative;
  left: 11px;
  width: 0px;
  height: 20px;
  overflow: hidden;
  transition: 0.5s;
}

.adonis-player-wrap .jp-volume-controls .jp-volume-bar-value {
  justify-content: flex-end;
  display: flex;
  align-items: center;
}

.adonis-player-wrap .jp-play-bar,
.adonis-player-wrap .jp-volume-bar-value {
  position: relative;
  width: 100%;
}

.adonis-player-wrap .jp-play-bar::after,
.adonis-player-wrap .jp-volume-bar-value::after {
  content: "";
  height: 10px;
  width: 10px;
  background: var(--main-hover-color);
  display: inline-block;
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 16px 0 rgba(254, 121, 69, 0.2);
  box-shadow: 2px 2px 16px 0 rgba(254, 121, 69, 0.2);
  position: absolute;
  right: -10px;
  top: 49%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.adonis-player-wrap .music-thumb {
  max-width: 40px;
}

.adonis-player-wrap .jp-repeat:focus,
.adonis-player-wrap .jp-shuffle:focus,
.adonis-player-wrap .jp-state-looped .jp-repeat,
.adonis-player-wrap .jp-state-shuffled .jp-shuffle {
  color: var(--main-color);
}

.des_option_wrapper {
  float: right;
  width: auto;
}

.des_option_wrapper .ms_tranding_more_icon {
  top: 14px;
}

.des_option_wrapper .ms_tranding_more_icon i:before {
  color: #777;
  font-size: 18px;
}

.jp_progress2 {
  width: 70% !important;
  padding: 0 10px;
  top: -3px !important;
  display: inline-block !important;
}

#cssmenu .lang_apply_btn a i {
  color: #fff;
}

.player-controls {
  float: left;
  width: 132px;
  text-align: center;
  display: flex;
  align-items: center;
}

.adonis-player-wrap .song-poster {
  position: relative;
  cursor: pointer;
  z-index: 100;
}

.des_option_wrapper ul.tranding_more_option {
  top: 0;
  right: 50px;
  background: #fff;
  box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.05);
}

.adonis-player-wrap .song-poster.sm {
  max-width: 40px;
  max-height: 40px;
  min-width: 40px;
}

.adonis-player-wrap .song-poster img {
  -webkit-box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.15);
}

.adonis-player-wrap .adonis-playlist {
  z-index: 1200;
  width: 595px;
  max-width: 100%;
  background: #fff;
  position: absolute;
  height: 100vh;
  color: #868e96;
  -webkit-box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, 0.15);
}

.jp_controls_wrapper {
  display: flex;
  align-items: center;
}

.adonis-player-wrap .adonis-playlist a {
  color: #777;
}

.adonis-player-wrap .adonis-playlist.off-canvas-right {
  transform: translate(595px, 0);
}

.adonis-player-wrap .adonis-playlist.off-canvas-right.show {
  transform: translate(-595px, 0);
}

.adonis-player-wrap .adonis-playlist .jp-title {
  color: #000;
  font-size: 30px;
  padding-bottom: 10px;
}

.shuffle_music_wrapper {
  float: left;
  width: 100%;
}

.artist-name {
  color: #fff;
  font-family: "Inter", sans-serif;
  position: relative;
  overflow: hidden;
}

.adonis-player-wrap .adonis-playlist .adonis-player {
  padding: 40px;
  position: relative;
  background: #fffeec;
}

.adonis-player-wrap .adonis-playlist .adonis-player .playlist-player-control,
.adonis-player-wrap .adonis-playlist .adonis-player .song-poster {
  flex-grow: 0;
}

.sidebar_treanding_icon {
  float: right;
  display: inline-block;
}

.sidebar_treanding_icon .ms_tranding_more_icon {
  top: 20px;
}

.sidebar_treanding_icon .ms_tranding_more_icon i {
  color: #111;
  font-size: 20px;
}

.adonis-player-wrap .adonis-playlist .adonis-player .playlist-player-control img,
.adonis-player-wrap .adonis-playlist .adonis-player .song-poster img {
  width: 100%;
}

.adonis-player-wrap .adonis-playlist .adonis-player .jp-progress {
  flex-basis: auto;
  display: flex;
  flex-grow: 1;
}

.side_bar_shuffle {
  float: left;
  padding-top: 20px;
  display: inline-block;
}

.adonis-player-wrap .adonis-playlist .control-ext {
  flex-grow: 1;
}

.side_bar_shuffle .jp-shuffle {
  margin-right: 15px;
}

.adonis-player-wrap .adonis-playlist .jp-time {
  width: 40px;
}

.adonis-player-wrap .adonis-playlist .jp-progress {
  top: 8px;
}

.adonis-player-wrap .adonis-playlist .jp-playlist {
  padding: 40px;
  overflow: hidden;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .song-poster {
  width: 50px;
  margin-right: 20px;
  float: left;
  margin-bottom: 25px;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .song-poster img {
  height: auto;
  border-radius: 3px;
}

.adonis-player-wrap .adonis-playlist .jp-playlist li {
  margin-bottom: 0;
  width: 100%;
  clear: both;
  position: relative;
}

.adonis-player-wrap .adonis-playlist .jp-playlist li:hover .hover-state {
  display: block;
  opacity: 1;
}

.adonis-player-wrap .adonis-playlist .jp-playlist:last-child {
  margin-bottom: 0;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .meta {
  float: right;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .description {
  flex: 100%;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .description a.jp-playlist-item {
  margin-top: 5px;
  display: block;
  margin-bottom: 3px;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .jp-artist {
  display: block;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .jp-artist a {
  color: #adb5bd;
}

.adonis-player-wrap .adonis-playlist .jp-playlist .play-btn-dark {
  width: 100%;
  height: 100%;
  line-height: 55px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.adonis-player-wrap .adonis-playlist .jp-playlist li:hover .hover-state {
  display: block;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.play-btn-dark i:before {
  color: #fff;
  font-size: 28px;
}

.absolute-info,
.hover-state {
  position: absolute;
  width: 55px;
  height: 55px;
  top: 0;
  border-radius: 4px;
  background: -moz-linear-gradient(90deg,
      rgb(248, 71, 62, 0.8) 20%,
      rgb(254, 121, 69, 0.8) 100%);
  background: -webkit-linear-gradient(90deg,
      rgb(248, 71, 62, 0.8) 20%,
      rgb(254, 121, 69, 0.8) 100%);
  background: linear-gradient(90deg,
      rgb(248, 71, 62, 0.8) 20%,
      rgb(254, 121, 69, 0.8) 100%);
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.adonis-player-wrap .adonis-playlist .player-details {
  flex: auto;
}

.adonis-player-wrap .adonis-playlist .blurred-bg-wrap {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1;
}

.adonis-player-wrap .adonis-playlist .blurred-bg-wrap .blurred-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  -webkit-filter: blur(30px);
  -moz-filter: blur(30px);
  -ms-filter: blur(30px);
  -o-filter: blur(30px);
  filter: blur(30px);
  filter: blur(32px);
  opacity: 0.2;
}

.adonis-player-wrap .adonis-playlist .controls,
.adonis-player-wrap .adonis-playlist .current-item {
  z-index: 1;
  position: relative;
}

.adonis-player-wrap .artist-name a {
  color: var(--main-color);
  display: inline-block;
  min-width: 100%;
  white-space: nowrap;
  font-size: 14px;
  animation: marquee 17s ease-in-out infinite;
  pointer-events: none;
}

.adonis-player-wrap .auto-progress-width-50 {
  flex-basis: 40%;
  flex-grow: 50;
}

.adonis-player-wrap .jp-volume-controls .icon-mute {
  display: none;
}

.adonis-player-wrap .jp-state-muted .jp-volume-controls .icon-mute {
  display: block;
}

.adonis-player-wrap .jp-state-muted .jp-volume-controls .icon-volume {
  display: none;
}

.adonis-player-wrap .close-offcanvas {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 100;
}

.icon-dot-nav-horizontal {
  width: 5px;
  height: 5px;
  background: currentColor;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  margin: 5px 12px 2px 12px !important;
  z-index: 1000;
}

.icon-dot-nav-horizontal::after,
.icon-dot-nav-horizontal::before {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: inherit;
  content: "";
  position: absolute;
  left: -200%;
  border-radius: 50%;
}

.icon-dot-nav-horizontal::after {
  left: 200%;
}

@media (max-width: 991px) {
  .adonis-player-wrap .jp-volume-controls .jp-volume-bar {
    /* width:100px; */
  }
}

.player-details {
  padding-left: 25px;
  padding-top: 5px;
}

.jp-progress {
  position: relative;
}

.playlist-animate {
  display: none;
}

.playlist-animate.playing {
  position: relative;
  width: auto;
  height: 30px;
  float: left;
  margin-right: 40px;
}

.playlist-animate.playing:after {
  display: block;
  width: 100%;
  margin-top: 10px;
}

.playlist-animate.now.playing .bar {
  display: inline-block;
  position: relative;
  margin-right: 4px;
  width: 3px;
  height: 1px;
  overflow: hidden;
  background: linear-gradient(to bottom, #ff9500, #ff5e3a);
  color: transparent;
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.playlist-animate.paused.playing .bar {
  animation-iteration-count: 1;
}

.playlist-animate .n1 {
  animation-delay: 0.5s;
}

.playlist-animate .n2 {
  animation-delay: 0.2s;
}

.playlist-animate .n3 {
  animation-delay: 0.8s;
}

.jp-state-playing .jp-playlist-current .playlist-animate {
  display: block;
}

@keyframes pulse {
  0% {
    height: 1px;
    margin-top: 0;
  }

  10% {
    height: 15px;
    margin-top: -15px;
  }

  50% {
    height: 12px;
    margin-top: -12px;
  }

  60% {
    height: 17px;
    margin-top: -17px;
  }

  80% {
    height: 15px;
    margin-top: -15px;
  }

  100% {
    height: 1px;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  #adonis-playlist {
    transition: all 0.6s;
  }
}

@media (max-width: 767px) {
  .adonis-player-wrap .adonis-playlist.off-canvas-right.show {
    transform: translate(-100%, 0);
  }

  .current-item .song-poster {
    min-width: 40px !important;
  }

  .adonis-player-wrap .adonis-playlist .adonis-player,
  .adonis-player-wrap .adonis-playlist .jp-playlist {
    padding: 15px;
  }

  .adonis-player-wrap .adonis-playlist .adonis-player {
    padding-top: 25px;
  }

  .adonis-player-wrap .playlist-player-control {
    width: 100% !important;
    flex: 100% !important;
    flex-grow: 0;
  }

  .adonis-playlist {
    overflow: auto;
  }

  .adonis-playlist .jp-playlist {
    overflow: initial !important;
  }

  .adonis-playlist .player-details .jp-title {
    font-size: 5vw;
  }

  .adonis-player-wrap .player-controls a {
    padding: 0px;
    color: #fff;
  }
}

@media (max-width: 550px) {
  .adonis-playlist .jp-playlist {
    display: block !important;
  }
}

@media (max-width: 750px) and (orientation: landscape) {
  .adonis-playlist .jp-playlist {
    display: block !important;
  }
}

.song-poster-ajax img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  animation: rotate-disc 4s linear infinite;
}

.media.current-item {
  display: flex;
  align-items: center;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

input[type="button"] {
  border: none;
  padding: 10px 20px;
  border-radius: 16px;
}

span.adonis-icon.icon-volume.icon-3x svg {
  width: 18px;
  fill: #fff;
}

span.adonis-icon.icon-mute.icon-3x svg {
  width: 18px;
  fill: #fff;
}

.slide img {
  max-height: 800px;
  object-fit: cover;
}

/* .adonis-player-wrap .volume-slider */
.adonis-player-wrap input[type="range"].volume-slider {
  background: none;
  padding: 0px 0px 0px 0px;
  transform: rotate(0deg);
  transform-origin: bottom;
  -webkit-appearance: none;
  cursor: pointer;
}

.adonis-player-wrap input[type="range"].volume-slider:focus {
  outline: none;
}

.adonis-player-wrap input[type="range"].volume-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  background: var(--main-hover-color);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  animate: 0.2s;
}

.adonis-player-wrap input[type="range"].volume-slider:focus::-webkit-slider-runnable-track {
  background: var(--main-hover-color);
}

.adonis-player-wrap input[type="range"].volume-slider::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  background: #fff;
  margin-top: -5px;
  border: 3px solid #ccc;
  border-radius: 50%;
  cursor: pointer;
  -webkit-appearance: none;
}

.adonis-player-wrap input[type="range"].volume-slider::-moz-range-track {
  width: 100%;
  height: 6px;
  background: var(--main-hover-color);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  animate: 0.2s;
}

.adonis-player-wrap input[type="range"].volume-slider::-moz-range-thumb {
  width: 6px;
  height: 6px;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .adonis-player-wrap input[type="range"].volume-slider {
    width: 90px;
    height: 16px;
    background: none;
    margin-top: 0px;
    padding: 6px 0px 6px 0px;
    cursor: pointer;
  }
}

.adonis-player-wrap input[type="range"].volume-slider::-ms-tooltip {
  display: none;
}

.adonis-player-wrap input[type="range"].volume-slider::-ms-track {
  width: 100%;
  height: 6px;
  background: transparent;
  color: transparent;
  margin: 0;
  padding: 0;
  border: 0;
  border-color: transparent;
  cursor: pointer;
  animate: 0.2s;
}

.adonis-player-wrap input[type="range"].volume-slider::-ms-fill-lower {
  background: var(--main-hover-color);
  border: 0;
  border-radius: 8px;
}

.adonis-player-wrap input[type="range"].volume-slider::-ms-fill-upper {
  background: var(--main-hover-color);
  border: 0;
  border-radius: 8px;
}

.adonis-player-wrap input[type="range"].volume-slider::-ms-thumb {
  width: 6px;
  height: 6px;
  background: #fff;
  border: 5px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.adonis-player-wrap input[type="range"].volume-slider:focus::-ms-fill-lower {
  background: var(--main-hover-color);
}

.adonis-player-wrap input[type="range"].volume-slider:focus::-ms-fill-upper {
  background: var(--main-hover-color);
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

section .header p {
  font-size: .9rem;
  color: var(--feeds-excert-color);
}

section .header {
  position: relative;
}

section .header .btn {
  float: right;
  right: 0px;
  position: absolute;
  font-size: 13px;
}

section .header h1 {
  font-size: 22px;
  color: var(--text-color);
}

.with-icon .form-control,
.with-icon .form-label {
  padding-left: 45px !important;
}

.form-group-top label {
  font-size: .9rem;
  top: 13px;
  position: absolute;
  padding: 0rem 0rem 0rem 1.1rem;
  pointer-events: none;
  transition: 0.2s;
  margin-bottom: 0px;
  color: #676d7d;
}

.form-group-top .icon {
  z-index: 2;
  display: block;
  position: absolute;
  padding-left: 10px;
  padding-right: 10px;
  left: 1px;
  background: #d8d6de52;
  border-radius: 12px 0px 0px 12px;
}

.dark-layout .form-group-top .icon {
  background: #161c24 !important;
}

.form-group-top .icon svg {
  width: 1.25rem;
  font-size: 1.25rem;
  height: 47px;
}

.form-card .form-control {
  height: 3rem;
  font-size: .9rem;
  padding: 0.375rem 1rem;
}

.form-group-top {
  display: flex;
  position: relative;
  align-items: center;
}

.form-group-top input:valid + label,
.form-group-top input:focus + label {
  top: 3px;
  color: #676d7d;
  font-size: 11px;
  transition: 0.2s;
  padding: 0rem 0rem 0rem 1rem;
  font-weight: 500;
}

.form-group-top input:focus {
  border-color: var(--main-color) !important;
  color: (--main-color) !important;
}
/* Promotion slide */
.promotion-slide .cover img {
  width: 458px !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 16px;
}

.promotion-slide .cover {
  padding-right: 20px;
}

.promotion-slide .thumb img {
  width: 417px !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 16px;
  /* margin-left: 14px; */
}

.promotion-slide .slick-dots {
  bottom: -30px;
}

.promotion-slide .slick-dots li button:before {
  color: var(--inverted-color);
}

.rounded-py {
  border-radius: 16px 16px 0px 0px !important;
}

.rounded {
  border-radius: 10px;
}

.relative {
  position: relative;
}

/* Promotion slide */
.hits-slide .cover img {
  width: 310px !important;
  height: 150px !important;
  object-fit: cover;
  transition: 2s;
}

.hits-slide .cover {
  padding-right: 10px;
}

.hits-slide .thumb {
  padding-right: 10px;
}

.hits-slide .header {
  border-radius: 0px 0px 16px 16px;
  flex-direction: row !important;
  background-color: var(--background-hovered);
  margin-top: -7px;
}

.hits-slide .header .top h2 {
  font-size: 2.1rem;
  color: var(--text-color);
}

.hits-slide .header h1 {
  font-size: 1rem;
  max-width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.hits-slide .header p {
  font-size: 0.8rem;
  opacity: 0.5;
  color: var(--text-color);
}

.hits-slide .play-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #05050586;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color: #fff;
  z-index: 99;
}

.hits-slide .thumb img {
  width: 290px !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 16px;
}

.hits-slide .slick-dots {
  bottom: -30px;
}

.hits-slide .slick-dots li button:before {
  color: var(--inverted-color);
}

.hits-slide .slick-next {
  top: -30%;
  border-radius: 0px 16px 16px 0px;
  border-left: solid 2px #0000000f;
  background: var(--card-color);
}

.hits-slide .slick-prev {
  top: -30%;
  right: 39px;
  left: auto;
  border-radius: 16px 0px 0px 16px;
  background: var(--card-color);
}

.hits-slide .first {
  background-color: var(--inverted-secondary-color) !important;
}

.hits-slide .first .title p {
  filter: invert(1);
}

.hits-slide .first .top h2 {
  filter: invert(1);
}

.hits-slide .first .title h1 {
  filter: invert(1);
}

/* Events slide */
.events-slide .cover img {
  width: 309px !important;
  height: 309px;
  object-fit: cover;
}

.events-slide .cover {
  padding-right: 20px;
  position: relative;
}

.events-slide .thumb {
  padding-right: 10px;
}

.events-slide .header {
  background: rgb(255 255 255 / 80%);
  border-radius: 25px;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  width: 309px;
  padding-bottom: 20px;
  padding-top: 20px;
  bottom: 28px;
  display: inherit !important;
}

.events-slide .header .top h2 {
  font-size: 2.1rem;
}

.events-slide .header h1 {
  font-size: 1rem;
}

.light .events-slide .header p {
  color: var(--text-color);
}

.events-slide .header p {
  font-size: 0.8rem;
  opacity: 0.5;
  color: var(--text-active-color);
}

.events-slide .ver-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 95px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #000;
  border: solid 1px;
}

.events-slide .thumb img {
  width: 290px !important;
  height: 200px !important;
  object-fit: cover;
  border-radius: 16px;
}

.events-slide .slick-dots {
  bottom: -30px;
}

.events-slide .slick-dots li button:before {
  color: var(--inverted-color);
}

.events-slide .slick-next {
  top: -30%;
  border-radius: 0px 16px 16px 0px;
  border-left: solid 2px #0000000f;
  background: var(--text-active-color);
}

.events-slide .slick-prev {
  top: -30%;
  right: 39px;
  left: auto;
  border-radius: 16px 0px 0px 16px;
  background: var(--text-active-color);
}

.dark .bg-dark {
  background: var(--card-color);
}

.text-primary {
  color: var(--text-active-color);
}

.shadow {
  box-shadow: 0px 13px 26px #00000040;
}

.ad {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad-800 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  width: 800px;
  height: 150px;
  background-color: var(--background-secondary-color);
  border-radius: 30px;
  overflow: hidden;
}

.ad .ad-800 img {
  width: 800px;
  height: 150px;
  object-fit: cover;
}

.ad-800 h1 {
  opacity: 0.2;
  font-size: 30px;
}

.ad-150-px {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  width: 100%;
  height: 600px;
  background-color: var(--background-secondary-color);
  border-radius: 30px;
  overflow: hidden;
}

.ad-150-px img {
  width: 318px;
  height: 600px;
  object-fit: cover;
  pointer-events: none;
}

.ad-150-px h1 {
  opacity: 0.2;
  font-size: 30px;
}

.blog .content .tags {
  display: flex;
  align-items: center;
  justify-content: start;
  padding-bottom: 10px;
}

.blog .content .tags .categorias {
  display: flex;
  align-items: center;
}

.blog .content .categorias .categoria {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: var(--inverted-color);
  border-radius: 16px;
  color: var(--text-active-color);
  font-size: 11px;
}

.blog .content .tags .leitura {
  padding-left: 10px;
  opacity: 0.5;
  color: var(--text-color);
  font-size: 11px;
}

.card.featured {
  background: var(--background-secondary-color);
  border: 1.283px solid rgba(255, 255, 255, 0.08);
}

.card.featured .cover img {
  width: 100%;
  border-radius: 16px;
  object-fit: cover;
  height: 500px;
}

.cover img {
  width: 200px;
  border-radius: 16px;
  object-fit: cover;
}

.content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card.featured h1 {
  color: var(--text-active-color);
  font-size: 23px;
  font-weight: 900;
}

.author {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.avatar img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 0px var(--text-color);
  object-fit: cover;
}

.featured .avatar img {
  border-color: var(--background-color);
}

.card .info h1 {
  font-size: 14px;
}

.card .info {
  padding-left: 15px;
}

.card .info p {
  color: var(--text-active-color);
  font-size: 12px;
  opacity: 0.5;
  font-family: "circe extra light";
}

.blog .card.featured .content .categorias .categoria {
  color: var(--text-color);
  background: var(--background-color);
}

.blog .card.featured .content .tags .leitura {
  color: var(--text-active-color);
}

.blog .card.featured .content .tags {
  padding-top: 10px;
}

.on-air {
  background: linear-gradient(88deg, #1983ef 0%, #0361d2 100%);
  width: 87%;
  border-radius: 16px;
  display: flex;
  position: relative;
}

.on-air .programa {
  padding: 70px 30px;
  width: 100%;
}

.on-air .programa .tags {
  padding-bottom: 20px;
  padding-top: 10px;
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.on-air .programa .tags .tag {
  padding: 7px 15px;
  border-radius: 16px;
  background: var(--background-color);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.on-air .info h1 {
  font-size: 36px;
  font-weight: bold;
  color: #fff;
}

.on-air .info h3 {
  color: #fff;
  font-family: "circe extra light";
  font-size: 17px;
  width: 32%;
  opacity: 0.8;
}

.on-air .info {
  padding-bottom: 10px;
}

.on-air .time .on {
  color: #fff;
}

.on-air .time {
  font-size: 18px;
  flex-direction: row;
  align-items: center;
}

.timers .line {
    width: 1px;
    height: 15px;
    background: #000000;
}

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

.timer span {
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
}

.timers {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    gap: 10px;
}

.points {
  display: flex;
  justify-content: space-between;
  width: 84%;
}

.apresentador {
  width: 280px;
  object-fit: cover;
  border-radius: 100%;
  border: solid 6px var(--background-color);
  animation-name: pulse2;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  box-shadow: 0px 0px 0px 6px #f2f2f28c;
  height: 280px;
}

.cronograma-lista .list .card .locutor {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 16px;
}

.cronograma-lista .list .card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid 1px;
  margin-bottom: 10px;
  height: auto;
  padding: 20px 15px;
}

.programa-item {
  display: flex;
  align-items: center;
}

.programa-info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: 12px;
  padding-right: 8px;
}

.programa-horario {
  padding-left: 20px;
  padding-right: 20px;
  border-left: solid 1px;
  font-size: 13px;
}

.cronograma-lista {
  position: absolute;
  min-width: 386px;
  width: min-content;
  padding: 30px 31px;
  right: 0px;
  background: rgb(255 255 255 / 80%);
  border-radius: 25px;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  border: 1.283px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cronograma {
  position: relative;
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.programa-info h3 {
  font-size: 12px;
}

.programa-info p {
  font-size: 10px;
}

.cronograma .list {
  max-height: 400px;
  padding-top: 20px;
  padding-right: 4px;
}

.cronograma.home-cronograma .list {
  overflow-y: scroll;
  overflow-x: visible;
}

.cronograma-lista .list .card.featured {
  color: var(--text-active-color);
  border: none;
  background: var(--background-secondary-color)!important;
  border: solid 1px var(--border-color)!important;
}

.card.featured .programa-info h3 {
  font-size: 17px!;
  padding-bottom: 0px;
}

.card.featured .programa-info p {
  font-size: 12px;
  display: none;
}


.card.featured .programa-info {
  padding-left: 18px;
  display: flex;
  align-items: center;
  height: inherit;
}

.cronograma-lista .list .card.featured .locutor {
  width: 60px !important;
  height: 60px !important;
  border-radius: 20px!important;
  border-color: var(--background-secondary-color) !important;
}

.programa-horario .line {width: 1px;height: 15px;background: #000000;}

.dark .programa-horario .line {
  background: #fff;
}

.dark .card.featured .programa-horario .line {
  background: #000000;
}

.light .card.featured .programa-horario .line {
  background: #c7c2c2;
}

.programa-horario {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.programa-horario .points {
  display: flex;
  justify-content: space-between;
  width: 84%;
}

.programa-horario h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.programa-horario .points span{
  width: 3px;
  height: 3px;
  background: #ffffff;
  border-radius: 100%;
}

.light .programa-horario .points span{
  background: #000000;
}

.light .card.featured .programa-horario .points span {
  background: #c7c2c2;
}

.dark .card.featured .programa-horario .points span {
  background: #000000;
}

.ad-600 {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 16px;
  overflow: hidden;
  padding: 0px;
  width: 300px!important;
  height: 300px;
  background-size: cover!important;
}

.ad-600 h1 {
  opacity: 0.2;
  font-size: 30px;
}

.ads-slide .slick-dots {
  bottom: -30px;
}

.ads-slide .slick-dots li button:before {
  color: var(--inverted-color);
}

.ads-slide .slick-next {
  top: -30%;
  border-radius: 0px 16px 16px 0px;
  border-left: solid 2px #0000000f;
  background: var(--text-active-color);
}

.ads-slide .slick-prev {
  top: -30%;
  right: 39px;
  left: auto;
  border-radius: 16px 0px 0px 16px;
  background: var(--text-active-color);
}

.mobile img {
  width: 250px;
  object-fit: cover;
  object-position: top;
}

.mobile-section {
  background: var(--card-color);
  width: 800px!important;
  /* max-width: 400px!important; */
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  border-radius: 16px;
}

.mobile-section .content {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  align-items: center;
}

.qr-code {
  padding: 15px;
  background: var(--qr-bg-color);
  border-radius: 16px;
}

.qr-code img {
  width: 87px;
  height: 87px;
}

.play img {
  width: 160px;
  height: 53px;
  object-fit: cover;
}

.store .header h1 {
  font-size: 26px;
  padding-bottom: 1rem;
}

.store .header {
  padding-bottom: 23px;
}

.play {
  /* width: 100%; */
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  width: 326px;
}

.store {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.top-footer {
  display: flex!important;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
  width: 100%!important;
  align-items: flex-start;
  justify-content: space-between;
}

.footer-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.logo-footer {
  width: 200px;
  padding-bottom: 10px;
}

.top-footer .about {
  font-size: 13px;
  width: 250px;
}

.footer-content ul li {
  color: #fff;
  opacity: 0.5;
  font-size: 14px;
  font-weight: 200;
  padding-bottom: 5px;
}

.footer-content li a {
  color: #fff;
  opacity: 1;
  font-weight: bold;
  font-size: 12px;
  text-wrap-mode: nowrap;
}

.footer-content h3 {
  font-size: 16px;
  padding-bottom: 1rem;
}

.social-btn {
  padding: 10px;
  background: #353535;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin-right: 5px;
}

.social-content {
  align-items: center;
  justify-content: flex-start;
  height: auto;
  flex-direction: row !important;
}

.social-btn svg {
  width: 20px;
  height: 20px;
}

footer {
  background: #232323;
}

.bottom-area {
  position: fixed;
  z-index: 9999;
  right: 0px;
  bottom: 20px;
}

.sub-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #171717;
}

.subfooter-top ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-footer ul li {
  padding-right: 5px;
  padding-left: 5px;
  color: #fff;
  opacity: 0.5;
  font-size: 14px;
}

.subfooter-top {
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  color: #ffffff63;
  font-size: 13px;
  width: 100%;
  padding-bottom: 16px;
}

.logo-copy img {
  width: 100px;
  padding-left: 5px;
}

.logo-copy {
  display: flex;
  align-items: center;
}

.logo-copy a {
  color: #ffffff63;
}

.sliders.mobile {
  display: none;
}

@media screen and (max-width: 1024px) {
  .sliders.desktop {
    display: none;
  }

  .sliders.mobile {
    display: block;
  }

  .sliders.mobile .slide .content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    padding-left: 0px;
    padding-bottom: 100px;
    text-align: center;
    width: 100%;
  }

  .sliders.mobile .slide .content description {
    width: 368px;
  }
}

.hit-featured .footer-hit {
  box-shadow: inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black !important;
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 40px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}



@media screen and (max-width: 768px) {
  .app-main.container {
    margin: 0px;
    padding: 0px;
  }
  .app-content{
    padding: 10px;
  }
  .hit-featured .footer-hit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 20px;
  }
  
  .hit-featured .footer-hit .play-btn span {
    display: none;
  }

  .mobile-section .content {
    flex-direction: column;
    position: relative;
    width: auto;
    padding-top: 0px!important;
  }

  .locutor_info {
      display: none!important;
  }
  .page-programacao-single .cronograma-lista .list .card .programa-info {
    margin-bottom: 0px!important;
  }
  .cronograma-lista .list .card {
    padding: 10px;
  }

  .mobile-section .content .mobile {
    display: none;
  }

  .mobile-section .content .qr-code {
    margin-top: 0px;
  }

  .mobile-section .content .store {
    padding-top: 0px;
  }

  .mobile-section {
    height: auto;
    max-width: 390px!important;
    padding: 20px;
  }

  .adonis-player .poster {
    left: 1rem;
    width: auto!important;
  }

  .camera {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .whatsapp .btn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .player-controls {
    position: absolute;
    right: 158px;
  }

  .resp {
    padding-right: 0px !important;
  }
}

.blog .list .card .content .author .info p {
  color: var(--text-color);
}
.entrar-btn .logo img {
  display: none;
}

.banner .slick-dots {
  bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner .slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.banner-blog .slick-dots {
  bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner-blog .slick-dotted.slick-slider {
  margin-bottom: -4px;
}

.vz-wrapper {
  position: relative;
  height: 100vh;
  width: 100%;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#396362), to(#000000));
  background: -webkit-radial-gradient(circle, #396362, #000000);
  background: -moz-radial-gradient(circle, #396362, #000000);
  background: -ms-radial-gradient(circle, #396362, #000000);
  box-shadow: inset 0 0 160px 0 #000;
  cursor: pointer;
}

.vz-wrapper.-canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: initial;
  width: initial;
  background: transparent;
  box-shadow: none;
}

@media screen and (min-width: 420px) {
  .vz-wrapper {
      box-shadow: inset 0 0 200px 60px #000;
  }
}

@media screen and (max-width:1920px) {
  .slide {
    height: 80vh!important;
  }
}

@media screen and (max-width: 900px) {
  .bottom-area {
    display: none;
  }
  .ad .ad-800 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .ad-800 {
    width: 100%;
    height: 100%;
    background-color: var(--background-secondary-color);
    border-radius: 16px;
  }
  .card.content-open.featured {
    padding: 20px 20px!important;
  }
  .equipe-list{
    grid-template-columns: repeat(1, 1fr)!important;
  }
  .new-style-button {
    margin-left: 0px!important;
  }

  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cronograma-lista .list .card.featured .locutor {
    width: 40px !important;
    height: 40px!important;
    border-radius: 10px !important;
  }
  .sliders.container.small.mobile .slide {
    height: 500px !important;
    border-radius: 40px 40px 40px 40px;
  }

  .banner.small footer .adonis-player-wrap {
    border-radius: 40px !important;
  }

  .banner-blog.small footer .adonis-player-wrap {
    border-radius: 40px !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ultimos-registrados-container {
    display: none;
  }

  .blog .list .card .content {
    padding: 0px !important;
    padding-top: 1rem !important;
  }

  .banner.small {
    display: inherit !important;
  }

  .banner-blog.small {
    display: inherit !important;
    margin-top: 85px!important;
  }

  .controls {
    position: inherit !important;
    right: 15px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .player-controls {
    position: inherit;
  }

  .adonis-player {
    flex-direction: row;
    justify-content: space-between;
  }

  .adonis-player .poster {
    position: inherit !important;
    padding-right: 10px;
    left: 15px !important;
  }

  .adonis-player-wrap {
    width: 100%;
    left: 0px !important;
    position: relative !important;
  }

  .banner footer {
    position: fixed;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .banner-blog footer {
    position: fixed;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 0px;
  }

  .adonis-player-wrap {
    position: fixed;
    bottom: 27px;
    left: 21px;
    border-radius: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
    left: 0px !important;
    position: relative !important;
  }

  #adonis_jp_container.container {
    padding: 0px 0.8rem;
  }

  .adonis-player .poster .des {
    padding-left: 0px;
    max-width: 100%;
    -webkit-transition: max-width 1s;
    transition: max-width 1s;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
    display: none;
  }

  .song-poster-ajax {
      display: block!important;
  }

  .jp-title {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    overflow: hidden;
    width: 90px;
  }

  .jp-title span {
    display: inline-block;
    min-width: 100%;
    white-space: nowrap;
    font-size: 14px;
    animation: marquee 10s ease-in-out;
  }

  .artist-name {
    font-size: 11px;
    width: 90px;
  }

  .song-poster-ajax img {
    height: 50px;
    width: 50px;
  }

  .blog .cover img {
    width: 100%;
    height: 150px !important;
  }
  .hit-featured .cover img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    object-fit: cover;
    transition: 2s;
  }
  .promotion-slide .thumb img {
    width: 370px !important;
    height: 200px !important;
  }
  .hit-featured {
    margin-bottom: 120px;
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 300px;
    border-radius: 16px;
  }
  .card.featured .cover img {
    height: 300px !important;
  }

  .blog .list .card {
    flex-direction: column;
  }

  .entrar-btn button {
      display: none;
  }
   .entrar-btn a {
      display: none;
  }
  
  .entrar-btn .logo img {
      width: 220px;
      display: block;
  }
  .blog {
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  article.feed.featured.feed-lg-v1.blog {
      padding-right: 0rem!important;
  }
  .cronograma {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .cronograma-lista {
    position: relative;
    top: -20px;
    width: 100%;
  }

  .apresentador {
    display: none;
  }

  .on-air .info h3 {
    width: 100%;
  }

  .on-air .programa {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .top-footer .col-lg-3,
  .col-lg-2,
  .col-lg-4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  .about-section {
    padding-bottom: 20px;
  }

  .social-content {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  section .header {
    display: flex;
    flex-direction: column !important;
  }

  section .header .btn {
    position: relative;
    margin-top: 8px;
  }

  .hits-slide .slick-prev {
    top: 50%;
    right: auto;
    left: -9px;
    border-radius: 16px !important;
  }

  .hits-slide .slick-next {
    top: 50%;
    right: -20px;
    left: auto;
    border-radius: 16px !important;
  }

  .events-slide .slick-prev {
    top: 50%;
    right: auto;
    left: -9px;
    border-radius: 16px !important;
  }

  .events-slide .slick-next {
    top: 50%;
    right: -20px;
    left: auto;
    border-radius: 16px !important;
  }

  .ads-slide .slick-prev {
    top: 50%;
    right: auto;
    left: -9px;
    border-radius: 16px !important;
  }

  .ads-slide .slick-next {
    top: 50%;
    right: -20px;
    left: auto;
    border-radius: 16px !important;
  }

  .promotion-slide .cover img {
    width: 385px !important;
  }
  .events-slide .cover img {
    width: 385px !important;
  }

  .ad-600 {
    width: 100%!important;
    background-position: center!important;
  }

  .events-slide .header {
    width: 385px !important;
  }
  .events .slick-next {
    right: -9px;
  }
  .hits .slick-next {
      right: -9px;
  }
  .ads .slick-next {
      right: -9px!important;
  }
  .hits-slide .cover img {
    width: 385px !important;
  }
}

.bg-transparent {
  background: none;
  color: #000;
  border: none;
}

.whatsapp .btn p {
  max-width: 0;
  -webkit-transition: max-width 1s;
  transition: max-width 1s;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}

.whatsapp .btn:hover p {
  max-width: 8rem;
  margin-left: 5px;
}

.whatsapp .btn:hover {
  transition: 0.5s;
  width: 178px;
  background: #5aff762e !important;
}

.whatsapp .btn i {
  padding: 0px;
  font-size: 18px;
}

.adonis-player .controls {
  position: absolute;
  right: 12px;
}

.adonis-player .poster {
  position: absolute;
  left: 12px;
}

.camera {
  display: flex;
  align-items: center;
  background: #ff5a5a2e;
  justify-content: center;
  border-radius: 16px;
  position: relative;
  transition: 0.5s;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  border: solid 1px;
  border-color: rgb(211 37 37 / 8%);
  cursor: pointer;
}

.camera .icon svg path {
  stroke: #fff;
}

.camera .onair {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff4747;
  position: absolute;
  top: 0px;
  right: 0px;
}

.camera p {
  /* max-width: 0; */
  -webkit-transition: max-width 1s;
  transition: max-width 1s;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}

.camera:hover p {
  max-width: 8rem;
  margin-left: 5px;
}

.camera .icon svg {
  width: 19px;
}

.camera .icon {
  height: 24px;
  width: 19px;
}

.ultimos-registrados .user {
  display: flex !important;
  align-items: center;
  background: #1f1f1f5e;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 16px;
  margin-right: 5px;
  opacity: 1;
  transition: opacity 0.5s;
  font-size: 13px;
  height: 40px;
  backdrop-filter: blur(8px);
}

.ultimos-registrados .user span {
  padding-left: 5px;
  color: #fff;
}

.ultimos-registrados .user .avatar img {
  border: none;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

.ultimos-registrados {
  position: absolute;
  bottom: 98px;
  width: 300px;
  margin: auto;
  background: var(--acrylicPanel);
  -webkit-backdrop-filter: var(--blur, blur(15px));
  backdrop-filter: var(--blur, blur(15px));
  border-radius: 999px;
  overflow: clip;
  width: 550px;
  display: flex;
  align-items: center;
}

.ultimos-registrados .user.inactive {
  opacity: 0;
}

.ultimos-registrados .user .avatar {
  height: 30px;
}

body.dark::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: #101012;
}

body.dark::-webkit-scrollbar
{
	width: 5px;
	background-color: #101012;
}

body.dark::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	background-color: #ffffff;
}

.adonis-player-wrap.scroll-player {
  position: fixed;
  bottom: 27px;
  left: 21px;
  border-radius: 40px !important;
  padding-bottom: 10px!important;
  padding-top: 10px!important;
  z-index: 999;
}

.scroll-player .adonis-player {
  flex-direction: row;
}

.scroll-player .adonis-player .poster {
  position: inherit;
  padding-right: 10px;
}

.scroll-player .adonis-player .controls {
  position: inherit;
  right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scroll-player .adonis-player .controls .jp_controls_wrapper {
  flex-direction: row;
  justify-content: center;
}

.scroll-player .camera {
  margin-right: 10px;
}

.scroll-player .des {
  padding-left: 0px;
  max-width: 0;
  -webkit-transition: max-width 1s;
  transition: max-width 1s;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
}

.scroll-player .resp {
  padding-right: 10px;
}

.scroll-player .container {
  padding: 0px 1rem;
}

.dark .blog .card.featured .content .tags .leitura {
  color: var(--text-color);
}

.dark .card.featured h1 {
  color: var(--text-color);
}

.dark .card .info p {
  color: var(--text-color);
}

h1 {
  color: var(--text-color);
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.dark .events-slide .header h1 {
  color: var(--text-active-color);
}

.dark .mobile-section {
  background: var(--card-color);
}


.dark .cronograma-lista {
  background: rgb(30 30 30 / 80%);
}

.dark .programa-info h3 {
  color: var(--text-color);
}

.dark .programa-info p {
  color: var(--text-color);
}

.dark .programa-horario {
  color: var(--text-color);
}

.dark .cronograma-lista .list .card {
  border-color: #ffffff17;
}

.dark .cronograma-lista .list .card.featured {
  background: var(--background-light-color)!important;
  border-color: var(--border-color)!important;
}

.dark .on-air .programa .tags .tag {
  background: var(--background-secondary-color);
  color: #fff;
}

.dark .timer span {
  background: var(--text-color);
}

.light .ad-800 {
  background-color: var(--light-one);
}

.light .ad-150-px {
  background-color: var(--light-one);
}

.modal-title {
  text-align: center;
  font-size: 19px;
}

.modal-body {
  padding: 50px;
}

.modal-body p {
  font-size: 13px;
  text-align: center;
  color: #767a7f;
}

.login-btn {
  padding-top: 2rem;
}

.login-btn .social-btn {
  padding: 13px 10px;
  background: transparent;
  border: solid 1px #0000001a;
  color: var(--text-active-color);
  font-weight: 600;
  transition: 0.5s;
}

.login-btn .social-btn .icon {
  padding-right: 5px;
}

.login-btn .social-btn .icon svg {
  width: 20px;
  height: 20px;
}

.divider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
}

.divider .line {
  height: 1px;
  width: 100%;
  background: #0000000f;
}

.divider span {
  padding-left: 40px;
  padding-right: 40px;
}

.modal .form-control {
  border: none;
  padding: 0px;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  background: transparent;
}

.form-group label {
  font-size: 13px;
  font-weight: 300;
  color: #4b5361f0;
}

.input-group .icon {
  padding-right: 10px;
}

.input-icon {
  position: relative;
  width: 100%;
  padding: 10px 10px;
  border: solid 1px #0000001a;
  border-radius: 16px;
  display: flex;
  align-items: center;
  color: var(--placeholder-color);
  transition: .5s;
}

.input-icon input {
  padding-top: 0px !important;
  padding-right: 20px !important;
  background: transparent;
}

.form-group .form-label {
  font-size: 13px;
  float: right;
}

.modal-content {
  background: #ffffff;
}

.modal-backdrop.show {
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  background: #0000007a;
  opacity: 1 !important;
}

.login-btn .social-btn:hover {
  background: #6f93ff0f;
  transition: 0.5s;
}

.login-btn .social-btn:hover {
  background: #6f93ff0f;
  transition: 0.5s;
}

.btn:hover {
  /* background: var(--bs-btn-hover-bg) !important; */
  /* color: #fff; */
}

.btn-primary {
  background: var(--bs-btn-bg) !important;
  color: #fff !important;
}

.dark .modal-content {
  background: var(--background-secondary-color);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.dark .login-btn .social-btn {
  color: #fff;
  border-color: #ffffff1a;
}

.dark .divider .line {
  background: #ffffff1a;
}

.dark .form-group label {
  color: #ffffff;
}

.dark .input-icon {
  border-color: #ffffff1a;
}

.dark form .text-dark {
  color: var(--text-color) !important;
}

.light .login-btn .social-btn {
  color: var(--text-color);
}

@keyframes marquee {
  0% {
    transform: translateX(0);
    margin-left: 0;
  }

  50% {
    transform: translateX(-100%);
    margin-left: 100%;
  }

  100% {
    transform: translateX(0);
    margin-left: 0;
  }
}

@keyframes rotate-disc {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.scroll-player .media.current-item:hover .des {
  max-width: 12rem;
  margin-left: 5px;
}

.song-poster-ajax {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

header.small-slide {
  position: inherit;
}

.banner.small {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sliders.small.container.desktop {
  padding: 0px;
  margin: 0px;
}

.banner.small footer .adonis-player-wrap {
  border-radius: 0px 0px 40px 40px;
}

.banner.small .sliders.container.desktop .slide {
  border-radius: 40px 40px 40px 40px;
  height: 700px !important;
}

.page-single .banner-blog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 120px;
}

.banner-blog.small .slick-slide {
  opacity: 0;
}

.page-blog-list .banner-blog {
    margin-top: 120px;
    display: flex;
    flex-direction: column;
}
.page-blog-list .banner-blog footer .adonis-player-wrap {
  border-radius: 0px 0px 40px 40px;
}

.banner-blog.small .sliders.container.desktop .slide {
  border-radius: 40px 40px 40px 40px;
  height: 700px !important;
}

.page-single header,  .page-blog-list header{
  /* background: var(--background-nav-color); */
  /* margin-bottom: 16px; */
  /* border-bottom: 1.283px solid rgba(255, 255, 255, 0.08); */
}

h5#programTimeEnd {
  color: var(--light-one);
}

.apresentador-div {
  display: flex;
  height: 280px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 30%;
  height: 100%;
}

section .cronograma {
  padding-bottom: 90px;
  padding-top: 90px;
}

.btn-row {
  padding: 10px;
  background: var(--text-color);
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: solid 4px var(--background-color);
  position: absolute;
  bottom: -20px;
}
.programa-item.group {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.group-locutor {
  display: flex;
  align-items: center;
  margin-left: 8px;
}

.group .programa-info {
  height: 50px;
  overflow: hidden;
}

.group-locutor img.locutor {
  margin-left: -8px;
  border-left: solid 2px var(--card-color);
}

@keyframes pulse2 {
  0% {
    border: solid 6px var(--background-color);
    box-shadow: 0px 0px 0px 6px #f2f2f28c;
  }

  10% {
    border: solid 10px #f2f2f2a1;
    box-shadow: 0px 0px 0px 10px #f2f2f28c;
  }

  50% {
    border: solid 6px #f2f2f2a3;
    box-shadow: 0px 0px 0px 6px #f2f2f2b5;
  }

}


@-webkit-keyframes fadeInFromNone {
  0% {
      opacity: 0;
  }

  1% {
      display: block;
      opacity: 0;
  }

  100% {
      display: block;
      opacity: 1;
  }
}

@-moz-keyframes fadeInFromNone {
  0% {
      opacity: 0;
  }

  1% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@-o-keyframes fadeInFromNone {
  0% {
      opacity: 0;
  }

  1% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@keyframes fadeInFromNone {
  0% {
      opacity: 0;
  }

  1% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

.fadeopacity
{
    -webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}
.camera:hover {
  transition: 0.5s;
  width: 162px;
}
.xatdo {
  display: flex;
  white-space: nowrap;
  animation-play-state: inherit;
}

.xhtbz {
  overflow: clip;
  animation-play-state: running;
}

.xhtbz:hover {
  animation-play-state: paused
}

.xgYHc {
  display: flex;
  animation-name: x8M5E;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: inherit;
  animation-play-state: inherit
}

.xclje .xgYHc {
  animation-play-state: paused
}

@keyframes x8M5E {
  0% {
      transform: translate(-100%);
  }

  to {
      transform: translate(0%);
  }
}

.camera:hover {
  transition: 0.5s;
  width: 162px;
}

.jp-volume-controls:hover {
  width: 189px;
  transition: 0.5s;
}

.adonis-player-wrap .jp-volume-controls:hover .jp-volume-bar {
  width: 130px;
  transition: 0.5s;
}

.slider-track {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}


.heading-title-lg {
  font-style: normal;
  font-size: 2.75rem;
  line-height: 1em;
  font-weight: 800;
  letter-spacing: .04em
}

@media(max-width: 992px) {
  .heading-title-lg {
      font-size:2.375rem
  }
}

@media(max-width: 768px) {
  .heading-title-lg {
      font-size:2.25rem
  }
}

@media(max-width: 576px) {
  .heading-title-lg {
      font-size:2rem;
      line-height: 2rem;
      font-weight: 800;
      letter-spacing: .04em
  }
}

.heading-title-md {
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1em;
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--feeds-title-color) !important;
}

@media(max-width: 992px) {
  .heading-title-md {
      font-size:2rem
  }
}

@media(max-width: 768px) {
  .heading-title-md {
      font-size:1.9166666667rem
  }
}

@media(max-width: 576px) {
  .heading-title-md {
      font-size:1.75rem;
      line-height: 1.75rem;
      font-weight: 800;
      letter-spacing: .04em
  }
}

.heading-title-sm {
  font-style: normal;
  font-size: 1.75rem;
  line-height: 1em;
  font-weight: 800;
  letter-spacing: .04em
}

@media(max-width: 992px) {
  .heading-title-sm {
      font-size:1.625rem
  }
}

@media(max-width: 768px) {
  .heading-title-sm {
      font-size:1.5833333333rem
  }
}

@media(max-width: 576px) {
  .heading-title-sm {
      font-size:1.5rem;
      line-height: 1.5rem;
      font-weight: 800;
      letter-spacing: .04em
  }
}

.section-heading-default .heading-section,.section-heading-link .heading-section,.section-heading-controls .heading-section,.section-heading-pills .heading-section {
  background-color: rgba(0,0,0,0) !important;
  padding-bottom: .625rem !important;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important
}

.section-heading-default .heading-section::after,.section-heading-link .heading-section::after,.section-heading-controls .heading-section::after,.section-heading-pills .heading-section::after {
  content: "";
  display: block;
  width: 100%;
  height: .125rem;
  background: var(--linegradient);
  position: absolute;
  bottom: 0rem;
  left: 0;
  z-index: 1
}

.section-heading-default .heading-section::before,.section-heading-link .heading-section::before,.section-heading-controls .heading-section::before,.section-heading-pills .heading-section::before {
  content: "";
  display: block;
  width: 3rem;
  height: .25rem;
  background: var(--main-color);
  position: absolute;
  bottom: 0rem;
  left: 0;
  z-index: 2;
  border-radius: 1rem
}

.section-heading-default a,.section-heading-link a,.section-heading-controls a,.section-heading-pills a {
  transition: all .3s ease-in-out;
  color: var(--text-color);
  align-items: center;
}

.section-heading-default a:hover,.section-heading-link a:hover,.section-heading-controls a:hover,.section-heading-pills a:hover {
  color: var(--main-color) !important
}

.feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1px;
}

.feed .feed-figure {
  position: relative;
  transition: all .2s ease-in-out;
  height: fit-content;
  max-width: 100%;
  border-radius: var(--feeds-img-radius);
  overflow: hidden;
  margin: 0
}

.feed .feed-figure p {
  backdrop-filter: blur(7.5px);
  -webkit-backdrop-filter: blur(7.5px);
  background-color: var(--feeds-img-overlay-bg);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  color: var(--feeds-img-overlay-text);
  opacity: 0;
  transition: all .2s ease-in-out;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: .5rem
}

.feed-link {
  text-decoration: none
}

.feed-hat {
  color: var(--feeds-hat-color);
  transition: all .2s ease-in-out
}

.feed-title {
  color: var(--feeds-title-color);
  transition: all .2s ease-in-out
}

.feed-excert {
  color: var(--feeds-excert-color);
  transition: all .2s ease-in-out
}

@media(hover: hover) {
  .feed:hover .hover-overlay p {
      visibility:visible;
      opacity: 1
  }

  .feed:hover .feed-hat {
      color: var(--feeds-hat-hover)
  }

  .feed:hover .feed-title {
      color: var(--feeds-title-hover)
  }

  .feed:hover .feed-excert {
      color: var(--feeds-excert-hover)
  }
}

.feed.feed-player .feed-link .feed-figure::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%27104%27 height=%27104%27 viewBox=%270 0 104 104%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%2752%27 cy=%2752%27 r=%2752%27 fill=%27black%27/%3e%3cpath d=%27M82.9835 48.2954C85.5835 49.7965 85.5834 53.5493 82.9834 55.0504L36.9057 81.6534C34.3057 83.1545 31.0557 81.2781 31.0557 78.2759L31.0557 25.0699C31.0557 22.0677 34.3057 20.1913 36.9057 21.6924L82.9835 48.2954Z%27 fill=%27%23FFB726%27/%3e%3c/svg%3e");
  border: .1875rem solid var(--main-color);
  border-radius: 100%
}

.feed-media-xxl-v1 .feed-link .feed-body::before {
  color: var(--main-color);
  border: .125rem solid var(--main-color)
}

.feed-media-md-v1 .feed-link .feed-body::before {
  color: var(--main-color);
  border: .125rem solid var(--main-color)
}

.feed-media-md-v1:hover .feed-body::before,.feed-media-xxl-v1:hover .feed-body::before {
  background-color: var(--main-color);
  color: #141414;
  border-color: var(--main-color)
}

.feed .feed-figure p {
  display: none !important
}

.feed .feed-body .feed-hat {
  text-transform: uppercase
}

.feed-xxl-v1,.feed-xxl-v2 {
  border-radius: 40px 40px 0px 0px;
  overflow: auto;
}

.feed-xxl-v1 .feed-figure,.feed-xxl-v2 .feed-figure {
  border-radius: 0px;
}

.feed-xxl-v2 .feed-figure {
  width: 58.3333333333%;
}

@media(min-width: 768px) {
  .feed-xxl-v1.feed-player .feed-link .feed-figure::before,.feed-xxl-v2.feed-player .feed-link .feed-figure::before {
      width:6.5rem;
      height: 6.5rem
  }
}
@media(max-width: 768px) {
  .feed-xxl-v2{
    height: 100%!important;
    border-radius: 0px;
    overflow: inherit;
  }
  .jp-volume-controls{
    display: none!important;
  }
  .feed-xxl-v2 .feed-title {
    color: #fff;
  }
  .feed-xxl-v2 .feed-excert {
    color: rgba(255, 255, 255, 0.6);
  }
  header.small {
    background: var(--background-nav-color);
    margin-bottom: 0px!important;
  }
  .feed-xxl-v2 .feed-link {
    height: 742px!important;
  }
}

.feed-xxl-v2 {
  background-size: cover;
  height: 480px;
  background: linear-gradient(rgba(45, 45, 45, 0.6) -5.96%, rgba(45, 45, 45, 0.12) 100%)!important;
}

.light .feed-xxl-v2 {
  background: #fff !important;
}

.feed-xxl-v2 .feed-link {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0;
  backdrop-filter: blur(0px);
  height: 480px;
  align-items: center;
}

@media(max-width: 768px) {
  .feed-xxl-v2 .feed-link {
      flex-direction:column;
      gap: 0;
      background: #0e0e0e;
      margin: 0 -1.5rem
  }
}

.feed-xxl-v2 .feed-figure {
  flex: 1;
  margin: 0px;
  border-right: solid 1px #ffffff1f;
}

@media(min-width: 768px) {
  .feed-xxl-v2 .feed-figure {
      border-radius: 0px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }
}

.feed-xxl-v1 .feed-figure {
  flex: 1
}

.feed-xxl-v1 .feed-figure img {
  width: 100%;
  max-width: 100%
}

@media(max-width: 768px) {
  .feed-xxl-v1 .feed-figure {
      border-radius:0
  }
}

.feed-xxl-v1 .feed-body {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column
}

@media(max-width: 768px) {
  .feed-xxl-v1 .feed-body {
      justify-content:flex-start;
      width: 100%;
      padding: 2rem
  }
}

.feed-xxl-v1 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-xxl-v1 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-xxl-v1 .feed-body .feed-excert {
  margin-top: 1.5rem;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-xxl-v1 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-xxl-slim-v1 .feed-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row
}

@media(max-width: 768px) {
  .feed-xxl-slim-v1 .feed-link {
      flex-direction:column;
      gap: 0;
      background: #0e0e0e;
      margin: 0 -24px
  }
}

.feed-xxl-slim-v1 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column
}

@media(max-width: 768px) {
  .feed-xxl-slim-v1 .feed-body {
      justify-content:flex-start;
      width: 100%;
      padding: 2rem
  }
}

.feed-xxl-slim-v1 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-xxl-slim-v1 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-xxl-slim-v1 .feed-body .feed-excert {
  margin-top: 1.5rem;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-xxl-slim-v1 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-xl-v1 .feed-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.5rem
}

@media(max-width: 768px) {
  .feed-xl-v1 .feed-link {
      gap:0;
      margin: 0 -24px
  }
}

.feed-xl-v1 .feed-figure {
  width: 100%
}

.feed-xl-v1 .feed-figure img {
  width: 100%;
  max-width: 100%
}

@media(max-width: 768px) {
  .feed-xl-v1 .feed-figure {
      border-radius:0
  }
}

.feed-xl-v1 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column
}

@media(max-width: 768px) {
  .feed-xl-v1 .feed-body {
      justify-content:flex-start;
      width: 100%;
      padding: 1.5rem
  }
}

.feed-xl-v1 .feed-body .feed-hat {
  margin-bottom: 1rem
}

@media(max-width: 768px) {
  .feed-xl-v1 .feed-body .feed-hat {
      margin-bottom:.5rem
  }
}

.feed-xl-v1 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-xl-v1 .feed-body .feed-excert {
  margin-top: 1.5rem;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-xl-v1 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-xl-v2 .feed-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.5rem
}

@media(max-width: 768px) {
  .feed-xl-v2 .feed-link {
      gap:0
  }
}

.feed-xl-v2 .feed-figure {
  width: 100%
}

.feed-xl-v2 .feed-figure img {
  width: 100%;
  max-width: 100%
}

.feed-xl-v2 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column
}

@media(max-width: 768px) {
  .feed-xl-v2 .feed-body {
      justify-content:flex-start;
      width: 100%;
      padding-top: 1.5rem
  }
}

.feed-xl-v2 .feed-body .feed-hat {
  margin-bottom: 1rem
}

@media(max-width: 768px) {
  .feed-xl-v2 .feed-body .feed-hat {
      margin-bottom:.5rem
  }
}

.feed-xl-v2 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-xl-v2 .feed-body .feed-excert {
  margin-top: 1.5rem;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-xl-v2 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-lg-v1 .feed-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 2rem;
}

@media(max-width: 768px) {
  .feed-lg-v1 .feed-link {
      flex-direction:column;
      gap: 1rem
  }
}

.feed-lg-v1 .feed-figure img {
  width: 324px;
  max-width: 100%;
  aspect-ratio: 1.5!important;
}

@media(max-width: 992px) {
  .feed-lg-v1 .feed-figure img {
      width:182px
  }
}

@media(max-width: 768px) {
  .feed-lg-v1 .feed-figure img {
      width:100%
  }
}

@media(max-width: 768px) {
  .feed-lg-v1 .feed-figure {
      width:100%;
      border-radius: 16px 16px 0px 0px!important;
      border-bottom: 1.283px solid rgba(255, 255, 255, 0.08);
      border-right: none!important;
  }
}

.feed-lg-v1 .feed-body {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

@media(max-width: 768px) {
  .feed-lg-v1 .feed-body {
      justify-content:flex-start;
      width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
  }
}

.feed-lg-v1 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-lg-v1 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-lg-v1 .feed-body .feed-excert {
  margin-top: .25em;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-lg-v1 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-lg-v1.feed-player .feed-link .feed-figure::before {
  bottom: 1.5rem;
  left: 1.5rem;
  height: 4rem;
  width: 4rem
}

.feed-lg-v2 .feed-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 1rem
}

@media(max-width: 768px) {
  .feed-lg-v2 .feed-link {
      gap:1.5rem
  }
}

.feed-lg-v2 .feed-figure img {
  width: 96px;
  max-width: 100%
}

.feed-lg-v2 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex: 1
}

.feed-lg-v2 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-lg-v2 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-lg-v2.feed-player .feed-link .feed-figure::before {
  bottom: .5rem;
  left: .5rem;
  height: 2rem;
  width: 2rem
}

.feed-lg-v3 .feed-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 2rem
}

@media(max-width: 768px) {
  .feed-lg-v3 .feed-link {
      flex-direction:column;
      gap: 1rem
  }
}

.feed-lg-v3 .feed-figure img {
  width: 500px;
  max-width: 100%
}

@media(max-width: 1200px) {
  .feed-lg-v3 .feed-figure img {
      width:360px
  }
}

@media(max-width: 992px) {
  .feed-lg-v3 .feed-figure img {
      width:182px
  }
}

@media(max-width: 768px) {
  .feed-lg-v3 .feed-figure img {
      width:100%
  }
}

@media(max-width: 768px) {
  .feed-lg-v3 .feed-figure {
      width:100%
  }
}

.feed-lg-v3 .feed-body {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column
}

@media(max-width: 768px) {
  .feed-lg-v3 .feed-body {
      justify-content:flex-start;
      width: 100%
  }
}

.feed-lg-v3 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-lg-v3 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-lg-v3 .feed-body .feed-excert {
  margin-top: 1rem;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-lg-v3 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-lg-v3.feed-player .feed-link .feed-figure::before {
  bottom: 1.5rem;
  left: 1.5rem;
  height: 4rem;
  width: 4rem
}

.feed-md-v1 .feed-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
}

@media(max-width: 768px) {
  .feed-md-v1 .feed-link {
      gap:1rem
  }
}

.feed-md-v1 .feed-figure {
  width: 100%
}

.feed-md-v1 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%
}

@media(max-width: 768px) {
  .feed-md-v1 .feed-body {
      justify-content:flex-start
  }
}

.feed-md-v1 .feed-body .feed-hat {
  margin-bottom: .5rem;
}

.feed-md-v1 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-md-v1 .feed-body .feed-excert {
  margin-top: 1rem;
  margin-bottom: 0
}

@media(max-width: 768px) {
  .feed-md-v1 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-md-v1.feed-player .feed-link .feed-figure::before {
  bottom: 1.5rem;
  left: 1.5rem;
  height: 4rem;
  width: 4rem
}

@media(max-width: 768px) {
  .feed-md-v1.feed-player .feed-link .feed-figure::before {
      bottom:1.5rem;
      left: 1.5rem;
      height: 4rem;
      width: 4rem
  }
}

.feed-md-v2 .feed-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 1rem
}

@media(max-width: 768px) {
  .feed-md-v2 .feed-link {
      gap:1.5rem
  }
}

.feed-md-v2 .feed-figure img {
  width: 96px;
  max-width: 100%
}

.feed-md-v2 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex: 1
}

.feed-md-v2 .feed-body .feed-hat {
  margin-bottom: .5rem
}
.feed-xxl-v2 .feed-figure img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  height: 480px!important;
  object-position: top;
}

@media(max-width: 768px) {
  .feed-xxl-v2 .feed-figure {
      width:100%;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0
  }
}

.feed-xxl-v2 .feed-body {
  width: 33.9%;
  padding: 0 2.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column
}

@media(max-width: 768px) {
  .feed-xxl-v2 .feed-body {
      justify-content:flex-start;
      width: 100%;
      padding: 2rem
  }
}

.feed-xxl-v2 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-xxl-v2 .feed-body .feed-title {
  margin-bottom: 0
}

@media(max-width: 87.5rem) {
  .feed-xxl-v2 .feed-body .feed-title {
      font-size:2.2rem
  }
}

@media(max-width: 75rem) {
  .feed-xxl-v2 .feed-body .feed-title {
      font-size:2rem
  }
}

@media(max-width: 68.75rem) {
  .feed-xxl-v2 .feed-body .feed-title {
      font-size:1.8rem
  }
}

.feed-xxl-v2 .feed-body .feed-excert {
  margin-top: 1.5rem;
  margin-bottom: 0
}

@media(min-width: 48rem)and (max-width: 62rem) {
  .feed-xxl-v2 .feed-body .feed-excert {
      display:none
  }
}

@media(max-width: 768px) {
  .feed-xxl-v2 .feed-body .feed-excert {
      margin-top:.5rem
  }
}

.feed-xl-v1 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-md-v1 .feed-figure img {
  object-fit: cover;
  width: 440px;
}

.feed-sm-v5 .feed-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.5rem
}

@media(max-width: 768px) {
  .feed-sm-v5 .feed-link {
      flex-direction:row;
      gap: 1.5rem
  }
}

.feed-sm-v5 .feed-figure {
  width: 100%
}

.feed-sm-v5 .feed-figure img {
  width: 100%;
  max-width: 100%
}

@media(max-width: 768px) {
  .feed-sm-v5 .feed-figure {
      width:6rem
  }

  .feed-sm-v5 .feed-figure img {
      aspect-ratio: 1 !important
  }
}

.feed-sm-v5 .feed-body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%
}

@media(max-width: 768px) {
  .feed-sm-v5 .feed-body {
      justify-content:flex-start;
      flex: 2
  }
}

.feed-title-xxl {
  font-style: normal;
  font-size: 1.75rem;
  line-height: 1.1363636364em;
  font-weight: 700;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .feed-title-xxl {
      font-size:2.25rem
  }
}

@media(max-width: 768px) {
  .feed-title-xxl {
      font-size:2.0833333333rem
  }
}

@media(max-width: 576px) {
  .feed-title-xxl {
      font-size:1.75rem;
      line-height: 2rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

.feed-title-xl {
  font-style: normal;
  font-size: 2.25rem;
  line-height: 1.1666666667em;
  font-weight: 700;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .feed-title-xl {
      font-size:1.875rem
  }
}

@media(max-width: 768px) {
  .feed-title-xl {
      font-size:1.75rem
  }
}

@media(max-width: 576px) {
  .feed-title-xl {
      font-size:1.5rem;
      line-height: 1.75rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

.feed-title-lg {
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.1428571429em;
  font-weight: 700;
  letter-spacing: .01em;
}

@media(max-width: 992px) {
  .feed-title-lg {
      font-size:1.5625rem
  }
}

@media(max-width: 768px) {
  .feed-title-lg {
      font-size:1.5rem
  }
}

@media(max-width: 576px) {
  .feed-title-lg {
      font-size:1.375rem;
      line-height: 1.625rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

.feed-title-md {
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.1666666667em;
  font-weight: 700;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .feed-title-md {
      font-size:1.375rem
  }
}

@media(max-width: 768px) {
  .feed-title-md {
      font-size:1.3333333333rem
  }
}

@media(max-width: 576px) {
  .feed-title-md {
      font-size:1.25rem;
      line-height: 1.5rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

.feed-title-sm,.related-posts .feed-title-md {
  font-style: normal;
  font-size: .9rem;
  line-height: 1.2222222222em;
  font-weight: 700;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .feed-title-sm,.related-posts .feed-title-md {
      font-size:1.125rem
  }
}

@media(max-width: 768px) {
  .feed-title-sm,.related-posts .feed-title-md {
      font-size:1.125rem
  }
}

@media(max-width: 576px) {
  .feed-title-sm,.related-posts .feed-title-md {
      font-size:1.125rem;
      line-height: 1.375rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

.feed-title-xs {
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25em;
  font-weight: 700;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .feed-title-xs {
      font-size:1rem
  }
}

@media(max-width: 768px) {
  .feed-title-xs {
      font-size:1rem
  }
}

@media(max-width: 576px) {
  .feed-title-xs {
      font-size:1rem;
      line-height: 1.25rem;
      font-weight: 700;
      letter-spacing: .01em
  } 
}

.feed-author {
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .feed-author {
      font-size:1.1875rem
  }
}

@media(max-width: 768px) {
  .feed-author {
      font-size:1.1666666667rem
  }
}

@media(max-width: 576px) {
  .feed-author {
      font-size:1.125rem;
      line-height: 1.125rem;
      font-weight: 400;
      letter-spacing: .02em
  }
}

.feed-hat {
  font-style: normal;
  font-size: .8rem;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .feed-hat {
      font-size:1.125rem
  }
}

@media(max-width: 768px) {
  .feed-hat {
      font-size:1.125rem
  }
}

@media(max-width: 576px) {
  .feed-hat {
      font-size:1.125rem;
      line-height: 1.125rem;
      font-weight: 700;
      letter-spacing: .02em
  }
}

.feed-excert-lg {
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .feed-excert-lg {
      font-size:1.0625rem
  }
}

@media(max-width: 768px) {
  .feed-excert-lg {
      font-size:1.0416666667rem
  }
}

@media(max-width: 576px) {
  .feed-excert-lg {
      font-size:1rem;
      line-height: 1.375rem;
      font-weight: 400;
      letter-spacing: .02em
  }
}

.feed-excert-md,.footer p {
  font-style: normal;
  font-size: 1rem;
  line-height: 1.375em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .feed-excert-md,.footer p {
      font-size:.9375rem
  }
}

@media(max-width: 768px) {
  .feed-excert-md,.footer p {
      font-size:.9166666667rem
  }
}

@media(max-width: 576px) {
  .feed-excert-md,.footer p {
      font-size:.875rem;
      line-height: 1.25rem;
      font-weight: 400;
      letter-spacing: 0
  }
}
.button-default-md, .header-nav .menu-links ul a, .social-share ul li:first-child a::after {
  font-style: normal;
  font-size: 1.1rem;
  line-height: 1.1111111111em;
  font-weight: 700;
  letter-spacing: .04em;
}

.heading-size-md p {
  color: var(--feeds-title-color) !important;
}

.feed-sm-v5 .feed-body .feed-hat {
  margin-bottom: .5rem
}

.feed-sm-v5 .feed-body .feed-title {
  margin-bottom: 0
}

.feed-sm-v5 .feed-body .feed-excert {
  margin-top: .5rem;
  margin-bottom: 0
}

.feed-sm-v5.feed-player .feed-link .feed-figure::before {
  bottom: 1rem;
  left: 1rem;
  height: 3rem;
  width: 3rem
}

.feed-sm-v2 .feed-figure img {
  height: 6rem
}

.feed-sm-v2 .feed-figure img {
  width: 96px;
  max-width: 100%;
}
@media(max-width: 768px) {
  .feed-sm-v2 .feed-figure img {
      height: 6rem;
  }
}

.feed-sm-v3 .feed-link,.feed-sm-v2 .feed-link,.feed-sm-v1 .feed-link {
  align-items: flex-start
}

.feed-sm-v1 .feed-body .feed-excert {
    margin-top: .5rem;
    margin-bottom: 0
}

.feed-sm-v1.feed-player .feed-link .feed-figure::before {
    bottom: 1rem;
    left: 1rem;
    height: 3rem;
    width: 3rem
}

.feed-sm-v2 .feed-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1rem
}

@media(max-width: 768px) {
    .feed-sm-v2 .feed-link {
        gap:1.5rem
    }
}

.feed-sm-v2 .feed-figure img {
    width: 96px;
    max-width: 100%;
}

.feed-sm-v2 .feed-body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
}

.feed-sm-v2 .feed-body .feed-hat {
    margin-bottom: .5rem
}

.feed-sm-v2 .feed-body .feed-title {
    margin-bottom: 0
}

.feed-sm-v2.feed-player .feed-link .feed-figure::before {
    bottom: .5rem;
    left: .5rem;
    height: 2rem;
    width: 2rem
}

.feed-sm-v3 .feed-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1rem
}

.feed-sm-v3 .feed-figure img {
    width: 96px;
    max-width: 100%
}

.feed-sm-v3 .feed-body {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    flex: 1
}

.feed-sm-v3 .feed-body .feed-hat {
    margin-bottom: .5rem
}

.feed-sm-v3 .feed-body .feed-title {
    margin-bottom: 0
}

.feed-sm-v3.feed-player .feed-link .feed-figure::before {
    bottom: .5rem;
    left: .5rem;
    height: 2rem;
    width: 2rem
}

.feed.no-excert .feed-excert {
  display: none;
}


@media(max-width: 992px) {
  .feed-title-sm,.related-posts .feed-title-md {
      font-size:1.125rem
  }
}

@media(max-width: 768px) {
  .feed-title-sm,.related-posts .feed-title-md {
      font-size:1.125rem
  }
}

@media(max-width: 576px) {
  .feed-title-sm,.related-posts .feed-title-md {
      font-size:1.125rem;
      line-height: 1.375rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

@media(max-width: 768px) {
    .feed-sm-v3 .feed-link {
        display:flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        gap: 1.5rem
    }
}

@media(max-width: 768px)and (max-width: 768px) {
    .feed-sm-v3 .feed-link {
        gap:1rem
    }
}

@media(max-width: 768px) {
    .feed-sm-v3 .feed-figure {
        width:100%
    }

    .feed-sm-v3 .feed-figure img {
        width: 100%;
        max-width: 100%
    }

    .feed-sm-v3 .feed-body {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%
    }
}

@media(max-width: 768px)and (max-width: 768px) {
    .feed-sm-v3 .feed-body {
        justify-content:flex-start
    }
}

@media(max-width: 768px) {
    .feed-sm-v3 .feed-body .feed-hat {
        margin-bottom:.5rem
    }

    .feed-sm-v3 .feed-body .feed-title {
        margin-bottom: 0
    }

    .feed-sm-v3 .feed-body .feed-excert {
        margin-top: .5rem;
        margin-bottom: 0
    }

    .feed-sm-v3.feed-player .feed-link .feed-figure::before {
        bottom: 1rem;
        left: 1rem;
        height: 3rem;
        width: 3rem
    }
}

.feed-xs-v1 .feed-link {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 1rem
}

.feed-xs-v1 .feed-figure {
    width: 100%
}

.feed-xs-v1 .feed-figure img {
    width: 100%;
    max-width: 100%
}

.feed-xs-v1 .feed-body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%
}

@media(max-width: 768px) {
    .feed-xs-v1 .feed-body {
        justify-content:flex-start
    }
}

.feed-multimedia-v1 .feed-link .feed-figure {
  transition: all .3s ease-in-out;
  position: relative
}

.feed-multimedia-v1 .feed-link .feed-figure img {
  height: 19.5rem;
  transition: all .3s ease-in-out
}

@media(max-width: 992px) {
  .feed-multimedia-v1 .feed-link .feed-figure img {
      height:16rem
  }
}

@media(max-width: 768px) {
  .feed-multimedia-v1 .feed-link .feed-figure img {
      height:14rem
  }
}

.feed-multimedia-v1 .feed-link .feed-figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: .5rem;
  background: #d3d3d3;
  opacity: 0;
  z-index: 1;
  transition: opacity .3s ease-in-out
}

.feed-multimedia-v1 .feed-link:hover .feed-figure {
  box-shadow: 0rem .641rem .8068rem 0rem #000,0rem 0rem 13.7756rem 0rem rgba(255,255,255,.1) inset;
  border-radius: .5rem;
  transform: scale(1.01);
  position: relative;
  z-index: 1
}

.feed-multimedia-v1 .feed-link:hover .feed-figure::after {
  opacity: .05
}

.feed-multimedia-v1 .feed-link:hover .feed-body {
  position: relative;
  z-index: 2
}

.feed-multimedia-v1 .feed-link:hover .feed-body .feed-title,.feed-multimedia-v1 .feed-link:hover .feed-body .feed-excert {
  color: #fff !important;
  opacity: 1 !important
}

.light .list::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: #ffffff;
}

.light .list::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.light .list::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	background-color: #000;
}

.dark .list::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: #000;
}

.dark .list::-webkit-scrollbar
{
	width: 5px;
	background-color: #000;
}

.dark .list::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	background-color: #fff;
}

body.light::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: #f2f2f2;
}

body.light::-webkit-scrollbar
{
	width: 5px;
	background-color: #f2f2f2;
}

body.light::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	background-color: #000;
}

.feed .info {
  padding-left: 10px;
}

.feed .info p {
  font-size: .8rem;
  color: var(--feeds-excert-color);
}

.aspect-auto {
  aspect-ratio: auto !important
}

.aspect-1x1 {
  aspect-ratio: 1 !important;
}

.aspect-2x1 {
  aspect-ratio: 2 !important
}

.aspect-11x16 {
  aspect-ratio: .6875 !important
}

.aspect-16x9 {
  aspect-ratio: 1.7777777778 !important
}

.aspect-16x11 {
  aspect-ratio: 1.4545454545 !important;
}

@media (min-width: 768px){
.aspect-md-1x1 {
    aspect-ratio: 1 !important;
}}
@media(max-width: 768px) {
  .home .most-read-posts {
      row-gap:2.5rem !important
  }
}

.home .most-read-posts .most-read-posts-list {
  row-gap: 2.5rem !important
}

@media(max-width: 768px) {
  .home .most-read-posts .most-read-posts-list {
      row-gap:3rem !important
  }
}

article.feed.featured.feed-lg-v1.blog {border-radius: 16px;background: var(--background-secondary-color);border: 1.283px solid rgba(255, 255, 255, 0.08);padding-right: 2rem;}

.featured.blog .content .categorias .categoria {background: var(--background-light-color);border: 1.283px solid rgba(255, 255, 255, 0.08);color: var(--background-dark-color);}

.featured .feed-title {
    color: rgba(255, 255, 255, 0.8);
}

.featured .feed-excert {color: rgba(255, 255, 255, 0.6);}

.featured .feed-hook-end h1 {
    color: rgba(255, 255, 255, 1);
}

.featured .feed-hook-end p {
    color: rgba(255, 255, 255, .6);
}

.featured .feed-figure {
  border-radius: 16px 0px 0px 16px;
  border-right: 1.283px solid rgba(255, 255, 255, 0.08);
}

.page-blog-single header.small {
  margin-bottom: 1.5rem !important;
}

.page-blog-single .adonis-player-wrap {
  border: 1.283px solid rgba(255, 255, 255, 0.08);
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 16px;
}

.page-blog-single .banner-blog footer {
  bottom: 0px;
}

.page-single header {
  margin-bottom: 1.5rem !important;
}

.page-single .adonis-player-wrap {
  border: 1.283px solid rgba(255, 255, 255, 0.08);
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 16px;
}

.page-single .banner-blog footer {
  bottom: 0px;
}

.content-bread {
  font-style: normal;
  font-size: 1.125rem !important;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-bread {
      font-size:1.125rem !important
  }
}

@media(max-width: 768px) {
  .content-bread {
      font-size:1.125rem !important
  }
}

@media(max-width: 576px) {
  .content-bread {
      font-size:1.125rem !important;
      line-height: 1.125rem;
      font-weight: 700;
      letter-spacing: .02em
  }
}

.content-bread-light {
  
  font-style: normal;
  font-size: 1.125rem !important;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-bread-light {
      font-size:1.125rem !important
  }
}

@media(max-width: 768px) {
  .content-bread-light {
      font-size:1.125rem !important
  }
}

@media(max-width: 576px) {
  .content-bread-light {
      font-size:1.125rem !important;
      line-height: 1.125rem;
      font-weight: 400;
      letter-spacing: .02em
  }
}

.content-title,.wp-block-post-title,:is(.wp-block-post-content,.single-content) .has-x-large-font-size,:is(.wp-block-post-content,.single-content) h1,:is(.wp-block-post-content,.single-content) .h1 {
  
font-style: normal;
  
font-size: 2.5rem !important;
  
line-height: 1.1428571429em;
  
font-weight: 800;
  
letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-title,.wp-block-post-title,:is(.wp-block-post-content,.single-content) .has-x-large-font-size,:is(.wp-block-post-content,.single-content) h1,:is(.wp-block-post-content,.single-content) .h1 {
      font-size:2.6875rem !important
  }
}

@media(max-width: 768px) {
  .content-title,.wp-block-post-title,:is(.wp-block-post-content,.single-content) .has-x-large-font-size,:is(.wp-block-post-content,.single-content) h1,:is(.wp-block-post-content,.single-content) .h1 {
      font-size:2.4166666667rem !important
  }
}

@media(max-width: 576px) {
  .content-title,.wp-block-post-title,:is(.wp-block-post-content,.single-content) .has-x-large-font-size,:is(.wp-block-post-content,.single-content) h1,:is(.wp-block-post-content,.single-content) .h1 {
      font-size:1.875rem !important;
      line-height: 2.25rem;
      font-weight: 800;
      letter-spacing: .02em
  }
}

.content-title-light {
  
  font-style: normal;
  font-size: 3.5rem !important;
  line-height: 1.1428571429em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-title-light {
      font-size:2.4375rem !important
  }
}

@media(max-width: 768px) {
  .content-title-light {
      font-size:2.0833333333rem !important
  }
}

@media(max-width: 576px) {
  .content-title-light {
      font-size:1.375rem !important;
      line-height: 2rem;
      font-weight: 400;
      letter-spacing: .02em
  }
}

.content-hat {
  
  font-style: normal;
  font-size: 1.375rem !important;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-hat {
      font-size:1.25rem !important
  }
}

@media(max-width: 768px) {
  .content-hat {
      font-size:1.2083333333rem !important
  }
}

@media(max-width: 576px) {
  .content-hat {
      font-size:1.125rem !important;
      line-height: 1.125rem;
      font-weight: 700;
      letter-spacing: .02em
  }
}

.content-excert {
  font-style: normal;
  font-size: 1.25rem !important;
  line-height: 1.4em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-excert {
      font-size:1.09375rem !important
  }
}

@media(max-width: 768px) {
  .content-excert {
      font-size:1.0416666667rem !important
  }
}

@media(max-width: 576px) {
  .content-excert {
      font-size:.9375rem !important;
      line-height: 1.375rem;
      font-weight: 400;
      letter-spacing: .02em
  }
}

.content-description,.single-body-thumbnail .wp-caption-text,:is(.wp-block-post-content,.single-content) .wp-block-image figcaption,:is(.wp-block-post-content,.single-content) .wp-block-image .wp-element-caption,#styleguide #sticky-navigation ul li.subnav a {
  font-style: normal;
  font-size: .875rem !important;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: .02em;
  padding-top: 5px;
}

@media(max-width: 992px) {
  .content-description,.single-body-thumbnail .wp-caption-text,:is(.wp-block-post-content,.single-content) .wp-block-image figcaption,:is(.wp-block-post-content,.single-content) .wp-block-image .wp-element-caption,#styleguide #sticky-navigation ul li.subnav a {
      font-size:.75rem !important
  }
}

@media(max-width: 768px) {
  .content-description,.single-body-thumbnail .wp-caption-text,:is(.wp-block-post-content,.single-content) .wp-block-image figcaption,:is(.wp-block-post-content,.single-content) .wp-block-image .wp-element-caption,#styleguide #sticky-navigation ul li.subnav a {
      font-size:.7083333333rem !important
  }
}

@media(max-width: 576px) {
  .content-description,.single-body-thumbnail .wp-caption-text,:is(.wp-block-post-content,.single-content) .wp-block-image figcaption,:is(.wp-block-post-content,.single-content) .wp-block-image .wp-element-caption,#styleguide #sticky-navigation ul li.subnav a {
      font-size:.625rem !important;
      line-height: .625rem;
      font-weight: 500;
      letter-spacing: .02em
  }
}

.content-author {
  font-style: normal;
  font-size: 1rem !important;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-author {
      font-size:1.1875rem !important
  }
}

@media(max-width: 768px) {
  .content-author {
      font-size:1.1666666667rem !important
  }
}

@media(max-width: 576px) {
  .content-author {
      font-size:1.125rem !important;
      line-height: 1.125rem;
      font-weight: 500;
      letter-spacing: .02em
  }
}

.content-infopost,:is(.wp-block-post-content,.single-content) .wp-block-quote cite,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote cite {
  font-style: normal;
  font-size: 1rem !important;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-infopost,:is(.wp-block-post-content,.single-content) .wp-block-quote cite,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote cite {
      font-size:1.0625rem !important
  }
}

@media(max-width: 768px) {
  .content-infopost,:is(.wp-block-post-content,.single-content) .wp-block-quote cite,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote cite {
      font-size:1.0833333333rem !important
  }
}

@media(max-width: 576px) {
  .content-infopost,:is(.wp-block-post-content,.single-content) .wp-block-quote cite,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote cite {
      font-size:1.125rem !important;
      line-height: 1.125rem;
      font-weight: 500;
      letter-spacing: .02em
  }
}

.content-text,:is(.wp-block-post-content,.single-content) a:not(.btn,.wp-block-button__link,.wp-element-button,.feed-link),:is(.wp-block-post-content,.single-content) pre,:is(.wp-block-post-content,.single-content) li,:is(.wp-block-post-content,.single-content) p:not(.feed-excert) {
  font-style: normal;
  font-size: .9rem !important;
  line-height: 1.7272727273em;
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--feeds-title-color);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

@media(max-width: 992px) {
  .content-text,:is(.wp-block-post-content,.single-content) a:not(.btn,.wp-block-button__link,.wp-element-button,.feed-link),:is(.wp-block-post-content,.single-content) pre,:is(.wp-block-post-content,.single-content) li,:is(.wp-block-post-content,.single-content) p:not(.feed-excert) {
      font-size: .9rem !important;
  }
}

@media(max-width: 768px) {
  .content-text,:is(.wp-block-post-content,.single-content) a:not(.btn,.wp-block-button__link,.wp-element-button,.feed-link),:is(.wp-block-post-content,.single-content) pre,:is(.wp-block-post-content,.single-content) li,:is(.wp-block-post-content,.single-content) p:not(.feed-excert) {
      font-size: .9rem !important;
  }
}

@media(max-width: 576px) {
  .content-text,:is(.wp-block-post-content,.single-content) a:not(.btn,.wp-block-button__link,.wp-element-button,.feed-link),:is(.wp-block-post-content,.single-content) pre,:is(.wp-block-post-content,.single-content) li,:is(.wp-block-post-content,.single-content) p:not(.feed-excert) {
      font-size: .9rem !important;
      font-weight: 400;
      letter-spacing: .02em
  }
}

.content-text-bold,:is(.wp-block-post-content,.single-content) b,:is(.wp-block-post-content,.single-content) strong {
  font-style: normal;
  font-size: 1.375rem !important;
  line-height: 1.7272727273em;
  font-weight: 800;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-text-bold,:is(.wp-block-post-content,.single-content) b,:is(.wp-block-post-content,.single-content) strong {
      font-size:1.125rem !important
  }
}

@media(max-width: 768px) {
  .content-text-bold,:is(.wp-block-post-content,.single-content) b,:is(.wp-block-post-content,.single-content) strong {
      font-size:1.0416666667rem !important
  }
}

@media(max-width: 576px) {
  .content-text-bold,:is(.wp-block-post-content,.single-content) b,:is(.wp-block-post-content,.single-content) strong {
      font-size:.875rem !important;
      line-height: 1.75rem;
      font-weight: 800;
      letter-spacing: 0
  }
}

.content-text-italic {
  font-style: italic;
  font-size: 1rem !important;
  line-height: 1.375em;
  font-weight: 800;
  letter-spacing: 0
}

@media(max-width: 992px) {
  .content-text-italic {
      font-size:.9375rem !important
  }
}

@media(max-width: 768px) {
  .content-text-italic {
      font-size:.9166666667rem !important
  }
}

@media(max-width: 576px) {
  .content-text-italic {
      font-size:.875rem !important;
      line-height: 1.75rem;
      font-weight: 400;
      letter-spacing: .01em
  }
}

.content-insert,:is(.wp-block-post-content,.single-content) .wp-block-quote p,:is(.wp-block-post-content,.single-content) .wp-block-verse,:is(.wp-block-post-content,.single-content) .wp-block-quote.is-style-plain p,:is(.wp-block-post-content,.single-content) .wp-block-quote:not(.is-style-plain) p {
  font-style: italic;
  font-size: 1.5rem !important;
  line-height: 1.5833333333em;
  font-weight: 400;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .content-insert,:is(.wp-block-post-content,.single-content) .wp-block-quote p,:is(.wp-block-post-content,.single-content) .wp-block-verse,:is(.wp-block-post-content,.single-content) .wp-block-quote.is-style-plain p,:is(.wp-block-post-content,.single-content) .wp-block-quote:not(.is-style-plain) p {
      font-size:1.3125rem !important
  }
}

@media(max-width: 768px) {
  .content-insert,:is(.wp-block-post-content,.single-content) .wp-block-quote p,:is(.wp-block-post-content,.single-content) .wp-block-verse,:is(.wp-block-post-content,.single-content) .wp-block-quote.is-style-plain p,:is(.wp-block-post-content,.single-content) .wp-block-quote:not(.is-style-plain) p {
      font-size:1.25rem !important
  }
}

@media(max-width: 576px) {
  .content-insert,:is(.wp-block-post-content,.single-content) .wp-block-quote p,:is(.wp-block-post-content,.single-content) .wp-block-verse,:is(.wp-block-post-content,.single-content) .wp-block-quote.is-style-plain p,:is(.wp-block-post-content,.single-content) .wp-block-quote:not(.is-style-plain) p {
      font-size:1.125rem !important;
      line-height: .01em;
      font-weight: 400;
      letter-spacing: .01em
  }
}

.content-quote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote p {
  
  font-style: normal;
  font-size: 1.875rem !important;
  line-height: 1.3333333333em;
  font-weight: 700;
  letter-spacing: .01em
}

@media(max-width: 992px) {
  .content-quote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote p {
      font-size:1.5625rem !important
  }
}

@media(max-width: 768px) {
  .content-quote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote p {
      font-size:1.4583333333rem !important
  }
}

@media(max-width: 576px) {
  .content-quote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote,:is(.wp-block-post-content,.single-content) .wp-block-pullquote blockquote p {
      font-size:1.25rem !important;
      line-height: 1.75rem;
      font-weight: 700;
      letter-spacing: .01em
  }
}

.content-title-h2,.page-template-default .page-header h1,.page-template-default .page-header .h1,:is(.wp-block-post-content,.single-content) .has-large-font-size,:is(.wp-block-post-content,.single-content) h2:not(.feed-title),:is(.wp-block-post-content,.single-content) .h2:not(.feed-title) {
  
font-style: normal;
  
font-size: 2.25rem !important;
  
line-height: 1.1666666667em;
  
font-weight: 800;
  
letter-spacing: .02em;
  
color: var(--feeds-title-color);
}

@media(max-width: 992px) {
  .content-title-h2,.page-template-default .page-header h1,.page-template-default .page-header .h1,:is(.wp-block-post-content,.single-content) .has-large-font-size,:is(.wp-block-post-content,.single-content) h2:not(.feed-title),:is(.wp-block-post-content,.single-content) .h2:not(.feed-title) {
      font-size:2rem !important
  }
}

@media(max-width: 768px) {
  .content-title-h2,.page-template-default .page-header h1,.page-template-default .page-header .h1,:is(.wp-block-post-content,.single-content) .has-large-font-size,:is(.wp-block-post-content,.single-content) h2:not(.feed-title),:is(.wp-block-post-content,.single-content) .h2:not(.feed-title) {
      font-size:1.9166666667rem !important
  }
}

@media(max-width: 576px) {
  .content-title-h2,.page-template-default .page-header h1,.page-template-default .page-header .h1,:is(.wp-block-post-content,.single-content) .has-large-font-size,:is(.wp-block-post-content,.single-content) h2:not(.feed-title),:is(.wp-block-post-content,.single-content) .h2:not(.feed-title) {
      font-size:1.75rem !important;
      line-height: 1.875rem;
      font-weight: 800;
      letter-spacing: .02em
  }
}

.content-title-h3,:is(.wp-block-post-content,.single-content) .has-medium-font-size,:is(.wp-block-post-content,.single-content) h3,:is(.wp-block-post-content,.single-content) .h3 {
  
  font-style: normal;
  font-size: 2rem !important;
  line-height: 1.3125em;
  font-weight: 800;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-title-h3,:is(.wp-block-post-content,.single-content) .has-medium-font-size,:is(.wp-block-post-content,.single-content) h3,:is(.wp-block-post-content,.single-content) .h3 {
      font-size:1.8125rem !important
  }
}

@media(max-width: 768px) {
  .content-title-h3,:is(.wp-block-post-content,.single-content) .has-medium-font-size,:is(.wp-block-post-content,.single-content) h3,:is(.wp-block-post-content,.single-content) .h3 {
      font-size:1.75rem !important
  }
}

@media(max-width: 576px) {
  .content-title-h3,:is(.wp-block-post-content,.single-content) .has-medium-font-size,:is(.wp-block-post-content,.single-content) h3,:is(.wp-block-post-content,.single-content) .h3 {
      font-size:1.625rem !important;
      line-height: 1.75rem;
      font-weight: 800;
      letter-spacing: .02em
  }
}

.content-title-h4,:is(.wp-block-post-content,.single-content) .has-small-font-size,:is(.wp-block-post-content,.single-content) h4,:is(.wp-block-post-content,.single-content) .h4 {
  
  font-style: normal;
  font-size: 1.75rem !important;
  line-height: 1.2142857143em;
  font-weight: 800;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-title-h4,:is(.wp-block-post-content,.single-content) .has-small-font-size,:is(.wp-block-post-content,.single-content) h4,:is(.wp-block-post-content,.single-content) .h4 {
      font-size:1.625rem !important
  }
}

@media(max-width: 768px) {
  .content-title-h4,:is(.wp-block-post-content,.single-content) .has-small-font-size,:is(.wp-block-post-content,.single-content) h4,:is(.wp-block-post-content,.single-content) .h4 {
      font-size:1.5833333333rem !important
  }
}

@media(max-width: 576px) {
  .content-title-h4,:is(.wp-block-post-content,.single-content) .has-small-font-size,:is(.wp-block-post-content,.single-content) h4,:is(.wp-block-post-content,.single-content) .h4 {
      font-size:1.5rem !important;
      line-height: 1.625rem;
      font-weight: 800;
      letter-spacing: .02em
  }
}

.content-title-h5,:is(.wp-block-post-content,.single-content) h5,:is(.wp-block-post-content,.single-content) .h5 {
  
  font-style: normal;
  font-size: 1.5rem !important;
  line-height: 1.25em;
  font-weight: 400;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-title-h5,:is(.wp-block-post-content,.single-content) h5,:is(.wp-block-post-content,.single-content) .h5 {
      font-size:1.4375rem !important
  }
}

@media(max-width: 768px) {
  .content-title-h5,:is(.wp-block-post-content,.single-content) h5,:is(.wp-block-post-content,.single-content) .h5 {
      font-size:1.4166666667rem !important
  }
}

@media(max-width: 576px) {
  .content-title-h5,:is(.wp-block-post-content,.single-content) h5,:is(.wp-block-post-content,.single-content) .h5 {
      font-size:1.375rem !important;
      line-height: 1.5rem;
      font-weight: 800;
      letter-spacing: .02em
  }
}

.content-title-h6,:is(.wp-block-post-content,.single-content) h6,:is(.wp-block-post-content,.single-content) .h6 {
  
  font-style: normal;
  font-size: 1.375rem !important;
  line-height: 1.2727272727em;
  font-weight: 800;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-title-h6,:is(.wp-block-post-content,.single-content) h6,:is(.wp-block-post-content,.single-content) .h6 {
      font-size:1.3125rem !important
  }
}

@media(max-width: 768px) {
  .content-title-h6,:is(.wp-block-post-content,.single-content) h6,:is(.wp-block-post-content,.single-content) .h6 {
      font-size:1.2916666667rem !important
  }
}

@media(max-width: 576px) {
  .content-title-h6,:is(.wp-block-post-content,.single-content) h6,:is(.wp-block-post-content,.single-content) .h6 {
      font-size:1.25rem !important;
      line-height: 1.375rem;
      font-weight: 800;
      letter-spacing: .02em
  }
}

.content-list {
  font-style: normal;
  font-size: 1.5rem !important;
  line-height: 1.5833333333em;
  font-weight: 400;
  letter-spacing: 0
}

@media(max-width: 992px) {
  .content-list {
      font-size:1.3125rem !important
  }
}

@media(max-width: 768px) {
  .content-list {
      font-size:1.25rem !important
  }
}

@media(max-width: 576px) {
  .content-list {
      font-size:1.125rem !important;
      line-height: 1.75rem;
      font-weight: 400;
      letter-spacing: 0
  }
}

.content-list-link {
  font-style: normal;
  font-size: 1.5rem !important;
  line-height: 1.5833333333em;
  font-weight: 700;
  letter-spacing: 0
}

@media(max-width: 992px) {
  .content-list-link {
      font-size:1.3125rem !important
  }
}

@media(max-width: 768px) {
  .content-list-link {
      font-size:1.25rem !important
  }
}

@media(max-width: 576px) {
  .content-list-link {
      font-size:1.125rem !important;
      line-height: 1.75rem;
      font-weight: 700;
      letter-spacing: 0
  }
}

.content-brand-title {
  
  font-style: normal;
  font-size: 1.5rem !important;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-brand-title {
      font-size:1.4375rem !important
  }
}

@media(max-width: 768px) {
  .content-brand-title {
      font-size:1.4166666667rem !important
  }
}

@media(max-width: 576px) {
  .content-brand-title {
      font-size:1.375rem !important;
      line-height: 1.375rem;
      font-weight: 700;
      letter-spacing: .02em
  }
}

.content-brand-subtitle,#styleguide #sticky-navigation ul li a,#styleguide #style-images figure span {
  font-style: normal;
  font-size: 1.125rem !important;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: .02em
}

@media(max-width: 992px) {
  .content-brand-subtitle,#styleguide #sticky-navigation ul li a,#styleguide #style-images figure span {
      font-size:1.0625rem !important
  }
}

@media(max-width: 768px) {
  .content-brand-subtitle,#styleguide #sticky-navigation ul li a,#styleguide #style-images figure span {
      font-size:1.0416666667rem !important
  }
}

@media(max-width: 576px) {
  .content-brand-subtitle,#styleguide #sticky-navigation ul li a,#styleguide #style-images figure span {
      font-size:1rem !important;
      line-height: 1rem;
      font-weight: 700;
      letter-spacing: .02em
  }
}

.content-brand-excert {
  font-style: normal;
  font-size: .75rem !important;
  line-height: 1.8333333333em;
  font-weight: 400;
  letter-spacing: 0
}

@media(max-width: 992px) {
  .content-brand-excert {
      font-size:.75rem !important
  }
}

@media(max-width: 768px) {
  .content-brand-excert {
      font-size:.75rem !important
  }
}

@media(max-width: 576px) {
  .content-brand-excert {
      font-size:.75rem !important;
      line-height: 1.375rem;
      font-weight: 400;
      letter-spacing: 0
  }
}

.single-header .single-head-bottom figure img {
  filter: grayscale(100%) !important;
  width: 48px;
}

.fit-cover {
  object-fit: cover !important;
}


 .single-breadcrumb {
  margin-bottom: 4rem !important
}

 .single-breadcrumb span i {
  color: var(--main-color) !important
}

 .single-header .single-head-bottom .single-author-item .single-author-body a p {
  color: var(--text-color);
}

 .single-header .single-head-bottom figure {
  border: none !important
}

 .single-header .single-head-bottom figure img {
  filter: grayscale(100%) !important;
}

 .single-header .single-head-bottom-center time:first-child {
  margin-right: 2rem !important
}

@media(max-width: 75rem) {
   .single-header .single-head-bottom-center time:first-child {
      margin-right:1.5rem !important
  }
}

 .single-header .single-head-bottom-right .btn-social-share-generic {
  padding: 1rem 2rem;
  flex-direction: row-reverse;
  font-size: .6rem;
  background: transparent;
  color: var(--text-color);
  border: solid 1px var(--feeds-excert-color);
}

 .single-header .single-head-bottom-right .btn-social-share-generic .btn-social-share-generic-text {
  text-transform: uppercase;
  letter-spacing: .045rem
}

@media(max-width: 768px) {
   .single-header .single-head-bottom-right .btn-social-share-generic {
      width:12.5rem;
      justify-content: center
  }
}

 .single-body-thumbnail {
  margin-bottom: 3rem !important
}

 .single-body-thumbnail figure .wp-caption-text {
  color: var(--feeds-title-color);
}

 .single-content .ad-publi {
  margin: 3rem 0
}

@media(max-width: 768px) {
   .single-body .single-body-video {
      margin-left:-1.5rem !important;
      margin-right: -1.5rem !important
  }
}

 .single-body .related-posts {
  row-gap: 2rem !important;
  padding-left: 0 !important;
  margin: 3rem 0 !important
}

@media(max-width: 768px) {
   .single-body .related-posts .section-heading-default {
      margin-bottom:0 !important
  }

   .single-body .related-posts .grid:last-child {
      row-gap: 1.5rem !important
  }
}

 .single-body .tax-links {
  padding-left: 0 !important
}

 .single-body .tax-links .list-unstyled, .single-body .tax-links .footer .menu-obrigatorio-container ul,.footer .menu-obrigatorio-container  .single-body .tax-links ul, .single-body .tax-links .footer .menu-menu-obrigatorias-container ul,.footer .menu-menu-obrigatorias-container  .single-body .tax-links ul, .single-body .tax-links .footer .menu-links>ul,.footer  .single-body .tax-links .menu-links>ul, .single-body .tax-links .footer .menu-links>ul>li ul,.footer .menu-links>ul>li  .single-body .tax-links ul, .single-body .tax-links .header-nav .menu-links ul,.header-nav .menu-links  .single-body .tax-links ul {
  padding-left: 0 !important
}

@media(max-width: 768px) {
   .single-body .tax-links .list-unstyled, .single-body .tax-links .footer .menu-obrigatorio-container ul,.footer .menu-obrigatorio-container  .single-body .tax-links ul, .single-body .tax-links .footer .menu-menu-obrigatorias-container ul,.footer .menu-menu-obrigatorias-container  .single-body .tax-links ul, .single-body .tax-links .footer .menu-links>ul,.footer  .single-body .tax-links .menu-links>ul, .single-body .tax-links .footer .menu-links>ul>li ul,.footer .menu-links>ul>li  .single-body .tax-links ul, .single-body .tax-links .header-nav .menu-links ul,.header-nav .menu-links  .single-body .tax-links ul {
      column-gap:.25rem !important
  }
}

 .single-body .tax-links .list-unstyled li a:hover, .single-body .tax-links .footer .menu-obrigatorio-container ul li a:hover,.footer .menu-obrigatorio-container  .single-body .tax-links ul li a:hover, .single-body .tax-links .footer .menu-menu-obrigatorias-container ul li a:hover,.footer .menu-menu-obrigatorias-container  .single-body .tax-links ul li a:hover, .single-body .tax-links .footer .menu-links>ul li a:hover,.footer  .single-body .tax-links .menu-links>ul li a:hover,.footer .menu-links>ul>li  .single-body .tax-links ul li a:hover, .single-body .tax-links .header-nav .menu-links ul li a:hover,.header-nav .menu-links  .single-body .tax-links ul li a:hover {
  color: #141414 !important;
  background-color: var(--main-color) !important
}

@media(max-width: 768px) {
   .single-body .tax-links .list-unstyled li a, .single-body .tax-links .footer .menu-obrigatorio-container ul li a,.footer .menu-obrigatorio-container  .single-body .tax-links ul li a, .single-body .tax-links .footer .menu-menu-obrigatorias-container ul li a,.footer .menu-menu-obrigatorias-container  .single-body .tax-links ul li a, .single-body .tax-links .footer .menu-links>ul li a,.footer  .single-body .tax-links .menu-links>ul li a,.footer .menu-links>ul>li  .single-body .tax-links ul li a, .single-body .tax-links .header-nav .menu-links ul li a,.header-nav .menu-links  .single-body .tax-links ul li a {
      margin-bottom:1rem
  }
}

 main.single>.related-posts {
  row-gap: 2.5rem !important
}

 main.single>.related-posts .grid {
  row-gap: 2.5rem !important
}

@media(max-width: 768px) {
   header {
      margin-bottom:2.5rem !important
  }

   .single-breadcrumb {
      margin-bottom: 2.5rem !important
  }

   .single-header {
      padding-top: 0 !important
  }

   .single-head-bottom {
      row-gap: 0 !important
  }

   .single-authors .single-author-item {
      margin-bottom: 1.5625rem !important
  }

   .single-authors .single-author-item>div {
      background: none !important;
      padding-left: 0 !important
  }

   .single-head-bottom-right {
      border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
  }
}

 .single-sidebar {
  display: flex;
  flex-direction: column;
  row-gap: 4rem
}

 .single-sidebar .most-read-posts {
  margin: 0 !important;
  width: 100%
}

@media(min-width: 768px) {
   .single-sidebar .most-read-posts .section-heading-default {
      margin-bottom:1.5rem !important
  }
}

 .single-sidebar .most-read-posts .section-heading-default>div {
  padding-top: 0 !important
}

 .single-sidebar .most-read-posts .section-heading-default>div p {
  text-transform: uppercase
}

@media(max-width: 768px) {
   .single-sidebar .most-read-posts .section-heading-default>div {
      margin-bottom:1.5rem !important
  }
}

@media(max-width: 768px) {
   .single-sidebar {
      margin-top:3.5rem !important
  }
}

@media(max-width: 768px) {
   .related-posts {
      padding:0 1.5rem !important
  }

   .related-posts .grid {
      row-gap: 3rem !important
  }
}

 .banner-sponsors a {
  background-image: none !important
}

 .banner-sponsors a:hover {
  background-image: none !important
}

:not(.single-multimedia_sheets) .ad-publi .section-list-streaming {
  margin: 5.5rem 0
}

@media(max-width: 768px) {
  :not(.single-multimedia_sheets) .ad-publi .section-list-streaming {
      margin:3rem 0
  }
}

body.author {
  position: relative
}

body.author::before {
  content: "";
  display: block;
  background: linear-gradient(180deg, #161616 0%, #1e1e1e 45.61%, #121212 100%) !important;
  height: 600px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1
}

@media(max-width: 768px) {
  body.author header {
      margin-bottom:0
  }
}

body.author .archive-authors .heading-addon-author {
  margin-bottom: .625rem;
  margin-top: 4rem !important;
  padding-top: 0 !important;
  background-color: rgba(0,0,0,0) !important
}

@media(max-width: 768px) {
  body.author .archive-authors .heading-addon-author {
      margin-top:1.5rem !important
  }
}

body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top {
  padding-left: 2.25rem !important
}

@media(max-width: 768px) {
  body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top {
      flex:0 0 auto !important;
      width: 58.33333333% !important;
      padding-left: .9375rem !important;
      align-content: flex-end !important
  }
}

body.author .archive-authors .heading-addon-author .heading-addon-author-v2-img img {
  box-shadow: 0rem .625rem 1.875rem 0rem rgba(0,0,0,.5);
  border-radius: .3333rem
}

body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook {
  justify-content: flex-end !important
}

@media(max-width: 768px) {
  body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook {
      justify-content:center !important
  }
}

@media(max-width: 768px) {
  body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .list-unstyled,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-obrigatorio-container ul,.footer .menu-obrigatorio-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-menu-obrigatorias-container ul,.footer .menu-menu-obrigatorias-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-links>ul,.footer body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .menu-links>ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-links>ul>li ul,.footer .menu-links>ul>li body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .header-nav .menu-links ul,.header-nav .menu-links body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .list-unstyled,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-obrigatorio-container ul,.footer .menu-obrigatorio-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-menu-obrigatorias-container ul,.footer .menu-menu-obrigatorias-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-links>ul,.footer body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .menu-links>ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-links>ul>li ul,.footer .menu-links>ul>li body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .header-nav .menu-links ul,.header-nav .menu-links body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul {
      column-gap:2rem !important
  }
}

body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .list-unstyled li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-obrigatorio-container ul li a svg,.footer .menu-obrigatorio-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-menu-obrigatorias-container ul li a svg,.footer .menu-menu-obrigatorias-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .footer .menu-links>ul li a svg,.footer body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .menu-links>ul li a svg,.footer .menu-links>ul>li body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook .header-nav .menu-links ul li a svg,.header-nav .menu-links body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .list-unstyled li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-obrigatorio-container ul li a svg,.footer .menu-obrigatorio-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-menu-obrigatorias-container ul li a svg,.footer .menu-menu-obrigatorias-container body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .footer .menu-links>ul li a svg,.footer body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .menu-links>ul li a svg,.footer .menu-links>ul>li body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul li a svg,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook .header-nav .menu-links ul li a svg,.header-nav .menu-links body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook ul li a svg {
  width: 2rem;
  height: 2rem
}

body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-title h1,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-title .h1 {
  color: rgba(255,255,255,.9) !important
}

@media(max-width: 768px) {
  body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-title h1,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-title .h1 {
      margin-bottom:.5rem !important
  }
}

body.author .archive-authors .heading-addon-author .heading-addon-author-v2-top-description p,body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom p {
  color: rgba(255,255,255,.7) !important
}

@media(max-width: 768px) {
  body.author .archive-authors .heading-addon-author .heading-addon-author-v2-img {
      flex:0 0 auto;
      width: 41.66666667%;
      margin-bottom: 0 !important
  }

  body.author .archive-authors .heading-addon-author .heading-addon-author-v2-bottom-hook {
      padding-top: 0 !important;
      padding-bottom: 0 !important
  }
}

time.content-info-post {
  color: var(--feeds-excert-color);
  font-size: .8rem;
}

.single-content p a {
  color: var(--main-color);
  font-weight: bold!important;
  font-style: italic!important;
}

.feed-sm-v1 .feed-link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.5rem;
}

.avatar-upload {
  position: relative;
  margin: 0px auto;
  padding-bottom: 20px;
}
.avatar-upload .avatar-edit {
  position: absolute;
  right: 15px;
  z-index: 1;
  bottom: 15px;
}
.avatar-upload .avatar-edit input {
  display: none;
}

.avatar-upload .avatar-edit .btnGetImage, .avatar-upload .avataruploadicon {
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: var(--acrylicPanel);
  backdrop-filter: blur(12px);
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(12px);
  color: #FFF;
}

.avatar-upload .avataruploadicon:after {
  content: "\f040";
  font-family: 'FontAwesome';
  text-align: center;
  margin: auto;
}

.avatar-upload .avatar-preview {
  width: 120px;
  height: 120px;
  position: relative;
  border-radius: 100%;
  /* border: 4px solid var(--feeds-excert-color); */
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.ultimos-registrados-tag{
  padding-right: 5px!important;
  margin-right: 0px!important;
  border-radius: 0px!important;
  font-size: .8rem;
  border-right: solid 1px #ffffff0d;
}

.hits .slick-next {
  right: 5px;
}

.events .slick-next {
  right: 5px;
}

.ads .slick-next {
  right: 5px;
}

#new-cookie-consent-container {
  overflow: hidden;
  position: fixed;
  bottom: 0px;
  left: 0px;
  /* display: none; */
  z-index: 100;
  display: flex;
  justify-content: center;
  width: 100%;
  pointer-events: none;
}

@media(max-width: 1100px) {
  .cookie-consent-banner {
      display: flex!important;
      flex-direction: column!important;
  }
  .cookie{
      margin-bottom:15px!important;
  }
  .pull-right{
      margin-top:15px!important;
  }
}

.cookie-consent-banner {
  max-width: 800px;
  display: flex;
  margin: 32px;
  padding: 25px 30px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 20px;
  border-width: 0;
  background-color: var(--background-player-color);
  box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(31 27 45 / 8%), 0 0.25rem 0.75rem rgb(31 27 45 / 8%);
  align-items: center;
  justify-content: space-between;
  align-content: center;
  flex-direction: row;
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(20px);
  pointer-events: all;
}
.cookie-consent-banner p {
  font-size: 12px;
  color: rgb(207 212 234);
  padding-left: 15px;
  justify-content: space-between;
}
.cookie-consent-banner a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

.new-style-button {
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  padding: 10px;
  cursor: pointer;
  outline: none;
  letter-spacing: .5px;
  border-radius: 16px;
  background: var(--main-color);
  margin-left: 10px;
  min-width: 125px;
  height: 50px;
  border: 1px solid rgb(255 255 255 / 20%);
}
.new-style-button:hover {
  background: var(--main-hover-color);
}
.cookie i {
  font-size:20px;
  padding:10px;
  width:40px;
  height:40px;
  display: flex;
  border-radius:100%;
  background: #ffffff0f;
  align-items: center;
  color: #fff;
}
.new-style-button.btn-light-bg{
  background: rgb(45 51 74);
  color: rgb(255 255 255);
  border-radius: 20px 50px 50px 20px;
}


/* Main CSS */
.grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
}
.grid-wrapper > div > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.grid-wrapper {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
.grid-wrapper .wide {
	grid-column: span 2;
}
.grid-wrapper .tall {
	grid-row: span 2;
}
.grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}

.grid-wrapper .promotion-item {
  display: none;
  transition: opacity 0.5s ease-in-out;
  position: relative;
}
.grid-wrapper .promotion-item.visible {
  display: block;
  opacity: 1;
}

.promotions .promotion-item .content {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 16px;
  opacity: 0;
  transition: .5s;
  background: var(--acrylicPanel);
}

.promotions .promotion-item .content h1 {
  padding-left: 1rem;
  font-size: 1rem;
}

.promotions .promotion-item .content p {
  padding-left: 1rem;
  font-size: .8rem;
  color: #ffffff94;
}

.promotions .promotion-item .content .btn {
  margin-left: 1rem;
  border-radius: 0px;
  background: transparent!important;
  border-bottom: solid 1px #fff;
  text-align: start;
  width: 130px;
  padding: 0px;
  margin-top: 10px;
  font-size: .9rem;
  padding-bottom: 5px;
}

.promotions .promotion-item:hover .content {
  opacity: 1;
  transition: .5s;
}

.promotions .promotion-item .content .btn:hover {
  border-bottom: solid 1px var(--main-color);
  color: var(--main-color)!important;
}

.filter-button.active-filter {
  --bs-btn-bg: #0d6efd;
  background: var(--bs-btn-bg) !important;
  color: #fff !important;
  border-color: var(--bs-btn-bg);
}

.participar p {
  line-height: 1.5rem;
  font-size: 1rem;
  color: var(--feeds-excert-color);
}

.participar .btn {
  margin-top: 2rem;
}

.participar {
  padding: 4rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 16px;
  border: 1.283px solid #000;
}

.dark .participar {
  border: 1.283px solid rgba(255, 255, 255, 0.08)!important;
}

.page-programacao-single  .cronograma-lista {
  position: relative;
  background: transparent;
  width: 100%;
  padding: 0px;
  -webkit-backdrop-filter: blur(0px);
  border-radius: 0px;
  backdrop-filter: blur(0px);
  border: none;
  display: inherit;
  outline: none;
}

.page-programacao-single .cronograma {
  display: inherit;
}

.page-programacao-single .cronograma .list {
  max-width: 100%;
  max-height: 100%;
  padding-top: 0px;
  padding-right: 0px;
}

.page-programacao-single .adonis-player-wrap {
  border-radius: 16px;
}

.page-programacao-single .adonis-player-wrap {
  border-radius: 16px;
}

.page-programacao-single .cronograma-lista .list .card {
  background: var(--card-color);
  border: solid 1px transparent;
  transition: .5s;
}

.page-programacao-single .cronograma-lista .list .card .locutor {
  width: 60px;
  height: 60px;
}

.page-programacao-single .cronograma-lista .list .card .programa-info {
  height: inherit;
  overflow: hidden;
  margin-bottom: 15px;
}

.page-programacao-single .cronograma-lista .list .card .programa-info h3 {
  font-size: 1rem;
}

.page-programacao-single .cronograma-lista .list .card .programa-info p {
  font-size: .8rem;
  max-height: 0px;
}

.page-programacao-single .programa-horario {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0px;
}

.page-programacao-single .programa-horario h3 {
  /* padding-right: 20px; */
}

.page-programacao-single .programa-horario {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0px;
}

.page-programacao-single .programa-horario h3 {
  /* padding-right: 20px; */
}

.page-programacao-single .cronograma-lista .list .card.content-open.active {
  padding-top: 35px;
  padding-bottom: 35px;
  border: solid 1px var(--border-color);
}

.page-programacao-single .cronograma-lista .list .card.content-open.active .programa-info p {
  max-height: 300px;
  transition: .5s;
}

.page-programacao-single .cronograma-lista .list .card.content-open.active .programa-horario .fa-chevron-down {
  transform: rotate(180deg);
  transition: .5s;
}

.page-programacao-single .cronograma-lista .list .card .programa-horario .fa-chevron-down {
  transition: .5s;
}

.dark .card.featured .programa-horario {
  color: #000!important;
}

.dark .card.featured .programa-info h3 {
  color: #000;
}

.dark .card.featured .programa-info p {
  color: #000;
}

.card.content-open.featured .programa-info p {
  max-height: 300px!important;
}

.card.content-open.featured .programa-horario .fa-chevron-down {
  opacity: 0;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .programa-info h3 {
  color: var(--main-color)!important;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .programa-horario {
  display:none;
}

.programa-horario.left {
    border: none;
    display: flex!important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .noar p {
  color: var(--main-color);
  font-weight: bold;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .noar h3 {
  color: #fff;
  font-size:1.6rem;
  font-weight: bold;
}

.programa-horario.left h3 {
    font-size: 17px !important;
    font-size: 17px !important;
    width: min-content;
    color: var(--main-color) !important;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .noar {
  order: 1;
  display: block;
}

.page-programacao-single .cronograma-lista .list .card.content-open .noar {
    display: none;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .avaliar {
  order: 1;
  display: flex;
}

.page-programacao-single .cronograma-lista .list .card.content-open .avaliar {
    display: none;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .locutor_info {
  order: 3;
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .programa-info {
  order: 2;
  padding-left: 0px;
}

.card.content-open.featured .programa-item {
  justify-content: space-between;
  width: 100%;
}

.page-programacao-single .cronograma-lista .list .card.featured {
  background: var(--background-secondary-color);
}

.dark.page-programacao-single .cronograma-lista .list .card.content-open.featured .noar h3 {
  color: #000;
}

.equipe-list{display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: auto;grid-column-gap: 1rem;grid-row-gap: 1rem;}

.equipe-list .locutor {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    padding: 30px;
    background: linear-gradient(0deg, var(--card-color) 30%, transparent 66%);
}

.equipe-list .locutor img {
  border-radius: 50%;
  margin-bottom: 1rem;
  width: 250px;
  height: 250px;
  object-fit: cover;
}

.equipe-list .locutor p {
  padding-bottom: 1rem;
  color: var(--feeds-excert-color);
}

.equipe-list .locutor h3 {
  padding-bottom: .5rem;
  color: var(--text-color);
  font-weight: bold;
}

.equipe-list .social-btn {
  background: transparent;
}

.equipe-list .social-btn svg path {
  fill: var(--feeds-excert-color);
  width: 20px;
  height: 20px;
}

.equipe-list .social-btn svg g rect {
  fill:  var(--feeds-excert-color);
}

.equipe-list .social-btn:hover svg path {
  fill: var(--main-color);
}

.equipe-list .social-btn:hover svg g rect {
  fill:  var(--main-color);
}

.equipe-list .social-btn[href="#youtube"] svg {
  width: inherit;
  height: 23px;
}

.locutor_info {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.locutor_info p {
  font-size: .8rem;
  color: var(--feeds-title-color);
  width: max-content;
}

.mobile-section .play a:first-child {
  /* margin-right: 5px; */
}

.mobile-section .play a {
  /* border-radius: 7px; */
  /* overflow: hidden; */
}

.store .header p {
  color: var(--feeds-excert-color);
}

.page-programacao-single .cronograma-lista .list .card.content-open.featured .locutor_info p {
  color: var(--main-color);
  font-weight: bold;
  width: max-content;
}

.form-card {
  padding: 25px 25px;
  background: var(--card-color);
  border-radius: 16px;
  border: solid 1px var(--border-color);
  box-shadow: rgb(145 158 171 / 10%) 0px 0px 2px 0px, rgb(145 158 171 / 0%) 0px 12px 24px -4px, 0 7px 0px -5px rgb(119 119 119 / 8%);
  /* box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px, 0 7px 0px -5px #7777771c; */
}

.editar-perfil .form-card .avatar img {
  width: 100px;
  height: 100px;
}

.editar-perfil .form-card .avatar {
  padding-right: 1rem;
}

section.editar-perfil {
  margin-top: 20px;
}

.form-card .info h1 {
  font-size: 1.3rem;
  font-weight: bold;
  color: var(--feeds-title-color);
}

.form-card .info p {
  font-size: .9rem;
  color: var(--feeds-excert-color);
}

.editar-perfil .card-title {
  font-size: .9rem;
  color: var(--feeds-title-color);
}

.editar-perfil .avatar-upload {
  margin: 0px;
  margin-right: 1rem;
  padding-bottom: 0px;
}

.dark .editar-perfil .form-card {
  box-shadow: none;
  border: solid 1px var(--border-color);
}

.editar-perfil .avatar-upload .avatar-edit {
  bottom: 0px;
}

.dark .flatpickr-calendar {
  background: #101012;
  border-color: #101012;
  box-shadow: none;
  border: solid 1px #232323;
}
.dark .flatpickr-calendar .flatpickr-months i,
.dark .flatpickr-calendar .flatpickr-months svg {
fill: #b4b7bd;
}
.dark .flatpickr-calendar .flatpickr-month {
color: #b4b7bd;
}
.dark .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
box-shadow: 1px 0 0 #232323;
}
.dark .flatpickr-calendar .flatpickr-weekday {
color: #b4b7bd;
}
.dark .flatpickr-calendar .flatpickr-day, .dark .flatpickr-calendar .flatpickr-day.today:hover {
color: #b4b7bd;
}
.dark .flatpickr-calendar .flatpickr-day.selected {
color: #fff;
}
.dark .flatpickr-calendar .flatpickr-day.prevMonthDay, .dark .flatpickr-calendar .flatpickr-day.nextMonthDay, .dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
color: #4e5154 !important;
}
.dark .flatpickr-calendar .flatpickr-day.inRange, .dark .flatpickr-calendar .flatpickr-day.inRange:hover {
background: #232323;
border-color: #232323;
box-shadow: -5px 0 0 #232323, 5px 0 0 #232323;
}
.dark .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
color: #b4b7bd;
border-color: #232323;
}
.dark .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
background: #232323;
}
.dark .flatpickr-calendar .flatpickr-time {
border-color: #232323 !important;
}
.dark .flatpickr-calendar .flatpickr-time .numInput,
.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
color: #b4b7bd;
}
.dark .flatpickr-calendar .flatpickr-time .numInput:hover,
.dark .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover {
background: #232323;
}
.dark .flatpickr-calendar .flatpickr-time .arrowUp:after {
border-bottom-color: #b4b7bd;
}
.dark .flatpickr-calendar .flatpickr-time .arrowDown:after {
border-top-color: #b4b7bd;
}
.dark .flatpickr-time input:hover,
.dark .flatpickr-time .flatpickr-am-pm:hover,
.dark .flatpickr-time input:focus,
.dark .flatpickr-time .flatpickr-am-pm:focus {
background: #232323;
}
.dark .flatpickr-calendar.arrowTop:before,
.dark .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #101012;
}
.entrar-btn li {
  list-style: none;
}

.links ul {
  display: flex;
  list-style: none;
  align-items: center;
}

.links ul .dropdown-menu {
  display: none;
}

.links ul .dropdown-menu.show {
  display: block;
  left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.links .nav-item.dropdown .dropdown-item {
  margin: 0px;
}

.links ul .dropdown-menu li a {
  padding: 0px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
  width: 100%;
}

ul {
  list-style: none;
}

.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split {
  border-left: 0 !important;
}
.dropdown.no-arrow .dropdown-toggle:after {
  display: none;
}
.dropdown.no-arrow .dropdown-toggle i,
.dropdown.no-arrow .dropdown-toggle svg {
  margin-right: 0;
}

[aria-labelledby=dropdown-user] {
  width: 20rem;
}

.dropdown-menu {
  transform: scale(1, 0);
  box-shadow: 0 5px 25px rgba(34, 41, 47, 0.1);
}
.dropdown-menu .dropdown-item {
  width: auto;
  cursor: pointer;
}
.dropdown-menu .dropdown-header {
  font-weight: bold;
  line-height: 1;
  color: var(--feeds-title-color);
}

.show > .dropdown-menu {
  transform: scale(1, 1);
  opacity: 1;
  display: block;
}
.show .dropdown-toggle:focus {
  box-shadow: none;
}
.show .btn.dropdown-toggle:focus {
  box-shadow: none;
}

.dropdown-toggle::after {
  border: none !important;
  content: " ";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  color: #6e6b7b;
  width: 14px;
  height: 11px;
  position: relative;
  top: 1px;
  right: 0px;
  left: 0.714rem;
padding: 0;
  margin: 0;
  vertical-align: 0;
}
.dropdown-toggle.btn-lg::after, .btn-group-lg > .dropdown-toggle.btn::after {
  background-size: 18px;
}
.dropdown-toggle.btn-sm::after, .btn-group-sm > .dropdown-toggle.btn::after {
  background-size: 14px;
}
.dropdown-toggle.dropdown-toggle-split:after {
  left: 0;
}
.dropdown-toggle.nav-hide-arrow::after {
  display: none;
}
.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #6e6b7b;
  text-align: left;
  list-style: none;
  background-color: var(--card-color);
  background-clip: padding-box;
  border: 1px solid var(--border-color);
  border-radius: 12px;
}

.pl-3, .px-3 {
  padding-left: 1rem !important;
}
.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(34, 41, 47, 0.08);
}

.dropdown-subtitle {
  font-weight: 500;
  font-size: .8rem;
  color: inherit;
}
.dark .dropdown-item {
    color: #ffffffa3;
}
.dropdown-item svg {
    margin-right:5px;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.65rem 1.28rem;
  clear: both;
  font-weight: 400;
  color: #6e6b7b;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  font-size: .9rem;
  display: flex;
  align-items: center;
}

.dark .dropdown-divider {
  border-top: 1px solid rgb(255 255 255 / 8%);
  border-color: #ffffff17;
}

.card.content-open.featured {
  padding: 40px 50px;
}

.dropdown-menu {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideIn;
}

.dropdown-menu {
  top: 41px !important;
  right: 0;
}

.dropdown-menu {
  margin-top: 10px;
}

.dark .avatar [class*=avatar-status-] {
  border-color: #212B36;
}

.avatar .avatar-status-online {
  background-color: #28c76f;
}

.avatar [class*=avatar-status-] {
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid #fff;
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

.avaliar img {
  width: 30px;
}

.avaliar {
  display: flex;
  align-items: center;
  position: relative;
}


.avaliar a:first-child {
  margin-right: 20px;
}

.avaliar a:hover {transform: scale(1.1);transition: .5s;}

.avaliar a p {
  box-shadow: rgb(145 158 171 / 10%) 0px 0px 2px 0px, rgb(145 158 171 / 0%) 0px 12px 24px -4px, 0 7px 0px -5px rgb(119 119 119 / 8%);
  padding: 5px 10px;
  background: var(--acrylicPanel);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #fff;
  border-radius: 16px;
  top: -30px;
  display: none;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideIn;
  position: absolute;
  font-size: .8rem;
}

.avaliar a {
  display: flex!important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.avaliar a:hover p {
  display: block;
}

.page-programacao-single .avaliar {
  position: inherit;
  bottom: 0px!important;
  left: 15px;
}

.about p {opacity: .6;}

.page .adonis-player-wrap {
  border-radius: 16px;
}

.contact-item .contact-info {
  width: max-content;
  display: flex;
  flex-direction: row;
  padding-bottom: 1rem;
  font-size: .6rem;
}

.contact-item .contact-info:hover h1 {
  color: var(--main-color);
}

.text-feed{
  color: var(--feeds-excert-color)
}

.text-main{
  color: var(--text-color)
}

.contact-item .contact-info svg {
  width: 20px;
  height: 20px;
}

.contact-item p {
    padding-top: 5px;
    padding-bottom: 5px;
}

textarea {
  height: inherit!important;
}

.rotate-180 {
  transform: rotate(180deg);
}

.player-controls svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: #fff;
}

.dropdown-user {
  background: #34657f3b;
  border-radius:12px;
  backdrop-filter:blur(4px);
  --webkit-backdrop-filter:blur(4px);
}

.ad.ad-600 img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 16px;
}

.blog .list .ps-3.content p {
    font-size: .9rem;
    color: var(--text-color);
    opacity: .8;
}
.dark .dropdown-toggle{
  color: #fff;
}

.light .dropdown-toggle {
    color: #fff;
}

.light .small-slide .dropdown-toggle{
  color: #000;
}

.scroll .dropdown-toggle{
  color: #fff!important;
}

.dropdown-toggle .dropdown-subtitle {
    opacity:.7;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
 .ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0px;
    position: relative;
  }
  .ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
  }
  .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
  }
  .ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%;
  }
  .ql-clipboard p {
    margin: 0;
    padding: 0;
  }
  .ql-editor {
    -moz-tab-size: 4;
  }
  .ql-editor > * {
    cursor: text;
  }
  .ql-editor p,
  .ql-editor ol,
  .ql-editor ul,
  .ql-editor pre,
  .ql-editor blockquote,
  .ql-editor h1,
  .ql-editor h2,
  .ql-editor h3,
  .ql-editor h4,
  .ql-editor h5,
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol,
  .ql-editor ul {
    padding-left: 1.5em;
  }
  .ql-editor ol > li,
  .ql-editor ul > li {
    list-style-type: none;
  }
  .ql-editor ul > li::before {
    content: "\2022";
  }
  .ql-editor ul[data-checked="true"],
  .ql-editor ul[data-checked="false"] {
    pointer-events: none;
  }
  .ql-editor ul[data-checked="true"] > li *,
  .ql-editor ul[data-checked="false"] > li * {
    pointer-events: all;
  }
  .ql-editor ul[data-checked="true"] > li::before,
  .ql-editor ul[data-checked="false"] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
  }
  .ql-editor ul[data-checked="true"] > li::before {
    content: "\2611";
  }
  .ql-editor ul[data-checked="false"] > li::before {
    content: "\2610";
  }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
  }
  .ql-editor li:not(.ql-direction-rtl)::before {
    margin-left: -1.5em;
    margin-right: 0.3em;
    text-align: right;
  }
  .ql-editor li.ql-direction-rtl::before {
    margin-left: 0.3em;
    margin-right: -1.5em;
  }
  .ql-editor ol li:not(.ql-direction-rtl),
  .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
  }
  .ql-editor ol li.ql-direction-rtl,
  .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
  }
  .ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
  }
  .ql-editor ol li:before {
    content: counter(list-0, decimal) ". ";
  }
  .ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
  }
  .ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". ";
  }
  .ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
  }
  .ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". ";
  }
  .ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
  }
  .ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". ";
  }
  .ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
  }
  .ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". ";
  }
  .ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
  }
  .ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". ";
  }
  .ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
  }
  .ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". ";
  }
  .ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
  }
  .ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
  }
  .ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". ";
  }
  .ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
  }
  .ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
  }
  .ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". ";
  }
  .ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
  }
  .ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
  }
  .ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". ";
  }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
  }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
  }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
  }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
  }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
  }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
  }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
  }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
  }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
  }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
  }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
  }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
  }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
  }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
  }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
  }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
  }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
  }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
  }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
  }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
  }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
  }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
  }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
  }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
  }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
  }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
  }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
  }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
  }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
  }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
  }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
  }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
  }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
  }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
  }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
  }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
  }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%;
  }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
  }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
  }
  .ql-editor .ql-bg-black {
    background-color: #000;
  }
  .ql-editor .ql-bg-red {
    background-color: #e60000;
  }
  .ql-editor .ql-bg-orange {
    background-color: #f90;
  }
  .ql-editor .ql-bg-yellow {
    background-color: #ff0;
  }
  .ql-editor .ql-bg-green {
    background-color: #008a00;
  }
  .ql-editor .ql-bg-blue {
    background-color: #06c;
  }
  .ql-editor .ql-bg-purple {
    background-color: #93f;
  }
  .ql-editor .ql-color-white {
    color: #fff;
  }
  .ql-editor .ql-color-red {
    color: #e60000;
  }
  .ql-editor .ql-color-orange {
    color: #f90;
  }
  .ql-editor .ql-color-yellow {
    color: #ff0;
  }
  .ql-editor .ql-color-green {
    color: #008a00;
  }
  .ql-editor .ql-color-blue {
    color: #06c;
  }
  .ql-editor .ql-color-purple {
    color: #93f;
  }
  .ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-editor .ql-size-small {
    font-size: 0.75em;
  }
  .ql-editor .ql-size-large {
    font-size: 1.5em;
  }
  .ql-editor .ql-size-huge {
    font-size: 2.5em;
  }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit;
  }
  .ql-editor .ql-align-center {
    text-align: center;
  }
  .ql-editor .ql-align-justify {
    text-align: justify;
  }
  .ql-editor .ql-align-right {
    text-align: right;
  }
  .ql-editor.ql-blank::before {
    color: rgba(0, 0, 0, 0.6);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px;
  }
  .ql-bubble.ql-toolbar:after,
  .ql-bubble .ql-toolbar:after {
    clear: both;
    content: "";
    display: table;
  }
  .ql-bubble.ql-toolbar button,
  .ql-bubble .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px;
  }
  .ql-bubble.ql-toolbar button svg,
  .ql-bubble .ql-toolbar button svg {
    float: left;
    height: 100%;
  }
  .ql-bubble.ql-toolbar button:active:hover,
  .ql-bubble .ql-toolbar button:active:hover {
    outline: none;
  }
  .ql-bubble.ql-toolbar input.ql-image[type="file"],
  .ql-bubble .ql-toolbar input.ql-image[type="file"] {
    display: none;
  }
  .ql-bubble.ql-toolbar button:hover,
  .ql-bubble .ql-toolbar button:hover,
  .ql-bubble.ql-toolbar button:focus,
  .ql-bubble .ql-toolbar button:focus,
  .ql-bubble.ql-toolbar button.ql-active,
  .ql-bubble .ql-toolbar button.ql-active,
  .ql-bubble.ql-toolbar .ql-picker-label:hover,
  .ql-bubble .ql-toolbar .ql-picker-label:hover,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
  .ql-bubble.ql-toolbar .ql-picker-item:hover,
  .ql-bubble .ql-toolbar .ql-picker-item:hover,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
    color: #fff;
  }
  .ql-bubble.ql-toolbar button:hover .ql-fill,
  .ql-bubble .ql-toolbar button:hover .ql-fill,
  .ql-bubble.ql-toolbar button:focus .ql-fill,
  .ql-bubble .ql-toolbar button:focus .ql-fill,
  .ql-bubble.ql-toolbar button.ql-active .ql-fill,
  .ql-bubble .ql-toolbar button.ql-active .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
  .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #fff;
  }
  .ql-bubble.ql-toolbar button:hover .ql-stroke,
  .ql-bubble .ql-toolbar button:hover .ql-stroke,
  .ql-bubble.ql-toolbar button:focus .ql-stroke,
  .ql-bubble .ql-toolbar button:focus .ql-stroke,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
  .ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
  .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
  .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
  .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
  .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #fff;
  }
  @media (pointer: coarse) {
    .ql-bubble.ql-toolbar button:hover:not(.ql-active),
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
      color: #ccc;
    }
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
      fill: #ccc;
    }
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
      stroke: #ccc;
    }
  }
  .ql-bubble {
    box-sizing: border-box;
  }
  .ql-bubble * {
    box-sizing: border-box;
  }
  .ql-bubble .ql-hidden {
    display: none;
  }
  .ql-bubble .ql-out-bottom,
  .ql-bubble .ql-out-top {
    visibility: hidden;
  }
  .ql-bubble .ql-tooltip {
    position: absolute;
    transform: translateY(10px);
  }
  .ql-bubble .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
  }
  .ql-bubble .ql-tooltip.ql-flip {
    transform: translateY(-10px);
  }
  .ql-bubble .ql-formats {
    display: inline-block;
    vertical-align: middle;
  }
  .ql-bubble .ql-formats:after {
    clear: both;
    content: "";
    display: table;
  }
  .ql-bubble .ql-stroke {
    fill: none;
    stroke: #ccc;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
  }
  .ql-bubble .ql-stroke-miter {
    fill: none;
    stroke: #ccc;
    stroke-miterlimit: 10;
    stroke-width: 2;
  }
  .ql-bubble .ql-fill,
  .ql-bubble .ql-stroke.ql-fill {
    fill: #ccc;
  }
  .ql-bubble .ql-empty {
    fill: none;
  }
  .ql-bubble .ql-even {
    fill-rule: evenodd;
  }
  .ql-bubble .ql-thin,
  .ql-bubble .ql-stroke.ql-thin {
    stroke-width: 1;
  }
  .ql-bubble .ql-transparent {
    opacity: 0.4;
  }
  .ql-bubble .ql-direction svg:last-child {
    display: none;
  }
  .ql-bubble .ql-direction.ql-active svg:last-child {
    display: inline;
  }
  .ql-bubble .ql-direction.ql-active svg:first-child {
    display: none;
  }
  .ql-bubble .ql-editor h1 {
    font-size: 2em;
  }
  .ql-bubble .ql-editor h2 {
    font-size: 1.5em;
  }
  .ql-bubble .ql-editor h3 {
    font-size: 1.17em;
  }
  .ql-bubble .ql-editor h4 {
    font-size: 1em;
  }
  .ql-bubble .ql-editor h5 {
    font-size: 0.83em;
  }
  .ql-bubble .ql-editor h6 {
    font-size: 0.67em;
  }
  .ql-bubble .ql-editor a {
    text-decoration: underline;
  }
  .ql-bubble .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
  }
  .ql-bubble .ql-editor code,
  .ql-bubble .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px;
  }
  .ql-bubble .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
  }
  .ql-bubble .ql-editor code {
    font-size: 85%;
    padding: 2px 4px;
  }
  .ql-bubble .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible;
  }
  .ql-bubble .ql-editor img {
    max-width: 100%;
  }
  .ql-bubble .ql-picker {
    color: #ccc;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle;
  }
  .ql-bubble .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
  }
  .ql-bubble .ql-picker-label::before {
    display: inline-block;
    line-height: 22px;
  }
  .ql-bubble .ql-picker-options {
    background-color: #444;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
  }
  .ql-bubble .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
    color: #777;
    z-index: 2;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #777;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #777;
  }
  .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1;
  }
  .ql-bubble .ql-color-picker,
  .ql-bubble .ql-icon-picker {
    width: 28px;
  }
  .ql-bubble .ql-color-picker .ql-picker-label,
  .ql-bubble .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
  }
  .ql-bubble .ql-color-picker .ql-picker-label svg,
  .ql-bubble .ql-icon-picker .ql-picker-label svg {
    right: 4px;
  }
  .ql-bubble .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
  }
  .ql-bubble .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px;
  }
  .ql-bubble .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px;
  }
  .ql-bubble .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px;
  }
  .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px;
  }
  .ql-bubble
    .ql-picker.ql-header
    .ql-picker-label[data-label]:not([data-label=""])::before,
  .ql-bubble
    .ql-picker.ql-font
    .ql-picker-label[data-label]:not([data-label=""])::before,
  .ql-bubble
    .ql-picker.ql-size
    .ql-picker-label[data-label]:not([data-label=""])::before,
  .ql-bubble
    .ql-picker.ql-header
    .ql-picker-item[data-label]:not([data-label=""])::before,
  .ql-bubble
    .ql-picker.ql-font
    .ql-picker-item[data-label]:not([data-label=""])::before,
  .ql-bubble
    .ql-picker.ql-size
    .ql-picker-item[data-label]:not([data-label=""])::before {
    content: attr(data-label);
  }
  .ql-bubble .ql-picker.ql-header {
    width: 98px;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item::before {
    content: "Normal";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: "Heading 1";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: "Heading 2";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: "Heading 3";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: "Heading 4";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: "Heading 5";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: "Heading 6";
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: 0.83em;
  }
  .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: 0.67em;
  }
  .ql-bubble .ql-picker.ql-font {
    width: 108px;
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-label::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item::before {
    content: "Sans Serif";
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
    content: "Serif";
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
    content: "Monospace";
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]::before {
    font-family: Georgia, Times New Roman, serif;
  }
  .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
    font-family: Monaco, Courier New, monospace;
  }
  .ql-bubble .ql-picker.ql-size {
    width: 98px;
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item::before {
    content: "Normal";
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
    content: "Small";
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
    content: "Large";
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
    content: "Huge";
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
    font-size: 10px;
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
    font-size: 18px;
  }
  .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
    font-size: 32px;
  }
  .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
  }
  .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
  }
  .ql-bubble .ql-toolbar .ql-formats {
    margin: 8px 12px 8px 0px;
  }
  .ql-bubble .ql-toolbar .ql-formats:first-child {
    margin-left: 12px;
  }
  .ql-bubble .ql-color-picker svg {
    margin: 1px;
  }
  .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
  .ql-bubble .ql-color-picker .ql-picker-item:hover {
    border-color: #fff;
  }
  .ql-bubble .ql-tooltip {
    background-color: #444;
    border-radius: 25px;
    color: #fff;
  }
  .ql-bubble .ql-tooltip-arrow {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: " ";
    display: block;
    left: 50%;
    margin-left: -6px;
    position: absolute;
  }
  .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
    border-bottom: 6px solid #444;
    top: -6px;
  }
  .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
    border-top: 6px solid #444;
    bottom: -6px;
  }
  .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
    display: block;
  }
  .ql-bubble .ql-tooltip.ql-editing .ql-formats {
    visibility: hidden;
  }
  .ql-bubble .ql-tooltip-editor {
    display: none;
  }
  .ql-bubble .ql-tooltip-editor input[type="text"] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 13px;
    height: 100%;
    outline: none;
    padding: 10px 20px;
    position: absolute;
    width: 100%;
  }
  .ql-bubble .ql-tooltip-editor a {
    top: 10px;
    position: absolute;
    right: 20px;
  }
  .ql-bubble .ql-tooltip-editor a:before {
    color: #ccc;
    content: "\D7";
    font-size: 16px;
    font-weight: bold;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a {
    position: relative;
    white-space: nowrap;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a::before {
    background-color: #444;
    border-radius: 15px;
    top: -5px;
    font-size: 12px;
    color: #fff;
    content: attr(href);
    font-weight: normal;
    overflow: hidden;
    padding: 5px 15px;
    text-decoration: none;
    z-index: 1;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a::after {
    border-top: 6px solid #444;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 0;
    content: " ";
    height: 0;
    width: 0;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a::before,
  .ql-container.ql-bubble:not(.ql-disabled) a::after {
    left: 0;
    margin-left: 50%;
    position: absolute;
    transform: translate(-50%, -100%);
    transition: visibility 0s ease 200ms;
    visibility: hidden;
  }
  .ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
  .ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
    visibility: visible;
  }
  
  @font-face {
    font-family: KaTeX_AMS;
    src: url(fonts/KaTeX_AMS-Regular.woff2) format("woff2"),url(fonts/KaTeX_AMS-Regular.woff) format("woff"),url(fonts/KaTeX_AMS-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Caligraphic;
    src: url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Bold.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Caligraphic;
    src: url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2"),url(fonts/KaTeX_Caligraphic-Regular.woff) format("woff"),url(fonts/KaTeX_Caligraphic-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Fraktur;
    src: url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Bold.woff) format("woff"),url(fonts/KaTeX_Fraktur-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Fraktur;
    src: url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2"),url(fonts/KaTeX_Fraktur-Regular.woff) format("woff"),url(fonts/KaTeX_Fraktur-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Main;
    src: url(fonts/KaTeX_Main-Bold.woff2) format("woff2"),url(fonts/KaTeX_Main-Bold.woff) format("woff"),url(fonts/KaTeX_Main-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Main;
    src: url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Main-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Main-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: KaTeX_Main;
    src: url(fonts/KaTeX_Main-Italic.woff2) format("woff2"),url(fonts/KaTeX_Main-Italic.woff) format("woff"),url(fonts/KaTeX_Main-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: KaTeX_Main;
    src: url(fonts/KaTeX_Main-Regular.woff2) format("woff2"),url(fonts/KaTeX_Main-Regular.woff) format("woff"),url(fonts/KaTeX_Main-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Math;
    src: url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2"),url(fonts/KaTeX_Math-BoldItalic.woff) format("woff"),url(fonts/KaTeX_Math-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: KaTeX_Math;
    src: url(fonts/KaTeX_Math-Italic.woff2) format("woff2"),url(fonts/KaTeX_Math-Italic.woff) format("woff"),url(fonts/KaTeX_Math-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "KaTeX_SansSerif";
    src: url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Bold.woff) format("woff"),url(fonts/KaTeX_SansSerif-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "KaTeX_SansSerif";
    src: url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Italic.woff) format("woff"),url(fonts/KaTeX_SansSerif-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "KaTeX_SansSerif";
    src: url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2"),url(fonts/KaTeX_SansSerif-Regular.woff) format("woff"),url(fonts/KaTeX_SansSerif-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Script;
    src: url(fonts/KaTeX_Script-Regular.woff2) format("woff2"),url(fonts/KaTeX_Script-Regular.woff) format("woff"),url(fonts/KaTeX_Script-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Size1;
    src: url(fonts/KaTeX_Size1-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size1-Regular.woff) format("woff"),url(fonts/KaTeX_Size1-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Size2;
    src: url(fonts/KaTeX_Size2-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size2-Regular.woff) format("woff"),url(fonts/KaTeX_Size2-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Size3;
    src: url(fonts/KaTeX_Size3-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size3-Regular.woff) format("woff"),url(fonts/KaTeX_Size3-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Size4;
    src: url(fonts/KaTeX_Size4-Regular.woff2) format("woff2"),url(fonts/KaTeX_Size4-Regular.woff) format("woff"),url(fonts/KaTeX_Size4-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: KaTeX_Typewriter;
    src: url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2"),url(fonts/KaTeX_Typewriter-Regular.woff) format("woff"),url(fonts/KaTeX_Typewriter-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.katex {
    font: normal 1.21em KaTeX_Main,Times New Roman,serif;
    line-height: 1.2;
    text-indent: 0;
    text-rendering: auto;
    border-color: currentColor
}

.katex * {
    -ms-high-contrast-adjust: none!important
}

.katex .katex-version:after {
    content: "0.12.0"
}

.katex .katex-mathml {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.katex .katex-html>.newline {
    display: block
}

.katex .base {
    position: relative;
    white-space: nowrap;
    width: min-content
}

.katex .base,.katex .strut {
    display: inline-block
}

.katex .textbf {
    font-weight: 700
}

.katex .textit {
    font-style: italic
}

.katex .textrm {
    font-family: KaTeX_Main
}

.katex .textsf {
    font-family: KaTeX_SansSerif
}

.katex .texttt {
    font-family: KaTeX_Typewriter
}

.katex .mathnormal {
    font-family: KaTeX_Math;
    font-style: italic
}

.katex .mathit {
    font-family: KaTeX_Main;
    font-style: italic
}

.katex .mathrm {
    font-style: normal
}

.katex .mathbf {
    font-family: KaTeX_Main;
    font-weight: 700
}

.katex .boldsymbol {
    font-family: KaTeX_Math;
    font-weight: 700;
    font-style: italic
}

.katex .amsrm,.katex .mathbb,.katex .textbb {
    font-family: KaTeX_AMS
}

.katex .mathcal {
    font-family: KaTeX_Caligraphic
}

.katex .mathfrak,.katex .textfrak {
    font-family: KaTeX_Fraktur
}

.katex .mathtt {
    font-family: KaTeX_Typewriter
}

.katex .mathscr,.katex .textscr {
    font-family: KaTeX_Script
}

.katex .mathsf,.katex .textsf {
    font-family: KaTeX_SansSerif
}

.katex .mathboldsf,.katex .textboldsf {
    font-family: KaTeX_SansSerif;
    font-weight: 700
}

.katex .mathitsf,.katex .textitsf {
    font-family: KaTeX_SansSerif;
    font-style: italic
}

.katex .mainrm {
    font-family: KaTeX_Main;
    font-style: normal
}

.katex .vlist-t {
    display: inline-table;
    table-layout: fixed;
    border-collapse: collapse
}

.katex .vlist-r {
    display: table-row
}

.katex .vlist {
    display: table-cell;
    vertical-align: bottom;
    position: relative
}

.katex .vlist>span {
    display: block;
    height: 0;
    position: relative
}

.katex .vlist>span>span {
    display: inline-block
}

.katex .vlist>span>.pstrut {
    overflow: hidden;
    width: 0
}

.katex .vlist-t2 {
    margin-right: -2px
}

.katex .vlist-s {
    display: table-cell;
    vertical-align: bottom;
    font-size: 1px;
    width: 2px;
    min-width: 2px
}

.katex .vbox {
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: baseline
}

.katex .hbox,.katex .vbox {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.katex .hbox {
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.katex .thinbox {
    display: inline-flex;
    flex-direction: row;
    width: 0;
    max-width: 0
}

.katex .msupsub {
    text-align: left
}

.katex .mfrac>span>span {
    text-align: center
}

.katex .mfrac .frac-line {
    display: inline-block;
    width: 100%;
    border-bottom-style: solid
}

.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line {
    min-height: 1px
}

.katex .mspace {
    display: inline-block
}

.katex .clap,.katex .llap,.katex .rlap {
    width: 0;
    position: relative
}

.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner {
    position: absolute
}

.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix {
    display: inline-block
}

.katex .llap>.inner {
    right: 0
}

.katex .clap>.inner,.katex .rlap>.inner {
    left: 0
}

.katex .clap>.inner>span {
    margin-left: -50%;
    margin-right: 50%
}

.katex .rule {
    display: inline-block;
    border: 0 solid;
    position: relative
}

.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line {
    display: inline-block;
    width: 100%;
    border-bottom-style: solid
}

.katex .hdashline {
    display: inline-block;
    width: 100%;
    border-bottom-style: dashed
}

.katex .sqrt>.root {
    margin-left: .27777778em;
    margin-right: -.55555556em
}

.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2 {
    font-size: 1.2em
}

.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3 {
    font-size: 1.4em
}

.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4 {
    font-size: 1.6em
}

.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5 {
    font-size: 1.8em
}

.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6 {
    font-size: 2em
}

.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7 {
    font-size: 2.4em
}

.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8 {
    font-size: 2.88em
}

.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9 {
    font-size: 3.456em
}

.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10 {
    font-size: 4.148em
}

.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11 {
    font-size: 4.976em
}

.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1 {
    font-size: .83333333em
}

.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3 {
    font-size: 1.16666667em
}

.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4 {
    font-size: 1.33333333em
}

.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5 {
    font-size: 1.5em
}

.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6 {
    font-size: 1.66666667em
}

.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7 {
    font-size: 2em
}

.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8 {
    font-size: 2.4em
}

.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9 {
    font-size: 2.88em
}

.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10 {
    font-size: 3.45666667em
}

.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11 {
    font-size: 4.14666667em
}

.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1 {
    font-size: .71428571em
}

.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2 {
    font-size: .85714286em
}

.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4 {
    font-size: 1.14285714em
}

.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5 {
    font-size: 1.28571429em
}

.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6 {
    font-size: 1.42857143em
}

.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7 {
    font-size: 1.71428571em
}

.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8 {
    font-size: 2.05714286em
}

.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9 {
    font-size: 2.46857143em
}

.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10 {
    font-size: 2.96285714em
}

.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11 {
    font-size: 3.55428571em
}

.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1 {
    font-size: .625em
}

.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2 {
    font-size: .75em
}

.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3 {
    font-size: .875em
}

.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5 {
    font-size: 1.125em
}

.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6 {
    font-size: 1.25em
}

.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7 {
    font-size: 1.5em
}

.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8 {
    font-size: 1.8em
}

.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9 {
    font-size: 2.16em
}

.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10 {
    font-size: 2.5925em
}

.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11 {
    font-size: 3.11em
}

.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1 {
    font-size: .55555556em
}

.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2 {
    font-size: .66666667em
}

.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3 {
    font-size: .77777778em
}

.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4 {
    font-size: .88888889em
}

.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6 {
    font-size: 1.11111111em
}

.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7 {
    font-size: 1.33333333em
}

.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8 {
    font-size: 1.6em
}

.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9 {
    font-size: 1.92em
}

.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10 {
    font-size: 2.30444444em
}

.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11 {
    font-size: 2.76444444em
}

.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1 {
    font-size: .5em
}

.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2 {
    font-size: .6em
}

.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3 {
    font-size: .7em
}

.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4 {
    font-size: .8em
}

.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5 {
    font-size: .9em
}

.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7 {
    font-size: 1.2em
}

.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8 {
    font-size: 1.44em
}

.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9 {
    font-size: 1.728em
}

.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10 {
    font-size: 2.074em
}

.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11 {
    font-size: 2.488em
}

.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1 {
    font-size: .41666667em
}

.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2 {
    font-size: .5em
}

.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3 {
    font-size: .58333333em
}

.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4 {
    font-size: .66666667em
}

.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5 {
    font-size: .75em
}

.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6 {
    font-size: .83333333em
}

.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8 {
    font-size: 1.2em
}

.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9 {
    font-size: 1.44em
}

.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10 {
    font-size: 1.72833333em
}

.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11 {
    font-size: 2.07333333em
}

.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1 {
    font-size: .34722222em
}

.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2 {
    font-size: .41666667em
}

.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3 {
    font-size: .48611111em
}

.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4 {
    font-size: .55555556em
}

.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5 {
    font-size: .625em
}

.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6 {
    font-size: .69444444em
}

.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7 {
    font-size: .83333333em
}

.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9 {
    font-size: 1.2em
}

.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10 {
    font-size: 1.44027778em
}

.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11 {
    font-size: 1.72777778em
}

.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1 {
    font-size: .28935185em
}

.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2 {
    font-size: .34722222em
}

.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3 {
    font-size: .40509259em
}

.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4 {
    font-size: .46296296em
}

.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5 {
    font-size: .52083333em
}

.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6 {
    font-size: .5787037em
}

.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7 {
    font-size: .69444444em
}

.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8 {
    font-size: .83333333em
}

.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10 {
    font-size: 1.20023148em
}

.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11 {
    font-size: 1.43981481em
}

.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1 {
    font-size: .24108004em
}

.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2 {
    font-size: .28929605em
}

.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3 {
    font-size: .33751205em
}

.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4 {
    font-size: .38572806em
}

.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5 {
    font-size: .43394407em
}

.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6 {
    font-size: .48216008em
}

.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7 {
    font-size: .57859209em
}

.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8 {
    font-size: .69431051em
}

.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9 {
    font-size: .83317261em
}

.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10 {
    font-size: 1em
}

.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11 {
    font-size: 1.19961427em
}

.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1 {
    font-size: .20096463em
}

.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2 {
    font-size: .24115756em
}

.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3 {
    font-size: .28135048em
}

.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4 {
    font-size: .32154341em
}

.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5 {
    font-size: .36173633em
}

.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6 {
    font-size: .40192926em
}

.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7 {
    font-size: .48231511em
}

.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8 {
    font-size: .57877814em
}

.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9 {
    font-size: .69453376em
}

.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10 {
    font-size: .83360129em
}

.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11 {
    font-size: 1em
}

.katex .delimsizing.size1 {
    font-family: KaTeX_Size1
}

.katex .delimsizing.size2 {
    font-family: KaTeX_Size2
}

.katex .delimsizing.size3 {
    font-family: KaTeX_Size3
}

.katex .delimsizing.size4 {
    font-family: KaTeX_Size4
}

.katex .delimsizing.mult .delim-size1>span {
    font-family: KaTeX_Size1
}

.katex .delimsizing.mult .delim-size4>span {
    font-family: KaTeX_Size4
}

.katex .nulldelimiter {
    display: inline-block;
    width: .12em
}

.katex .delimcenter,.katex .op-symbol {
    position: relative
}

.katex .op-symbol.small-op {
    font-family: KaTeX_Size1
}

.katex .op-symbol.large-op {
    font-family: KaTeX_Size2
}

.katex .op-limits>.vlist-t {
    text-align: center
}

.katex .accent>.vlist-t {
    text-align: center
}

.katex .accent .accent-body {
    position: relative
}

.katex .accent .accent-body:not(.accent-full) {
    width: 0
}

.katex .overlay {
    display: block
}

.katex .mtable .vertical-separator {
    display: inline-block;
    min-width: 1px
}

.katex .mtable .arraycolsep {
    display: inline-block
}

.katex .mtable .col-align-c>.vlist-t {
    text-align: center
}

.katex .mtable .col-align-l>.vlist-t {
    text-align: left
}

.katex .mtable .col-align-r>.vlist-t {
    text-align: right
}

.katex .svg-align {
    text-align: left
}

.katex svg {
    display: block;
    position: absolute;
    width: 100%;
    height: inherit;
    fill: currentColor;
    stroke: currentColor;
    fill-rule: nonzero;
    fill-opacity: 1;
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    stroke-miterlimit: 4;
    stroke-dasharray: none;
    stroke-dashoffset: 0;
    stroke-opacity: 1
}

.katex svg path {
    stroke: none
}

.katex img {
    border-style: none;
    min-width: 0;
    min-height: 0;
    max-width: none;
    max-height: none
}

.katex .stretchy {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden
}

.katex .stretchy:after,.katex .stretchy:before {
    content: ""
}

.katex .hide-tail {
    width: 100%;
    position: relative;
    overflow: hidden
}

.katex .halfarrow-left {
    position: absolute;
    left: 0;
    width: 50.2%;
    overflow: hidden
}

.katex .halfarrow-right {
    position: absolute;
    right: 0;
    width: 50.2%;
    overflow: hidden
}

.katex .brace-left {
    position: absolute;
    left: 0;
    width: 25.1%;
    overflow: hidden
}

.katex .brace-center {
    position: absolute;
    left: 25%;
    width: 50%;
    overflow: hidden
}

.katex .brace-right {
    position: absolute;
    right: 0;
    width: 25.1%;
    overflow: hidden
}

.katex .x-arrow-pad {
    padding: 0 .5em
}

.katex .mover,.katex .munder,.katex .x-arrow {
    text-align: center
}

.katex .boxpad {
    padding: 0 .3em
}

.katex .fbox,.katex .fcolorbox {
    box-sizing: border-box;
    border: .04em solid
}

.katex .cancel-pad {
    padding: 0 .2em
}

.katex .cancel-lap {
    margin-left: -.2em;
    margin-right: -.2em
}

.katex .sout {
    border-bottom-style: solid;
    border-bottom-width: .08em
}

.katex-display {
    display: block;
    margin: 1em 0;
    text-align: center
}

.katex-display>.katex {
    display: block;
    text-align: center;
    white-space: nowrap
}

.katex-display>.katex>.katex-html {
    display: block;
    position: relative
}

.katex-display>.katex>.katex-html>.tag {
    position: absolute;
    right: 0
}

.katex-display.leqno>.katex>.katex-html>.tag {
    left: 0;
    right: auto
}

.katex-display.fleqn>.katex {
    text-align: left;
    padding-left: 2em
}


.ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    padding: 12px;
    border-radius: 16px;
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #23241f
}

.hljs,.hljs-subst,.hljs-tag {
    color: #f8f8f2
}

.hljs-emphasis,.hljs-strong {
    color: #a8a8a2
}

.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp {
    color: #ae81ff
}

.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title {
    color: #a6e22e
}

.hljs-strong {
    font-weight: 700
}

.hljs-emphasis {
    font-style: italic
}

.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag {
    color: #f92672
}

.hljs-attribute,.hljs-symbol {
    color: #66d9ef
}

.hljs-class .hljs-title,.hljs-params {
    color: #f8f8f2
}

.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable {
    color: #e6db74
}

.hljs-comment,.hljs-deletion,.hljs-meta {
    color: #75715e
}

.alignnone figcaption {
    padding-left: 0px;
    padding-top: 10px;
    opacity: .5;
    color: var(--text-color);
}


div#preloader {
	margin: auto;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
}

div#preloader .loader-cubes {
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	position: absolute;
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg);
}

div#preloader .loader-cubes .loader-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

div#preloader .loader-cubes .loader-cube::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	background: var(--main-color);
}

div#preloader .loader-cubes .loader-cube.loader-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	-ms-transform: scale(1.1) rotate(90deg);
	transform: scale(1.1) rotateZ(90deg);
}

div#preloader .loader-cubes .loader-cube.loader-cube2::before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

div#preloader .loader-cubes .loader-cube .loader-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	-ms-transform: scale(1.1) rotate(270deg);
	transform: scale(1.1) rotateZ(270deg);
}

div#preloader .loader-cubes .loader-cube .loader-cube4::before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

div#preloader .loader-cubes .loader-cube .loader-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	-ms-transform: scale(1.1) rotate(180deg);
	transform: scale(1.1) rotateZ(180deg);
}

div#preloader .loader-cubes .loader-cube .loader-cube3::before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}


/*=======  Animations  =======*/
@-webkit-keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

@keyframes sticky {
	0% {
		top: -200px;
	}

	100% {
		top: 0;
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}

	25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1;
	}

	100%, 90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}

@keyframes sk-foldCubeAngle {
	0%, 10% {
		-webkit-transform: perspective(140px) rotateX(-180deg);
		transform: perspective(140px) rotateX(-180deg);
		opacity: 0;
	}

	25%, 75% {
		-webkit-transform: perspective(140px) rotateX(0);
		transform: perspective(140px) rotateX(0);
		opacity: 1;
	}

	100%, 90% {
		-webkit-transform: perspective(140px) rotateY(180deg);
		transform: perspective(140px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes pulseBtnBefore {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes pulseBtnBefore {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0;
	}
}

@-webkit-keyframes pulseBtnAfter {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes pulseBtnAfter {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotateTwo {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotateTwo {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes scale {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	50% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

.loading-app {
  position: absolute;
  width: 100%;
  height: 100vh;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: .2s;
  pointer-events: none;
}

.banner.banner-load {
  max-height: 90px;
  transition: .2s;
  overflow: hidden;
}

.banner {
  max-height: 820px;
  transition: .5s;
  overflow: hidden;
}

.loading-app.show {
  opacity: 1;
  pointer-events: all;
}

.app-main.app-load::before {
  backdrop-filter: blur(15px);
  background: #10101270;
  width: 100%;
  height: 100%;
  content: '';
  z-index: 999;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.app-main.app-load.show::before {
  opacity: 1;
  pointer-events: all;
}
.page-blog-list .slick-list {
  overflow: hidden!important;
}

.page-blog-list footer {
  order: 1;
}

.dark .btn-row {
  background: #1b1b1c;
}

.rounded-xxl {
  border-radius: 40px!important;
}

.rounded-lg {
  border-radius: 16px!important;
}

.hits-slide .featured .header {
  background: var(--background-secondary-color)!important;
  border: 1.283px solid rgba(255, 255, 255, 0.08)!important;
}

.hits-slide .featured .header h1, .hits-slide .featured .header h2, .hits-slide .featured .header p {
  color: #fff!important;
}

.lazy-load {
  filter: blur(10px);
  transition: filter 0.5s ease, opacity 0.5s ease;
}

.loaded {
  filter: blur(0);
  opacity: 1;
}

.page-blog-list .cronograma {
  padding-top: 0px;
}


@keyframes shrink {
  0% {
      color: green;
      transform: scale(2);
  }

  100% {
      transform: scale(1);
      color: grey;
  }
}

@keyframes grow {
  0% {
      transform: scale(1);
      color: grey;
  }

  100% {
      transform: scale(2);
      color: green;
  }
}


/* $. Classes
\*----------------------------------------------------------------*/

.animate {
  transform: translate3d(0,0,0);
  perspective: 1000;
  filter: blur(0);
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: center left;

}

.animate--shrink {
  animation-duration: 1s;
  animation-name: shrink;
  animation-timing-function: 'linear';
}

.animate--grow {
  animation-duration: 1s;
  animation-timing-function: 'linear';
  animation-name: grow;
}


.hero__title .slick-slide{
  overflow: hidden;
      padding: 20px 0;
  
}

.hero__title [aria-hidden]{
  transition: 1s;
}

.hero__title .slick-current > span{
  box-sizing: border-box;
  display: block;
  @extend .animate--shrink;
}

.hero__title .slick-current + .slick-slide > span{
  @extend .animate--grow;
}

.no-js .hero__title .slick-dupe:nth-child(2) > span{
  padding: 1em;
  @extend .animate--grow;
}

.hero__title {
  max-width: 327px;
  max-height: 483px;
}

section.tv_mode.pb-6 {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

section.tv_player {
  width: 100%;
}

.video-js {
  border-radius: 30px;
  overflow: hidden;
}

.mobile {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

img.mobile-topground {
  z-index: 2;
}

img.mobile_mockup {
  z-index: 1;
  position: absolute;
  width: 179px;
  margin-top: 19px;
  display: flex;
  object-fit: inherit;
  object-position: inherit;
  margin-left: 6px;
  height: 388px;
}

.embed-responsive.embed-responsive-16by9 {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.pswp__bg {
  backdrop-filter: blur(7px)!important;
  background: #00000066!important;
}

.banner .slick-initialized .slick-slide {
  /* opacity: inherit!important; */
  /* transition: .5s!important; */
}

.banner .slick-initialized .slick-active {
  /* opacity: inherit!important; */
  /* transition: .5s!important; */
}

.banner-blog .slick-initialized .slick-slide {
  /* opacity: inherit!important; */
  transition: 0s!important;
}

.banner-blog .slick-initialized .slick-active {
  /* opacity: inherit!important; */
  transition: 0s!important;
}

.slick-slide .content .subtitle {
  transform: translateX(-100px);
  opacity: 0;
  transition: 1s;
}

.slick-slide.slick-active .content .subtitle {
  transform: translateX(0px);
  opacity: 1;
  transition: 1s;
}

.slick-slide .content h1 {
  transform: translateX(-100px);
  opacity: 0;
  transition: 1.3s;
}

.slick-slide.slick-active .content h1 {
  transform: translateX(-4px);
  opacity: 1;
  transition: 1.3s;
}

.slick-slide .content description {
  transform: translateY(+100px);
  opacity: 0;
  height:0px;
  overflow:hidden;
  transition: 1.5s;
}

.slick-slide.slick-active .content description {
  transform: translateY(0px);
  opacity: 1;
  overflow:show;
  height:auto;
  transition:cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.slick-slide .content a {
  transform: translateY(+100px);
  opacity: 0;
  overflow:hidden;
  transition: 1.8s;
}

.slick-slide.slick-active .content a {
  transform: translateY(0px);
  opacity: 1;
  overflow:show;
  transition: 1.8s;
}

.emoji {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2em;
  pointer-events: none;
}

.light .links ul .dropdown-menu li a {
  color: #000;
}

.dark .page-programacao-single .cronograma-lista .list .card.content-open.featured .noar h3 {
  color: #000;
}

.cronograma-lista .btn-row {
  border-color: var(--background-color);
}

.hit-featured {
  margin-bottom: 120px;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 600px;
  border-radius: 16px;
}

.hit-featured .cover {
  width: 100%;
}

.hit-featured .cover img {
  width: 100%;
  height: 600px;
  overflow: hidden;
  object-fit: cover;
  transition: 2s;
}

.hit-featured .footer-hit .title span {
  font-size: 18px;
  color: #FFF;
  opacity: .5;
}

.hit-featured .footer-hit .title .title p {
  font-size: 18px;
  color: #fff;
  opacity: .5;
}

.hit-featured:hover .cover img {
  transform: scale(1.3); 
}

.hit-featured .play-btn {
  width: max-content;
  height: max-content;
  padding: 20px 25px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #05050586;
  border-radius: 16px;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color: #fff;
}

.promotion-slide .thumb {
  padding-right: 10px;
}

.hit-featured .footer-hit h1 {
  color: #fff;
}

.page-blog-list.light .links a {
  color: #000;
}

.page-single.light .links a {
  color: #000;
}

.dropdown-user-link:hover .dropdown-header {
  color: #c6d3ed;
}

.dropdown-user-link:hover .username_info {
  color: #c6d3ed;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.web-app-btn {
  display: flex;
  border: none;
  color: #fff;
  width: 39px;
  height: 39px;
  cursor: pointer;
  outline: none;
  border-radius: 50%;
  font-size: 1.1rem;
  transition: all 0.3s ease 0s;
  background: #0565d5;
  align-items: center;
  justify-content: center;
}

.bottom-area .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.btn-app {
  position: relative;
  width: 50px;
  height: 46px;
  border-radius: 16px;
  color: rgb(255, 255, 255);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  display: none;
}

.light .big-wrapper.active .logo.brand-logo.dark {
    opacity: 1;
    display: block;
}

.light .big-wrapper.active .logo.brand-logo.light {
    opacity: 0;
    display: none;
}

@media screen and (max-width: 870px) {
  .hamburger-menu {
    display: flex;
  }
  
  .logoContainer {
    position: absolute;
    top: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .embed-responsive.embed-responsive-16by9 {
    height: 300px;
  }

  .avatar-upload .avatar-preview{
    width: 60px;
    height: 60px;
  }

  .avatar-upload .avatar-edit {
      right: -11px;
      bottom: 15px;
  } 
  .profile-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
  }
  .btn-logout {
    margin:0px;
    width: 100%;
  }
}

.preloader-spinner{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
.preloader-spinner-border{
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 2s linear infinite;
}
/* 
.slick-list.draggable::before {
  content: '';
  width: 36px;
  height: 107%;
  background: var(--background-color);
  z-index: 1;
  position: absolute;
  filter: blur(7px);
  right: -22px;
  top: -9px;
} */

.locutor-wrapper .locutor-name {
  position: absolute;
  background: #0a6bdaab;
  padding: 5px 10px;
  border-radius: 10px;
  backdrop-filter: blur(14px);
  font-size: 12px;
  transition: .3s;
  top: 9px;
  opacity: 0;
  color: #fff;
}

.locutor-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.locutor-wrapper:hover .locutor-name {
  top: -15px;
  opacity: 1;
}

.programacao-horario {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: var(--text-color);
}

.page-programacao-single .programacao-horario .fa-chevron-down {
  transition: .2s;
}

.page-programacao-single .active .programacao-horario .fa-chevron-down {
  transform: rotate(180deg);
}

.page-programacao-single .featured .programacao-horario .fa-chevron-down {
  display: none;
}

.qrCode-Content {
  height: 232px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}