/**
 * Swiper 6.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 25, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0; } }

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }

@keyframes plyr-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0; }

.plyr audio, .plyr iframe, .plyr video {
  display: block;
  height: 100%;
  width: 100%; }

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto; }

.plyr:focus {
  outline: 0; }

.plyr--full-ui {
  box-sizing: border-box; }

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
  box-sizing: inherit; }

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation; }

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px; }

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%; }

.plyr__captions span:empty {
  display: none; }

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: calc(10px * 2);
    padding: calc(var(--plyr-control-spacing,10px) * 2); } }

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px); } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(calc(10px * -4));
  transform: translateY(calc(var(--plyr-control-spacing,10px) * -4)); }

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap; }

.plyr__caption div {
  display: inline; }

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: calc(10px * .7);
  padding: calc(var(--plyr-control-spacing,10px) * .7);
  position: relative;
  transition: all .3s ease; }

.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px); }

.plyr__control:focus {
  outline: 0; }

.plyr__control.plyr__tab-focus {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px; }

a.plyr__control {
  text-decoration: none; }

a.plyr__control::after, a.plyr__control::before {
  display: none; }

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none; }

.plyr--full-ui ::-webkit-media-controls {
  display: none; }

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center; }

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0; }

.plyr__controls .plyr__controls__item {
  margin-left: calc(10px / 4);
  margin-left: calc(var(--plyr-control-spacing,10px)/ 4); }

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto; }

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: calc(10px / 4);
  padding-left: calc(var(--plyr-control-spacing,10px)/ 4); }

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 calc(10px / 2);
  padding: 0 calc(var(--plyr-control-spacing,10px)/ 2); }

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0; }

.plyr__controls:empty {
  display: none; }

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
  display: none; }

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block; }

.plyr__menu {
  display: flex;
  position: relative; }

.plyr__menu .plyr__control svg {
  transition: transform .3s ease; }

.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg); }

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none; }

.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3; }

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.plyr__menu__container::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  content: '';
  height: 0;
  position: absolute;
  right: calc(((18px / 2) + calc(10px * .7)) - (4px / 2));
  right: calc(((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)) - (var(--plyr-menu-arrow-size,4px)/ 2));
  top: 100%;
  width: 0; }

.plyr__menu__container [role=menu] {
  padding: calc(10px * .7);
  padding: calc(var(--plyr-control-spacing,10px) * .7); }

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px; }

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0; }

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding-bottom: calc(calc(10px * .7)/ 1.5);
  padding-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);
  padding-left: calc(calc(10px * .7) * 1.5);
  padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);
  padding-right: calc(calc(10px * .7) * 1.5);
  padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 1.5);
  padding-top: calc(calc(10px * .7)/ 1.5);
  padding-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 1.5);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%; }

.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.plyr__menu__container .plyr__control--forward {
  padding-right: calc(calc(10px * .7) * 4);
  padding-right: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4); }

.plyr__menu__container .plyr__control--forward::after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: calc((calc(10px * .7) * 1.5) - 4px);
  right: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)); }

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor; }

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: calc(10px * .7);
  margin: calc(var(--plyr-control-spacing,10px) * .7);
  margin-bottom: calc(calc(10px * .7)/ 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);
  padding-left: calc(calc(10px * .7) * 4);
  padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 4);
  position: relative;
  width: calc(100% - (calc(10px * .7) * 2));
  width: calc(100% - (calc(var(--plyr-control-spacing,10px) * .7) * 2)); }

.plyr__menu__container .plyr__control--back::after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: calc((calc(10px * .7) * 1.5) - 4px);
  left: calc((calc(var(--plyr-control-spacing,10px) * .7) * 1.5) - var(--plyr-menu-item-arrow-size,4px)); }

.plyr__menu__container .plyr__control--back::before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: '';
  height: 1px;
  left: 0;
  margin-top: calc(calc(10px * .7)/ 2);
  margin-top: calc(calc(var(--plyr-control-spacing,10px) * .7)/ 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%; }

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor; }

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: calc(10px * .7);
  padding-left: calc(var(--plyr-control-spacing,10px) * .7); }

.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
  border-radius: 100%; }

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all .3s ease;
  width: 16px; }

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease,opacity .3s ease;
  width: 6px; }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #00b3ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))); }

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
  opacity: 1;
  transform: translateY(-50%) scale(1); }

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
  background: rgba(35, 40, 47, 0.1); }

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc((calc(10px * .7) - 2) * -1);
  margin-right: calc((calc(var(--plyr-control-spacing,10px) * .7) - 2) * -1);
  overflow: hidden;
  padding-left: calc(calc(10px * .7) * 3.5);
  padding-left: calc(calc(var(--plyr-control-spacing,10px) * .7) * 3.5);
  pointer-events: none; }

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: calc(13px * 2);
  border-radius: calc(var(--plyr-range-thumb-height,13px) * 2);
  color: #00b3ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: calc((3px * 2) + 13px);
  height: calc((var(--plyr-range-thumb-active-shadow-width,3px) * 2) + var(--plyr-range-thumb-height,13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%; }

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(to right, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0)); }

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
  margin-top: calc(((13px - 5px)/ 2) * -1);
  margin-top: calc(((var(--plyr-range-thumb-height,13px) - var(--plyr-range-track-height,5px))/ 2) * -1); }

.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  user-select: none; }

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px); }

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px); }

.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none;
  color: transparent; }

.plyr--full-ui input[type=range]::-ms-fill-upper {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none; }

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: calc(5px / 2);
  border-radius: calc(var(--plyr-range-track-height,5px)/ 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  user-select: none;
  background: currentColor; }

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
  margin-top: 0; }

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none; }

.plyr--full-ui input[type=range]:focus {
  outline: 0; }

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0; }

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px; }

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px; }

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px; }

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1; }

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px)); }

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px); }

@media (max-width: calc(768px - 1px)) {
  .plyr__time + .plyr__time {
    display: none; } }

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);
  opacity: 0;
  padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
  padding: calc(var(--plyr-control-spacing,10px)/ 2) calc(calc(var(--plyr-control-spacing,10px)/ 2) * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  white-space: nowrap;
  z-index: 2; }

.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1);
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2; }

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: calc((18px / 2) + calc(10px * .7));
  left: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7)); }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: calc((18px / 2) + calc(10px * .7));
  right: calc((var(--plyr-control-icon-size,18px)/ 2) + calc(var(--plyr-control-spacing,10px) * .7));
  transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0, 0) scale(1); }

.plyr__progress {
  left: calc(13px * .5);
  left: calc(var(--plyr-range-thumb-height,13px) * .5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative; }

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: calc(13px * -.5);
  margin-left: calc(var(--plyr-range-thumb-height,13px) * -.5);
  margin-right: calc(13px * -.5);
  margin-right: calc(var(--plyr-range-thumb-height,13px) * -.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height,13px)); }

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2; }

.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0; }

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: calc((5px / 2) * -1);
  margin-top: calc((var(--plyr-range-track-height,5px)/ 2) * -1);
  padding: 0;
  position: absolute;
  top: 50%; }

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0; }

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width .2s ease;
  transition: width .2s ease; }

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width .2s ease;
  transition: width .2s ease; }

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease; }

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%; }

.plyr__volume input[type=range] {
  margin-left: calc(10px / 2);
  margin-left: calc(var(--plyr-control-spacing,10px)/ 2);
  margin-right: calc(10px / 2);
  margin-right: calc(var(--plyr-control-spacing,10px)/ 2);
  position: relative;
  z-index: 2; }

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto; }

.plyr--audio {
  display: block; }

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px); }

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff); }

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))); }

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1)); }

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)); }

.plyr--video {
  background: #000;
  overflow: hidden; }

.plyr--video.plyr--menu-open {
  overflow: visible; }

.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%; }

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%; }

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%); }

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: calc(10px / 2);
  padding: calc(var(--plyr-control-spacing,10px)/ 2);
  padding-top: calc(10px * 2);
  padding-top: calc(var(--plyr-control-spacing,10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out;
  z-index: 3; }

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: calc(10px * 3.5);
    padding-top: calc(var(--plyr-control-spacing,10px) * 3.5); } }

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%); }

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff); }

.plyr__control--overlaid {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: .9;
  padding: calc(10px * 1.5);
  padding: calc(var(--plyr-control-spacing,10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
  z-index: 2; }

.plyr__control--overlaid svg {
  left: 2px;
  position: relative; }

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  opacity: 1; }

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden; }

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block; }

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25))); }

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5)); }

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.25);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)); }

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-webkit-full-screen video {
  height: 100%; }

.plyr:-ms-fullscreen video {
  height: 100%; }

.plyr:fullscreen video {
  height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none; }

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none; }

.plyr:fullscreen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-webkit-full-screen video {
  height: 100%; }

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-moz-full-screen video {
  height: 100%; }

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-ms-fullscreen video {
  height: 100%; }

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000; }

.plyr--fullscreen-fallback video {
  height: 100%; }

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static; }

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative; }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block; }

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none; }

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none; }

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px); } }

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%; }

.plyr__ads::after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3; }

.plyr__ads::after:empty {
  display: none; }

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px)/2 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3; }

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: calc(calc(10px / 2) * 2);
  margin-bottom: calc(calc(var(--plyr-control-spacing,10px)/ 2) * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform .2s .1s ease,opacity .2s .1s ease;
  z-index: 2; }

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0, 0) scale(1); }

.plyr__preview-thumb::before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: calc(4px * -1);
  bottom: calc(var(--plyr-tooltip-arrow-size,4px) * -1);
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2; }

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0; }

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%; }

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3; }

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: calc(3px - 1px);
  border-radius: calc(var(--plyr-tooltip-radius,3px) - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px; }

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1; }

.plyr__preview-scrubbing--is-shown {
  opacity: 1; }

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%; }

.plyr--no-transition {
  transition: none !important; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.plyr [hidden] {
  display: none !important; }

@charset "UTF-8";
@font-face {
  font-family: "Molt més";
  src: url(../fonts/2db92b80280eb8691efe90649fb2c717.woff) format("woff");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: "Molt més";
  src: url(../fonts/2d108f8a84cc9d0e26201a48f75cc88c.woff) format("woff");
  font-style: italic;
  font-weight: 400; }

@font-face {
  font-family: "Molt més";
  src: url(../fonts/996fa3448c6895362f3fb14d4e259d3c.woff) format("woff");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: "Molt més";
  src: url(../fonts/7f6e02cdeacd941b056e0ab10963b3f9.woff) format("woff");
  font-style: italic;
  font-weight: 500; }

@font-face {
  font-family: "Molt més";
  src: url(../fonts/5e891b23d4742a0f2f2a9c3fef3d70ee.woff) format("woff");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: "Molt més";
  src: url(../fonts/f697d96c49ef33f03e6aca68fa9a9721.woff) format("woff");
  font-style: italic;
  font-weight: 600; }

:root {
  --deg-color: $white; }

a {
  transition: opacity 0.3s ease-out; }
  a:hover {
    opacity: 0.65; }

.wrapper--valors-home .selector .selector__el .title:hover, .dirlinks .item:hover, .header__logo:hover, .footer__logo:hover {
  opacity: 1; }

.slider-home .swiper-slide h2, .wrapper--valors-home .slogan-second h2, .wrapper--numbers-home .title, .wrapper--numbers-home .big-circle span.number, .agenda-home .title, .wrapper--agenda .opening__title, .wrapper--catedra .opening h1, .wrapper--single .title-cultura, .wrapper--single .title-catedra {
  font-size: 4rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 100%; }
  @media all and (max-width: 768px) {
    .slider-home .swiper-slide h2, .wrapper--valors-home .slogan-second h2, .wrapper--numbers-home .title, .wrapper--numbers-home .big-circle span.number, .agenda-home .title, .wrapper--agenda .opening__title, .wrapper--catedra .opening h1, .wrapper--single .title-cultura, .wrapper--single .title-catedra {
      font-size: 2.5rem; } }

.slider-home .swiper-slide h2 {
  font-size: 5.5vw; }
  @media all and (max-width: 768px) {
    .slider-home .swiper-slide h2 {
      font-size: 2.5rem; } }

.wrapper--values .title, .wrapper--espais .page h2,
.wrapper--cultura .page h2,
.wrapper--figures .page h2 {
  font-size: 3.5rem;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 100%; }
  @media all and (max-width: 768px) {
    .wrapper--values .title, .wrapper--espais .page h2,
    .wrapper--cultura .page h2,
    .wrapper--figures .page h2 {
      font-size: 2.5rem; } }

.dirlinks--big .item {
  font-size: 3rem;
  letter-spacing: -0.02em;
  line-height: 100%; }
  @media all and (max-width: 768px) {
    .dirlinks--big .item {
      font-size: 2rem; } }

.wrapper--second .slogan-first h3, .wrapper--numbers-home .grid .grid__element.bold .number, .wrapper--tabs h3, .wrapper--catedra .page h2, .wrapper--single .half h2,
.wrapper--single .full h2 {
  font-size: 2.25rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 100%; }
  @media all and (max-width: 768px) {
    .wrapper--second .slogan-first h3, .wrapper--numbers-home .grid .grid__element.bold .number, .wrapper--tabs h3, .wrapper--catedra .page h2, .wrapper--single .half h2,
    .wrapper--single .full h2 {
      font-size: 2rem; } }

.calendar .title, .wrapper--directory .opening .title, .wrapper--directory .directories__section .title, .dirlinks--circles .item, .wrapper--form .opening .title, .wrapper--values .block h2, .wrapper--llibres .opening h1, .wrapper--modalitats .opening h1, .wrapper--modalitats .category h2, .wrapper--mon .opening h1, .wrapper--mon .country .country__text h2, .wrapper--espais .opening h1,
.wrapper--cultura .opening h1,
.wrapper--figures .opening h1, .wrapper--single .opening .title, .wrapper--single .half h4,
.wrapper--single .full h4, .wrapper--enquesta .opening__title {
  font-size: 1.75rem;
  line-height: 120%; }
  @media all and (max-width: 768px) {
    .calendar .title, .wrapper--directory .opening .title, .wrapper--directory .directories__section .title, .dirlinks--circles .item, .wrapper--form .opening .title, .wrapper--values .block h2, .wrapper--llibres .opening h1, .wrapper--modalitats .opening h1, .wrapper--modalitats .category h2, .wrapper--mon .opening h1, .wrapper--mon .country .country__text h2, .wrapper--espais .opening h1,
    .wrapper--cultura .opening h1,
    .wrapper--figures .opening h1, .wrapper--single .opening .title, .wrapper--single .half h4,
    .wrapper--single .full h4, .wrapper--enquesta .opening__title {
      font-size: 1.5rem; } }

.wrapper--numbers-home .grid .grid__element .number, .dirlinks--list .item, .dirlinks--borders .item, .wrapper--catedra .half h2,
.wrapper--catedra .full h2 {
  font-size: 1.5rem;
  line-height: 120%; }

.wrapper--valors-home .selector, .table-agenda .agenda__el .title {
  font-size: 1.35rem;
  line-height: 120%; }
  @media all and (max-width: 768px) {
    .wrapper--valors-home .selector, .table-agenda .agenda__el .title {
      font-size: 1.15rem; } }

.wrapper--form .gform_wrapper.gravity-theme .gsection_title, .wrapper--form .gform_wrapper.gravity-theme .gform_button {
  font-size: 1rem;
  font-weight: 400; }

.wrapper--numbers-home .big-circle span.subtitle, .wrapper--numbers-home .grid .grid__element p, .agenda-home .table td.date_cat, .table-agenda .agenda__el .date_cat,
.table-agenda .agenda__el .more, .wrapper--values .block p, .wrapper--llibres .intro p, .wrapper--llibres .publications, .wrapper--modalitats .category p, .wrapper--catedra .half p,
.wrapper--catedra .full p, .wrapper--mon .intro p, .wrapper--mon .country .country__text p, .wrapper--single .half p,
.wrapper--single .full p, .wrapper--single .box {
  font-size: 0.75rem;
  line-height: 160%; }

.wrapper--agenda .opening__buttons, .wrapper--form .gform_wrapper.gravity-theme .gfield_consent_label, .wrapper--tabs .menu-single .nav-item a, .wrapper--catedra .half .caption,
.wrapper--catedra .full .caption, .wrapper--single .menu-single .nav-item a, .wrapper--single .opening .pretitle, .wrapper--single .half .caption,
.wrapper--single .full .caption, .wrapper--single .slider .slider-single .swiper-slide .caption, .header__nav, .footer {
  font-size: 0.65rem; }

.footer__sponsors, .footer__credits, .footer__second .block, .footer__second .block h4, .legal {
  font-size: 0.5rem; }

.wrapper--form .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea, .wrapper--values .lead, .wrapper--llibres .opening p, .wrapper--modalitats .opening p, .wrapper--modalitats .category .category__selection, .wrapper--catedra .opening p, .wrapper--catedra .half h3,
.wrapper--catedra .full h3, .wrapper--mon .opening p, .wrapper--espais .opening p,
.wrapper--cultura .opening p,
.wrapper--figures .opening p, .wrapper--single .half h3,
.wrapper--single .full h3 {
  font-size: 0.9rem; }

.wrapper--valors-home .info .info__block:not(.visible), .table-agenda .agenda__el:not(.visible) {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
  opacity: 0; }

.wrapper--valors-home .info .info__link, .agenda-home .agenda-link a, .wrapper--agenda .opening__buttons a, .dirlinks--buttons .item, .wrapper--form .gform_wrapper.gravity-theme .gform_button, .wrapper--tabs .menu-single .nav-item a, .wrapper--modalitats .category .category__selection a, .wrapper--catedra .page a, .wrapper--espais .spaces__el a,
.wrapper--cultura .spaces__el a,
.wrapper--figures .spaces__el a, .wrapper--espais .page a,
.wrapper--cultura .page a,
.wrapper--figures .page a, .wrapper--single .menu-single .nav-item a, .header__nav .nav-items .agenda a, .overlay-menu .nav-items li.agenda a {
  padding: 0.3rem 1.2rem;
  border-radius: 3em;
  transition: all 0.2s ease-out; }
  .wrapper--valors-home .info .info__link:hover, .agenda-home .agenda-link a:hover, .wrapper--agenda .opening__buttons a:hover, .dirlinks--buttons .item:hover, .wrapper--form .gform_wrapper.gravity-theme .gform_button:hover, .wrapper--tabs .menu-single .nav-item a:hover, .wrapper--modalitats .category .category__selection a:hover, .wrapper--catedra .page a:hover, .wrapper--espais .spaces__el a:hover,
  .wrapper--cultura .spaces__el a:hover,
  .wrapper--figures .spaces__el a:hover, .wrapper--espais .page a:hover,
  .wrapper--cultura .page a:hover,
  .wrapper--figures .page a:hover, .wrapper--single .menu-single .nav-item a:hover, .header__nav .nav-items .agenda a:hover, .overlay-menu .nav-items li.agenda a:hover {
    opacity: 1; }
  @media all and (max-width: 768px) {
    .wrapper--valors-home .info .info__link, .agenda-home .agenda-link a, .wrapper--agenda .opening__buttons a, .dirlinks--buttons .item, .wrapper--form .gform_wrapper.gravity-theme .gform_button, .wrapper--tabs .menu-single .nav-item a, .wrapper--modalitats .category .category__selection a, .wrapper--catedra .page a, .wrapper--espais .spaces__el a,
    .wrapper--cultura .spaces__el a,
    .wrapper--figures .spaces__el a, .wrapper--espais .page a,
    .wrapper--cultura .page a,
    .wrapper--figures .page a, .wrapper--single .menu-single .nav-item a, .header__nav .nav-items .agenda a, .overlay-menu .nav-items li.agenda a {
      padding: 0.2rem 0.8rem; } }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

:root {
  --color-deg: #fdfbfa;
  --color-home-prim: #1c98fc;
  --color-home-sec: #fe4668;
  --plyr-color-main: var(--color-home-sec); }

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

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

html {
  font-size: 18px; }
  @media screen and (min-width: 768px) {
    html {
      font-size: calc( 18px + 3 * ((100vw - 768px) / 1632)); } }
  @media screen and (min-width: 2400px) {
    html {
      font-size: 21px; } }

body {
  overflow-x: hidden;
  background: #fdfbfa;
  background: linear-gradient(180deg, #fdfbfa 10%, var(--color-deg) 100%);
  background-repeat: no-repeat;
  color: #000000;
  font-family: "Molt més", serif, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 0.8rem;
  font-size: 1rem;
  font-weight: 600; }

ul {
  list-style-type: none; }

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

img {
  max-width: 100%; }

.svg-logo path {
  fill: #000000; }
  .svg-logo path.color--red {
    fill: #fe4668; }
  .svg-logo path.color--blue {
    fill: #1c98fc; }

.footer .svg-logo path.color--red, .footer .svg-logo path.color--blue {
  fill: #000000; }

.circular-logo {
  position: absolute;
  right: 3rem;
  bottom: 12vw;
  z-index: 4;
  width: 6rem;
  height: 6rem;
  animation: rotating 18s linear infinite; }
  .circular-logo path {
    fill: #fdfbfa; }
  .circular-logo .dash {
    fill: var(--color-home-sec); }

.overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100vh;
  width: 100vw;
  background: #fdfbfa;
  color: #000000;
  opacity: 1;
  transition: opacity 0.8s ease-out 1.6s; }
  .overlay.hidden {
    opacity: 0;
    pointer-events: none; }
  body:not(.home) .overlay {
    display: none; }

.overlay__title {
  position: absolute;
  left: 50%;
  top: 50%;
  overflow: visible;
  width: auto;
  transform: translate(-50%, -50%);
  /* .hidden & {
    opacity: 0;
  } */ }
  .overlay__title svg {
    width: 40vw;
    height: auto;
    overflow: visible;
    backface-visibility: hidden; }
    .overlay__title svg .color--red {
      opacity: 0;
      transform: translateY(-5vw);
      animation: letterUp 0.6s forwards ease-out 0.2s; }
    .overlay__title svg .color--blue {
      opacity: 0;
      transform: translateY(-0.5vw);
      animation: letterUp 0.6s forwards ease-out 0.6s; }

@keyframes letterUp {
  0% {
    opacity: 0;
    transform: translateY(-0.5vw); }
  10% {
    opacity: 0; }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@media all and (max-width: 768px) {
  .overlay__title svg {
    width: 75vw; } }

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.main {
  position: relative;
  margin-top: 5.7rem;
  opacity: 0;
  animation: animate 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards; }
  .home .main {
    animation-delay: 1s; }

@keyframes animate {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.wrapper {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-row-gap: 2rem;
  margin: 0 auto;
  padding-left: 3rem;
  padding-right: 3rem;
  width: 100%;
  grid-row-gap: 3.5rem;
  padding-top: 3rem;
  padding-bottom: 7rem;
  max-width: 1520px; }
  @media all and (max-width: 768px) {
    .wrapper {
      padding-left: 1rem;
      padding-right: 1rem; } }

.slider-home {
  position: relative; }
  .slider-home .swiper-slide {
    position: relative;
    height: calc(100vh - 3rem);
    padding-bottom: calc(12vw + 2rem);
    background: var(--color-home-prim); }
    .slider-home .swiper-slide img {
      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9vw - 1rem), 0% 100%);
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: 50% 0%; }
    .slider-home .swiper-slide h2 {
      position: absolute;
      z-index: 2;
      bottom: 1rem;
      left: 3rem;
      right: 3rem;
      color: #fdfbfa; }

.container-color {
  margin-top: -1px;
  position: relative; }
  .container-color::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: var(--color-home-prim);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 9vw - 1rem)); }

.wrapper--intro {
  padding-bottom: 3rem;
  color: #fdfbfa; }
  .wrapper--intro .image-first {
    grid-column: 1 / span 6; }
    .wrapper--intro .image-first img {
      width: 100%;
      height: auto; }
  .wrapper--intro .text {
    grid-column: 8 / span 9;
    padding-bottom: calc(3vw + 1rem); }
    .wrapper--intro .text p {
      margin-bottom: 2rem; }

.wrapper--second {
  grid-row-gap: 1rem;
  padding-bottom: 2rem; }
  .wrapper--second .slogan-first {
    grid-column: 5 / span 5;
    color: var(--color-home-prim); }
  .wrapper--second .image-second {
    grid-column: 11 / span 7;
    margin-top: -11vw; }
    .wrapper--second .image-second img {
      width: 100%;
      height: auto; }

.wrapper--valors-home {
  padding-top: 0; }
  .wrapper--valors-home .slogan-second {
    grid-column: 1 / span 9; }
  .wrapper--valors-home .selector {
    grid-column: 1 / span 8; }
    .wrapper--valors-home .selector .selector__el {
      position: relative;
      padding: 0.5em 0 0.5em 2em;
      border-top: 1px solid #000000; }
      .wrapper--valors-home .selector .selector__el:last-child {
        border-bottom: 1px solid #000000; }
      .wrapper--valors-home .selector .selector__el::before {
        content: "";
        position: absolute;
        left: 0.25rem;
        top: 50%;
        width: 1rem;
        height: 1rem;
        border-radius: 100%;
        border: 2px solid #000000;
        transform: translateY(-50%); }
      .wrapper--valors-home .selector .selector__el.active::before {
        background-color: var(--color-bullet);
        border-color: var(--color-bullet); }
      .wrapper--valors-home .selector .selector__el:nth-child(1), .wrapper--valors-home .selector .selector__el:nth-child(5) {
        --color-bullet: #9738fc; }
      .wrapper--valors-home .selector .selector__el:nth-child(2) {
        --color-bullet: #ff6535; }
      .wrapper--valors-home .selector .selector__el:nth-child(3) {
        --color-bullet: #1c98fc; }
      .wrapper--valors-home .selector .selector__el:nth-child(4) {
        --color-bullet: #fe4668; }
  .wrapper--valors-home .info {
    grid-column: 10 / span 8; }
    .wrapper--valors-home .info .info__block {
      transition: opacity 0.2s ease-out; }
    .wrapper--valors-home .info .info__link {
      display: inline-block;
      margin-top: 1rem;
      border: 1px solid #000000; }
      .wrapper--valors-home .info .info__link:hover {
        background-color: #000000;
        color: #fdfbfa; }

.wrapper--numbers-home {
  align-items: center; }
  .wrapper--numbers-home .title {
    grid-column: 2 / span 15;
    text-align: center; }
  .wrapper--numbers-home .big-circle {
    position: relative;
    grid-column: 1 / span 4;
    width: 100%;
    padding-bottom: 100%;
    background-color: var(--color-home-prim);
    border-radius: 100%;
    color: #fdfbfa;
    text-align: center; }
    .wrapper--numbers-home .big-circle .text {
      position: absolute;
      left: 0;
      width: 100%;
      top: 50%;
      transform: translateY(-50%); }
    .wrapper--numbers-home .big-circle span {
      display: block; }
  .wrapper--numbers-home .grid {
    grid-column: 6 / span 12;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .wrapper--numbers-home .grid .grid__element {
      width: calc(25% - 1rem);
      margin-right: 1rem;
      margin-top: 1.75rem;
      margin-bottom: 1.75rem; }
      .wrapper--numbers-home .grid .grid__element .number {
        display: block;
        margin-bottom: 0.25rem;
        font-weight: 400; }
      .wrapper--numbers-home .grid .grid__element.bold .number {
        color: var(--color-home-prim);
        font-weight: 600; }

.agenda-home {
  background: linear-gradient(180deg, var(--color-home-sec) 10%, #fdfbfa 100%); }
  .agenda-home .wrapper {
    padding-top: 4rem;
    padding-bottom: 8rem; }
  .agenda-home .title {
    grid-column: 1 / span 17;
    margin: 0; }
  .agenda-home .table {
    grid-column: 1 / span 17;
    width: 100%;
    border-collapse: collapse;
    text-align: left; }
    .agenda-home .table td {
      padding: 0.5em;
      vertical-align: baseline;
      border-bottom: 1px solid #000000; }
      .agenda-home .table td.center {
        text-align: center; }
      .agenda-home .table td.date_cat {
        min-width: 11rem; }
      .agenda-home .table td.link {
        text-align: right;
        vertical-align: middle; }
    .agenda-home .table tbody tr {
      transition: background-color 0.2s ease-out; }
      .agenda-home .table tbody tr:hover {
        background-color: rgba(253, 251, 250, 0.4); }
      .agenda-home .table tbody tr:first-child td {
        border-top: 1px solid #000000; }
  .agenda-home .agenda-link {
    grid-column: 1 / span 17;
    text-align: right; }
    .agenda-home .agenda-link a {
      padding: 0.5rem 1.5rem;
      border: 1px solid #000000; }
      .agenda-home .agenda-link a:hover {
        background-color: #000000;
        border-color: #000000;
        color: #fdfbfa;
        opacity: 1; }

.marquee {
  position: fixed;
  top: 3rem;
  left: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 100%;
  padding: 0.7rem 0 0.5rem;
  overflow: hidden;
  background: #fe4668;
  color: #fdfbfa; }
  .marquee:hover {
    opacity: 1; }
    .marquee:hover .marquee__item {
      -webkit-animation-play-state: paused;
      -moz-animation-play-state: paused;
      -o-animation-play-state: paused;
      animation-play-state: paused; }

.marquee__item {
  display: flex;
  flex-shrink: 0;
  padding: 0 2rem;
  animation: marqueeLeft 20s linear infinite;
  font-weight: 600; }
  .marquee__item span {
    margin-left: 0.5rem;
    font-weight: 400; }

.wrapper--agenda {
  grid-row-gap: 2.5rem; }
  .wrapper--agenda .opening {
    grid-column: 2 / span 15; }
    .wrapper--agenda .opening--flex {
      display: flex;
      align-items: baseline;
      justify-content: space-between; }
  .wrapper--agenda .opening__title {
    font-weight: 500; }
  .wrapper--agenda .opening__buttons a {
    margin: 0 0.5em;
    border: 1px solid #000000;
    opacity: 0.4; }
    .wrapper--agenda .opening__buttons a.active {
      opacity: 1;
      pointer-events: none; }

.table-agenda {
  grid-column: 2 / span 15;
  border-top: 1px solid #000000; }
  .table-agenda .agenda__el {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    grid-column-gap: 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #000000;
    transition: opacity 0.2s ease-out; }
    .table-agenda .agenda__el.sport {
      --color-cat: #9738fc; }
    .table-agenda .agenda__el.divulgation {
      --color-cat: #fe4668; }
    .table-agenda .agenda__el.education {
      --color-cat: #ff6535; }
    .table-agenda .agenda__el .date_cat {
      grid-column: 1 / span 3; }
      .table-agenda .agenda__el .date_cat .category {
        color: var(--color-cat); }
    .table-agenda .agenda__el .title {
      grid-column: 4 / span 7;
      margin-bottom: 0;
      font-weight: 400; }
    .table-agenda .agenda__el .thumbnail {
      grid-column: 11 / span 2; }
      .table-agenda .agenda__el .thumbnail img {
        display: block;
        width: 100%;
        height: 7vw;
        object-fit: cover; }
    .table-agenda .agenda__el .more {
      grid-column: 13 / 16;
      text-align: right; }

.calendar {
  grid-column: 2 / span 15;
  margin-top: 3rem;
  text-align: center; }
  .calendar .title {
    margin-bottom: 2rem; }
  .calendar img {
    width: 100%; }

.wrapper--marquee {
  padding-top: 6rem; }

.wrapper--directory .opening {
  grid-column: 2 / span 15;
  text-align: center; }

.wrapper--directory .directories {
  grid-column: 2 / span 15; }

.wrapper--directory .directories__section {
  margin-bottom: 6rem; }

.dirlinks {
  padding-top: 1.5rem; }
  .dirlinks .item {
    display: block;
    transition: all 0.3s ease-out; }
    .dirlinks .item:hover {
      color: #1c98fc; }
  .dirlinks--big .item {
    margin-bottom: 0.25em; }
  .dirlinks--list .item {
    position: relative;
    padding-left: 2em;
    line-height: 1.5; }
    .dirlinks--list .item::before {
      content: "";
      position: absolute;
      left: 0.25rem;
      top: 50%;
      width: 1rem;
      height: 1rem;
      border-radius: 100%;
      border: 1px solid #000000;
      transform: translateY(-50%);
      transition: all 0.3s ease-out; }
    .dirlinks--list .item:hover {
      color: #000000; }
      .dirlinks--list .item:hover::before {
        background: #1c98fc;
        border-color: #1c98fc; }
  .dirlinks--circles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .dirlinks--circles .item {
      height: 13rem;
      width: 13rem;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 2.5rem;
      margin-right: 2.5rem;
      margin-bottom: 2.5rem;
      border: 1px solid #000000;
      border-radius: 50%;
      text-align: center;
      line-height: 1.15; }
      .dirlinks--circles .item:hover {
        background-color: #1c98fc;
        border-color: #1c98fc;
        color: #fdfbfa; }
  .dirlinks--borders {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .dirlinks--borders .item {
      flex: 0 1 calc(50% - 2rem);
      padding: 0.4em 0.1em;
      border-bottom: 1px solid #000000; }
      .dirlinks--borders .item:nth-child(1), .dirlinks--borders .item:nth-child(2) {
        border-top: 1px solid #000000; }
  .dirlinks--buttons {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .dirlinks--buttons .item {
      margin-right: 1rem;
      margin-bottom: 1.25rem;
      border: 1px solid #000000; }
      .dirlinks--buttons .item:hover {
        background-color: #1c98fc;
        border-color: #1c98fc;
        color: #fdfbfa; }
  .dirlinks--abc {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 1rem;
    row-gap: 2rem; }
    .dirlinks--abc .letter__title {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 2.5rem;
      width: 2.5rem;
      margin-bottom: 0.5rem;
      border: 1px solid #000000;
      border-radius: 50%;
      font-weight: 600; }
  .dirlinks--w .item:hover {
    color: #fdfbfa; }

.wrapper--form {
  grid-row-gap: 2.5rem; }
  .wrapper--form .opening {
    grid-column: 2 / span 15;
    text-align: center; }
  .wrapper--form .gform_wrapper.gravity-theme {
    grid-column: 2 / span 15; }
    .wrapper--form .gform_wrapper.gravity-theme .gform_fields {
      grid-column-gap: 1rem;
      grid-row-gap: 1rem; }
    .wrapper--form .gform_wrapper.gravity-theme .gfield.centered {
      grid-column: 4 / span 6;
      text-align: center; }
    .wrapper--form .gform_wrapper.gravity-theme .gfield_required {
      color: #fe4668;
      font-size: 1rem; }
    .wrapper--form .gform_wrapper.gravity-theme .gfield_label {
      font-weight: 400; }
    .wrapper--form .gform_wrapper.gravity-theme .gsection_title {
      margin-top: 3rem;
      margin-bottom: 0;
      font-weight: 600; }
    .wrapper--form .gform_wrapper.gravity-theme .gfield_consent_label a {
      text-decoration: underline; }
      .wrapper--form .gform_wrapper.gravity-theme .gfield_consent_label a:hover {
        text-decoration: none; }
    .wrapper--form .gform_wrapper.gravity-theme .gform_footer {
      margin-top: 2rem;
      text-align: center; }
    .wrapper--form .gform_wrapper.gravity-theme .margin-top-negative {
      margin-top: -1rem; }
    .wrapper--form .gform_wrapper.gravity-theme .gform_button {
      margin: 0 auto;
      padding: 0.6rem 2.4rem;
      background: transparent;
      border: 1px solid #000000;
      border-radius: none;
      cursor: pointer;
      font-family: "Molt més", serif, Helvetica, sans-serif; }
      .wrapper--form .gform_wrapper.gravity-theme .gform_button:hover {
        background-color: #000000;
        color: #fdfbfa; }

.gform_wrapper.gravity-theme input[type="color"],
.gform_wrapper.gravity-theme input[type="date"],
.gform_wrapper.gravity-theme input[type="datetime-local"],
.gform_wrapper.gravity-theme input[type="datetime"],
.gform_wrapper.gravity-theme input[type="email"],
.gform_wrapper.gravity-theme input[type="month"],
.gform_wrapper.gravity-theme input[type="number"],
.gform_wrapper.gravity-theme input[type="password"],
.gform_wrapper.gravity-theme input[type="search"],
.gform_wrapper.gravity-theme input[type="tel"],
.gform_wrapper.gravity-theme input[type="text"],
.gform_wrapper.gravity-theme input[type="time"],
.gform_wrapper.gravity-theme input[type="url"],
.gform_wrapper.gravity-theme input[type="week"],
.gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  padding: 0.5em;
  background-color: transparent;
  border: 1px solid #000000;
  border-radius: none;
  font-family: "Molt més", serif, Helvetica, sans-serif; }
  .gform_wrapper.gravity-theme input[type="color"]:focus,
  .gform_wrapper.gravity-theme input[type="date"]:focus,
  .gform_wrapper.gravity-theme input[type="datetime-local"]:focus,
  .gform_wrapper.gravity-theme input[type="datetime"]:focus,
  .gform_wrapper.gravity-theme input[type="email"]:focus,
  .gform_wrapper.gravity-theme input[type="month"]:focus,
  .gform_wrapper.gravity-theme input[type="number"]:focus,
  .gform_wrapper.gravity-theme input[type="password"]:focus,
  .gform_wrapper.gravity-theme input[type="search"]:focus,
  .gform_wrapper.gravity-theme input[type="tel"]:focus,
  .gform_wrapper.gravity-theme input[type="text"]:focus,
  .gform_wrapper.gravity-theme input[type="time"]:focus,
  .gform_wrapper.gravity-theme input[type="url"]:focus,
  .gform_wrapper.gravity-theme input[type="week"]:focus,
  .gform_wrapper.gravity-theme select:focus,
  .gform_wrapper.gravity-theme textarea:focus {
    outline-color: #fe4668; }

.gform_wrapper.gravity-theme select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("https://www.moltmesqueunesport.com/wp-content/themes/moltmes/assets/img/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 1.5rem 1.1rem;
  background-position: 100% 50%; }

.wrapper--tabs {
  grid-row-gap: 1.25rem;
  padding-bottom: 0;
  margin-bottom: 1rem;
  text-align: center; }
  .wrapper--tabs h3 {
    grid-column: span 18;
    margin-bottom: 0;
    font-weight: 400; }
  .wrapper--tabs .menu-single {
    grid-column: 1 / span 17;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .wrapper--tabs .menu-single .nav-item {
      margin: 0.5rem; }
      .wrapper--tabs .menu-single .nav-item:not(.current-menu-item) a {
        opacity: 0.4; }
      .wrapper--tabs .menu-single .nav-item a {
        border: 1px solid #000000; }
        .wrapper--tabs .menu-single .nav-item a:hover {
          background-color: #000000;
          border-color: #000000;
          color: #fdfbfa;
          opacity: 1; }

.wrapper--values .title {
  font-size: 3.15rem;
  grid-column: span 8; }

.wrapper--values .lead {
  grid-column: 10 / span 8;
  padding-top: 1em; }

.wrapper--values .image-opening {
  grid-column: span 17; }
  .wrapper--values .image-opening img {
    display: block;
    height: auto;
    width: 100%; }

.wrapper--values .block {
  grid-column: span 8; }
  .wrapper--values .block:nth-child(odd) {
    grid-column: 10 / span 8; }
  .wrapper--values .block h2 {
    margin-bottom: 0.8rem; }
  .wrapper--values .block p {
    margin-bottom: 1em; }

.wrapper--values .hidden-block {
  display: none; }

.wrapper--llibres .opening {
  grid-column: 4 / span 10;
  text-align: center; }

.wrapper--llibres .intro {
  grid-column-end: span 7;
  margin-bottom: 1rem; }
  .wrapper--llibres .intro p {
    margin-bottom: 0.5rem; }
  .wrapper--llibres .intro--left {
    grid-column-start: 2; }
  .wrapper--llibres .intro--right {
    grid-column-start: 10; }

.wrapper--llibres .publications {
  grid-column: 2 / span 15;
  width: 100%;
  border-collapse: collapse;
  text-align: left; }
  .wrapper--llibres .publications th,
  .wrapper--llibres .publications td {
    padding: 0.5em 0.75em 0.5em 0.5em;
    border-bottom: 1px solid #000000;
    vertical-align: baseline; }
    .wrapper--llibres .publications th.title,
    .wrapper--llibres .publications td.title {
      width: 35%; }
    .wrapper--llibres .publications th.author,
    .wrapper--llibres .publications td.author {
      width: 20%; }
    .wrapper--llibres .publications th.year,
    .wrapper--llibres .publications td.year {
      width: 5%; }
    .wrapper--llibres .publications th.editor,
    .wrapper--llibres .publications td.editor {
      width: 20%; }
    .wrapper--llibres .publications th.type,
    .wrapper--llibres .publications td.type {
      width: 12.5%; }
    .wrapper--llibres .publications th.link,
    .wrapper--llibres .publications td.link {
      width: 7.5%;
      text-align: center; }
  .wrapper--llibres .publications thead th {
    cursor: pointer; }
    .wrapper--llibres .publications thead th.asc::after {
      content: "↑";
      display: inline-block;
      margin-left: 0.5rem; }
    .wrapper--llibres .publications thead th.desc::after {
      content: "↓";
      display: inline-block;
      margin-left: 0.5rem; }
  .wrapper--llibres .publications tbody tr {
    transition: background-color 0.2s ease-out; }
    .wrapper--llibres .publications tbody tr:hover {
      background-color: rgba(253, 251, 250, 0.4); }

.wrapper--modalitats .opening {
  grid-column: 4 / span 10;
  text-align: center; }

.wrapper--modalitats .category {
  grid-column-end: span 7; }
  .wrapper--modalitats .category:nth-child(even) {
    grid-column-start: 2; }
  .wrapper--modalitats .category:nth-child(odd) {
    grid-column-start: 10; }
  .wrapper--modalitats .category h2 {
    font-weight: 400;
    text-align: center; }
  .wrapper--modalitats .category .category__selection {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1rem; }
    .wrapper--modalitats .category .category__selection a {
      display: block;
      margin: 0.5em;
      border: 1px solid #000000;
      transition: all 0.2s ease-out; }
      .wrapper--modalitats .category .category__selection a:hover {
        background-color: #ff6535;
        border-color: #ff6535;
        color: #fdfbfa; }

.wrapper--catedra .opening {
  grid-column: 4 / span 10;
  text-align: center; }
  .wrapper--catedra .opening h1 {
    margin-bottom: 1.75rem;
    font-weight: 500; }

.wrapper--catedra .half .caption,
.wrapper--catedra .full .caption {
  display: block; }

.wrapper--catedra .half p,
.wrapper--catedra .full p {
  margin-bottom: 0.5rem; }

.wrapper--catedra .half h3,
.wrapper--catedra .full h3 {
  font-weight: 400; }

.wrapper--catedra .half h2,
.wrapper--catedra .full h2 {
  font-weight: 600; }

.wrapper--catedra .half img,
.wrapper--catedra .full img {
  max-width: 100%; }

.wrapper--catedra .full {
  grid-column: span 17;
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-row-gap: 2rem;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%; }
  .wrapper--catedra .full img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 3rem; }

.wrapper--catedra .half {
  grid-column-end: span 8; }
  .wrapper--catedra .half--first {
    grid-column-start: 1; }
  .wrapper--catedra .half--last {
    grid-column-start: 10; }
  .wrapper--catedra .half--images {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 1rem;
    grid-template-rows: auto;
    grid-row-gap: 2rem;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
    .wrapper--catedra .half--images img {
      display: block;
      width: 100%;
      height: auto;
      margin-bottom: 3rem; }

.wrapper--catedra .page {
  grid-column-end: span 7;
  text-align: center; }
  .wrapper--catedra .page:nth-child(even) {
    grid-column-start: 2; }
  .wrapper--catedra .page:nth-child(odd) {
    grid-column-start: 10; }
  .wrapper--catedra .page:nth-child(even):last-child {
    grid-column-start: 6; }
  .wrapper--catedra .page a {
    display: inline-block;
    margin: 1em auto;
    border: 1px solid #000000; }
    .wrapper--catedra .page a:hover {
      background-color: #9738fc;
      border-color: #9738fc;
      color: #fdfbfa; }

.wrapper--mon {
  position: relative; }
  .wrapper--mon .arrow-up {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    padding: 0.5em;
    background: #fdfbfa;
    border: 1px solid #000000;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all 0.1s ease-out;
    backface-visibility: hidden;
    font-size: 1rem; }
    .wrapper--mon .arrow-up:hover {
      background: #000000;
      color: #fdfbfa; }
    .wrapper--mon .arrow-up.visible {
      opacity: 1;
      pointer-events: all; }
  .wrapper--mon .opening {
    grid-column: 4 / span 10;
    text-align: center; }
    .wrapper--mon .opening h1 {
      margin-bottom: 0; }
  .wrapper--mon .intro {
    grid-column-end: span 7;
    margin-bottom: 1rem; }
    .wrapper--mon .intro p {
      margin-bottom: 0.5rem; }
    .wrapper--mon .intro--left {
      grid-column-start: 2; }
    .wrapper--mon .intro--right {
      grid-column-start: 10; }
  .wrapper--mon .map {
    position: relative;
    grid-column: 2 / span 15;
    width: 100%;
    height: auto; }
    .wrapper--mon .map svg {
      width: 100%;
      height: auto; }
    .wrapper--mon .map .map__point {
      position: absolute;
      width: 1vw;
      height: 1vw;
      transform: translate(-50%, -50%);
      transition: all 0.2s ease;
      background: #1c98fc;
      border-radius: 50%;
      mix-blend-mode: multiply; }
      .wrapper--mon .map .map__point:hover {
        opacity: 1;
        width: calc(1vw * 1.2);
        height: calc(1vw * 1.2); }
      @media all and (min-width: 1540px) {
        .wrapper--mon .map .map__point {
          width: 0.7rem;
          height: 0.7rem; } }
      .wrapper--mon .map .map__point:hover {
        opacity: 1;
        width: calc(0.7rem * 1.2);
        height: calc(0.7rem * 1.2); }
  .wrapper--mon .country {
    grid-column: 2 / span 16;
    margin: 0 0 3rem;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column-gap: 1rem;
    grid-template-rows: auto;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }
    .wrapper--mon .country .country__image {
      grid-column: 1 / span 7; }
      .wrapper--mon .country .country__image img {
        width: 100%;
        height: 25vw;
        object-fit: cover;
        object-position: center center; }
        @media all and (min-width: 1540px) {
          .wrapper--mon .country .country__image img {
            height: 20rem; } }
    .wrapper--mon .country .country__text {
      grid-column: 9 / span 8; }
      .wrapper--mon .country .country__text h2 {
        font-weight: 400; }
      .wrapper--mon .country .country__text p {
        margin-bottom: 0.5rem; }

.wrapper--espais,
.wrapper--cultura,
.wrapper--figures {
  grid-template-areas: ". . . . op op op op op op op op op . . . ." ". . . a a a a a . b b b b b . . .";
  align-items: center; }
  .wrapper--espais .opening,
  .wrapper--cultura .opening,
  .wrapper--figures .opening {
    grid-area: op;
    text-align: center; }
  .wrapper--espais .spaces,
  .wrapper--cultura .spaces,
  .wrapper--figures .spaces {
    grid-column: span 17;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1rem;
    grid-template-rows: auto;
    grid-row-gap: 2rem;
    margin: 0 auto;
    width: 100%; }
  .wrapper--espais .spaces__el,
  .wrapper--cultura .spaces__el,
  .wrapper--figures .spaces__el {
    grid-column-end: span 1;
    text-align: center; }
    .wrapper--espais .spaces__el img,
    .wrapper--cultura .spaces__el img,
    .wrapper--figures .spaces__el img {
      display: block;
      width: 100%;
      height: 25rem;
      object-fit: cover; }
    .wrapper--espais .spaces__el a,
    .wrapper--cultura .spaces__el a,
    .wrapper--figures .spaces__el a {
      display: inline-block;
      margin: 1em auto;
      border: 1px solid #000000; }
      .wrapper--espais .spaces__el a:hover,
      .wrapper--cultura .spaces__el a:hover,
      .wrapper--figures .spaces__el a:hover {
        background-color: #fe4668;
        border-color: #fe4668;
        color: #fdfbfa; }
  .wrapper--espais .page,
  .wrapper--cultura .page,
  .wrapper--figures .page {
    grid-column-end: span 7;
    text-align: center; }
    .wrapper--espais .page:nth-child(even),
    .wrapper--cultura .page:nth-child(even),
    .wrapper--figures .page:nth-child(even) {
      grid-column-start: 2; }
    .wrapper--espais .page:nth-child(odd),
    .wrapper--cultura .page:nth-child(odd),
    .wrapper--figures .page:nth-child(odd) {
      grid-column-start: 10; }
    .wrapper--espais .page.page--figures,
    .wrapper--cultura .page.page--figures,
    .wrapper--figures .page.page--figures {
      grid-column-end: span 5;
      grid-column-start: initial; }
      .wrapper--espais .page.page--figures:nth-child(even), .wrapper--espais .page.page--figures:nth-child(odd),
      .wrapper--cultura .page.page--figures:nth-child(even),
      .wrapper--cultura .page.page--figures:nth-child(odd),
      .wrapper--figures .page.page--figures:nth-child(even),
      .wrapper--figures .page.page--figures:nth-child(odd) {
        grid-column-start: initial; }
      .wrapper--espais .page.page--figures:nth-child(3n - 1),
      .wrapper--cultura .page.page--figures:nth-child(3n - 1),
      .wrapper--figures .page.page--figures:nth-child(3n - 1) {
        grid-column-start: 2; }
      .wrapper--espais .page.page--figures a:hover,
      .wrapper--cultura .page.page--figures a:hover,
      .wrapper--figures .page.page--figures a:hover {
        background-color: #fe4668;
        border-color: #fe4668; }
    .wrapper--espais .page a,
    .wrapper--cultura .page a,
    .wrapper--figures .page a {
      display: inline-block;
      margin: 1em auto;
      border: 1px solid #000000; }
      .wrapper--espais .page a:hover,
      .wrapper--cultura .page a:hover,
      .wrapper--figures .page a:hover {
        background-color: #ff6535;
        border-color: #ff6535;
        color: #fdfbfa; }

.wrapper--espais .page {
  margin-top: 3rem; }
  .wrapper--espais .page:nth-child(odd) {
    grid-column-start: 2; }
  .wrapper--espais .page:nth-child(even) {
    grid-column-start: 10; }
  .wrapper--espais .page a:hover {
    background-color: #fe4668;
    border-color: #fe4668; }

.wrapper--cultura {
  min-height: 60vh; }

.wrapper--single {
  grid-row-gap: 2.5rem; }
  .wrapper--single .menu-single {
    grid-column: 1 / span 17;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -2rem; }
    .wrapper--single .menu-single .nav-item {
      margin: 0.5rem; }
      .wrapper--single .menu-single .nav-item:not(.current-menu-item) a {
        opacity: 0.4; }
      .wrapper--single .menu-single .nav-item a {
        border: 1px solid #000000; }
        .wrapper--single .menu-single .nav-item a:hover {
          background-color: #000000;
          border-color: #000000;
          color: #fdfbfa;
          opacity: 1; }
  .wrapper--single .opening {
    grid-column: 2 / span 15;
    margin-bottom: -2.25rem; }
    .wrapper--single .opening .title {
      margin-bottom: 0;
      font-weight: 600; }
    .wrapper--single .opening .pretitle {
      margin-bottom: 0.5rem;
      color: #ff6535;
      text-transform: uppercase; }
  .wrapper--single .title-cultura {
    grid-column: 2 / span 7;
    font-weight: 500; }
  .wrapper--single .title-catedra {
    grid-column: 2 / span 12;
    font-weight: 500; }
  .wrapper--single .half img,
  .wrapper--single .full img {
    width: 100%;
    height: auto;
    margin-bottom: 0.25rem;
    display: block; }
  .wrapper--single .half .caption,
  .wrapper--single .full .caption {
    display: block; }
  .wrapper--single .half p,
  .wrapper--single .full p {
    margin-bottom: 1rem; }
  .wrapper--single .half h3,
  .wrapper--single .full h3 {
    font-weight: 400; }
  .wrapper--single .half h4,
  .wrapper--single .full h4 {
    font-weight: 400; }
  .wrapper--single .half h2,
  .wrapper--single .full h2 {
    font-weight: 600; }
  .wrapper--single .half ul,
  .wrapper--single .full ul {
    padding-left: 1rem;
    list-style-type: circle; }
    .wrapper--single .half ul a,
    .wrapper--single .full ul a {
      text-decoration: underline; }
      .wrapper--single .half ul a:hover,
      .wrapper--single .full ul a:hover {
        text-decoration: none;
        opacity: 1; }
  .wrapper--single .half {
    grid-column-end: span 7; }
    .wrapper--single .half--first {
      grid-column-start: 2; }
    .wrapper--single .half--last {
      grid-column-start: 10; }
    .wrapper--single .half--intro {
      padding-top: 1.5rem; }
  .wrapper--single .full,
  .wrapper--single .slider {
    grid-column: 2 / span 15; }
  .wrapper--single .slider .slider-single {
    width: 100%;
    height: 60vh;
    overflow: visible; }
    .wrapper--single .slider .slider-single .swiper-slide {
      height: 100%;
      width: auto; }
      .wrapper--single .slider .slider-single .swiper-slide img {
        height: 100%;
        width: auto; }
      .wrapper--single .slider .slider-single .swiper-slide .caption {
        display: block; }
  .wrapper--single .box {
    padding: 1.5rem;
    border: 1px solid #fe4668;
    border-radius: 2rem; }
    .wrapper--single .box .box__row {
      display: flex; }
      .wrapper--single .box .box__row > * {
        width: 50%;
        padding-right: 1rem; }
      .wrapper--single .box .box__row .tag {
        color: #fe4668; }
      .wrapper--single .box .box__row:not(:last-child) {
        margin-bottom: 1rem; }

.wrapper--enquesta .opening__title {
  text-align: center;
  margin-bottom: 3rem; }

.poll,
.text-enquesta {
  grid-column: 2 / span 15; }

.poll .basic-vote-button {
  margin-top: 2rem;
  transition: all 0.2s ease-out !important; }
  .poll .basic-vote-button:hover {
    background-color: #fe4668 !important;
    border-color: #fe4668 !important;
    color: #fdfbfa !important;
    opacity: 1; }

.poll .basic-question-title {
  margin-bottom: 3rem !important; }

.poll .basic-message {
  background-color: transparent !important; }

.poll .basic-answers {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0; }
  .poll .basic-answers.basic-answers-results {
    display: block; }
    .poll .basic-answers.basic-answers-results .progress .progress-bar {
      background-color: #1c98fc !important; }
  .poll .basic-answers .basic-answer {
    flex-basis: 25%;
    padding-right: 1rem; }
    .poll .basic-answers .basic-answer .basic-answer-results-details {
      font-weight: 400 !important; }
    .poll .basic-answers .basic-answer .basic-text {
      font-size: 1.75rem !important;
      line-height: 120% !important; }
  .poll .basic-answers .basic-answer-label {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem; }
    .poll .basic-answers .basic-answer-label .icheckbox_flat-red {
      flex-shrink: 0;
      margin-top: 0.5rem; }

.poll.poll--wide .basic-answers .basic-answer {
  flex-basis: 33%; }

.text-enquesta {
  column-count: 2;
  gap: 3rem; }

@keyframes marqueeLeft {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }

@keyframes marqueeRight {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 3rem 0.15rem;
  width: 100%;
  background-color: #fdfbfa;
  border-bottom: 1px solid #000000; }

.header__logo {
  margin-right: 1rem; }
  .header__logo svg {
    height: 2.25rem;
    width: auto; }

.header__nav {
  min-width: 80%; }
  .header__nav .nav-items {
    display: flex;
    justify-content: space-between; }
    .header__nav .nav-items li {
      position: relative; }
      .header__nav .nav-items li a {
        transition: color 0.2s ease-out; }
        .header__nav .nav-items li a:hover {
          color: #fe4668;
          opacity: 1; }
      .header__nav .nav-items li .nav-drop {
        display: none;
        position: absolute;
        left: 50%;
        min-width: 10rem;
        padding: 1.75rem 1.5rem 0.5rem;
        list-style-type: none;
        background: #fdfbfa;
        border-bottom-left-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
        transform: translateX(-50%);
        text-align: center; }
        .header__nav .nav-items li .nav-drop li {
          background: #fdfbfa; }
          .header__nav .nav-items li .nav-drop li a {
            display: block;
            width: 100%;
            padding: 0.5em 0; }
        .header__nav .nav-items li .nav-drop.visible {
          display: block; }
      .header__nav .nav-items li.current-menu-item:not(.agenda)::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -0.8em;
        display: block;
        width: 6px;
        height: 6px;
        background: #000000;
        border-radius: 99%;
        transform: translateX(-50%);
        transition: background 0.2s ease-out; }
    .header__nav .nav-items .agenda a {
      background-color: #fe4668;
      color: #fdfbfa;
      transition: background-color 0.2s ease-out; }
      .header__nav .nav-items .agenda a:hover {
        background-color: #000000;
        color: #fdfbfa; }

.header__hamburger {
  display: none;
  padding: 0px 0px;
  text-align: center;
  cursor: pointer; }
  .header__hamburger .line {
    width: 1.5rem;
    height: 1px;
    background-color: #000000;
    display: block;
    margin: 6px auto;
    transition: all 0.3s ease; }
  .header__hamburger.active .line:nth-child(1) {
    transform: translateY(7px) rotate(45deg); }
  .header__hamburger.active .line:nth-child(2) {
    opacity: 0; }
  .header__hamburger.active .line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg); }

.overlay-menu {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 6rem;
  background: #fdfbfa; }
  .overlay-menu .nav-items {
    text-align: center; }
    .overlay-menu .nav-items li {
      margin-bottom: 1em; }
      .overlay-menu .nav-items li.agenda {
        margin-top: 2em; }
        .overlay-menu .nav-items li.agenda a {
          background-color: #fe4668;
          color: #fdfbfa;
          transition: background-color 0.2s ease-out; }
          .overlay-menu .nav-items li.agenda a:hover {
            background-color: #000000;
            color: #fdfbfa; }
    .overlay-menu .nav-items .nav-drop {
      display: none; }

.footer__main,
.footer__sponsors,
.footer__second,
.footer__credits {
  border-top: 1px solid #000000;
  padding: 0.75rem 3rem;
  width: 100%; }

.footer__main {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  grid-column-gap: 1rem;
  grid-template-rows: auto;
  grid-row-gap: 2rem;
  margin: 0 auto;
  padding-left: 3rem;
  padding-right: 3rem;
  width: 100%;
  align-items: center; }
  @media all and (max-width: 768px) {
    .footer__main {
      padding-left: 1rem;
      padding-right: 1rem; } }

.footer__sponsors {
  display: flex;
  justify-content: flex-start; }
  .footer__sponsors .block {
    margin-right: 2rem; }
  .footer__sponsors .block__logos {
    display: flex;
    justify-content: flex-start;
    margin-top: 0.5rem; }
    .footer__sponsors .block__logos img {
      height: 2.75rem;
      width: auto;
      object-fit: contain;
      margin-right: 1.5rem; }

.footer__credits {
  display: flex;
  justify-content: flex-start;
  flex-grow: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.2; }

.footer__sponsors,
.footer__second {
  padding: 0.5rem 3rem; }

.footer__second .block {
  padding-right: 2rem;
  flex-basis: 30rem; }
  .footer__second .block h4 {
    margin-bottom: 0.75em;
    font-weight: 700; }

.footer__logo {
  grid-column: span 3;
  margin-right: 1rem; }
  .footer__logo svg {
    height: 2.5rem;
    width: auto; }

.footer__nav {
  grid-column: 5 / span 15;
  line-height: 180%; }
  .footer__nav .nav-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(10px, 1fr)); }
    .footer__nav .nav-items .nav-item {
      grid-column: span 1; }

.legal {
  line-height: 180%; }

@media all and (max-width: 1380px) {
  .wrapper--values .title {
    font-size: 2.75rem; }
  .poll .basic-answers .basic-answer {
    flex-basis: 33%; } }

@media all and (max-width: 1200px) {
  .header__hamburger {
    display: block; }
  .header__nav {
    display: none; }
  .footer__logo {
    grid-column: span 6; }
  .footer__nav {
    grid-column: span 17; }
  .footer__catedra {
    grid-column: span 5; }
  .wrapper--values .title {
    font-size: 2.25rem; } }

@media all and (max-width: 999px) {
  .wrapper--numbers-home .big-circle span.number {
    font-size: 2.5rem; }
  .dirlinks--abc {
    grid-template-columns: repeat(3, 1fr); }
  .dirlinks--borders .item {
    flex-basis: 100%; }
    .dirlinks--borders .item:nth-child(2) {
      border-top: none; }
  .poll .basic-answers .basic-answer {
    flex-basis: 50%; }
  .wrapper--figures .page.page--figures {
    grid-column-end: span 7; }
    .wrapper--figures .page.page--figures:nth-child(even) {
      grid-column-start: 2; }
    .wrapper--figures .page.page--figures:nth-child(odd) {
      grid-column-start: 10; } }

@media all and (max-width: 768px) {
  html {
    font-size: 17px; }
  body {
    overflow-x: hidden !important;
    width: 100vw; }
  .header,
  .footer__second,
  .footer__sponsors,
  .footer__credits {
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem; }
  .footer__sponsors {
    flex-direction: column; }
    .footer__sponsors .block {
      margin-bottom: 2rem; }
      .footer__sponsors .block .block__logos {
        align-items: flex-start;
        flex-wrap: wrap; }
        .footer__sponsors .block .block__logos img {
          margin-bottom: 0.5rem;
          height: 3.25rem; }
  .header__logo svg {
    height: 2rem; }
  .wrapper {
    grid-column-gap: 0.25rem;
    grid-row-gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 5rem; }
  .circular-logo {
    display: none; }
  .slider-home .swiper-slide img {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50vw - 1rem), 0% 75%); }
  .slider-home .swiper-slide h2 {
    left: 1rem;
    right: 1rem; }
  .wrapper--intro .image-first {
    grid-column: 1 / span 17; }
  .wrapper--intro .text {
    grid-column: 1 / span 17; }
    .wrapper--intro .text p {
      margin-bottom: 1rem; }
  .agenda-home .wrapper {
    padding-top: 2rem;
    padding-bottom: 4rem; }
  .agenda-home .agenda-link {
    text-align: center; }
    .agenda-home .agenda-link a {
      padding: 0.2rem 0.8rem; }
  .agenda-home .table tbody tr {
    border-bottom: 1px solid #000000; }
    .agenda-home .table tbody tr:hover {
      background-color: transparent; }
    .agenda-home .table tbody tr:first-child {
      border-top: 1px solid #000000; }
      .agenda-home .table tbody tr:first-child td {
        border-top: none; }
  .agenda-home .table td {
    display: block;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none !important; }
    .agenda-home .table td.link {
      display: none; }
    .agenda-home .table td.date_cat {
      min-width: 0; }
  .wrapper--numbers-home .grid {
    grid-column: 1 / span 17; }
    .wrapper--numbers-home .grid .grid__element {
      width: calc(50% - 1rem);
      margin-top: 1rem;
      margin-bottom: 1rem; }
  .wrapper--numbers-home .big-circle {
    grid-column: 5 / span 9; }
  .wrapper--second {
    padding-bottom: 0; }
    .wrapper--second .slogan-first {
      grid-column: 1 / span 17;
      order: 2; }
    .wrapper--second .image-second {
      margin-top: -6rem;
      grid-column: 1 / span 17;
      order: 1; }
  .wrapper--valors-home {
    padding-bottom: 3rem; }
    .wrapper--valors-home .selector {
      grid-column: 1 / span 17; }
      .wrapper--valors-home .selector .selector__el {
        padding-left: 2.25em; }
        .wrapper--valors-home .selector .selector__el::before, .wrapper--valors-home .selector .selector__el.active::before {
          background-color: var(--color-home-prim);
          border-color: var(--color-home-prim); }
    .wrapper--valors-home .info {
      display: none; }
  .wrapper--modalitats .opening {
    grid-column: 1 / span 17; }
    .wrapper--modalitats .opening p {
      text-align: left; }
  .wrapper--modalitats .category {
    grid-column: 1 / span 17 !important; }
    .wrapper--modalitats .category .category__selection a {
      margin: 0.4rem; }
  .wrapper--espais,
  .wrapper--cultura,
  .wrapper--figures {
    grid-template-areas: none; }
    .wrapper--espais .opening,
    .wrapper--espais .page,
    .wrapper--cultura .opening,
    .wrapper--cultura .page,
    .wrapper--figures .opening,
    .wrapper--figures .page {
      grid-column: 1 / span 17 !important;
      grid-area: initial; }
      .wrapper--espais .opening p,
      .wrapper--espais .page p,
      .wrapper--cultura .opening p,
      .wrapper--cultura .page p,
      .wrapper--figures .opening p,
      .wrapper--figures .page p {
        text-align: left; }
    .wrapper--espais .spaces__el,
    .wrapper--cultura .spaces__el,
    .wrapper--figures .spaces__el {
      grid-column-end: span 2; }
      .wrapper--espais .spaces__el a,
      .wrapper--cultura .spaces__el a,
      .wrapper--figures .spaces__el a {
        margin-bottom: 0; }
    .wrapper--espais .page a,
    .wrapper--cultura .page a,
    .wrapper--figures .page a {
      margin: 0.5em auto; }
  .wrapper--tabs {
    padding-bottom: 0; }
    .wrapper--tabs .menu-single {
      margin-top: 0; }
      .wrapper--tabs .menu-single .nav-item {
        margin: 0 0.25rem 0.5rem; }
  .wrapper--values .title {
    grid-column: 1 / span 17;
    margin-bottom: 0;
    font-size: 1.75rem; }
  .wrapper--values .lead {
    grid-column: 1 / span 17;
    padding-top: 0; }
  .wrapper--values .block {
    grid-column: 1 / span 17 !important; }
  .wrapper--single .opening,
  .wrapper--single .title-cultura,
  .wrapper--single .half,
  .wrapper--single .full,
  .wrapper--single .slider {
    grid-column: 1 / span 17 !important; }
    .wrapper--single .opening p:last-child,
    .wrapper--single .title-cultura p:last-child,
    .wrapper--single .half p:last-child,
    .wrapper--single .full p:last-child,
    .wrapper--single .slider p:last-child {
      margin-bottom: 0; }
  .wrapper--single .slider .slider-single {
    overflow-x: hidden;
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem); }
  .wrapper--single .opening {
    margin-bottom: -1.25rem; }
  .wrapper--single .half--intro {
    padding-top: 0; }
  .wrapper--single .slider .slider-single {
    height: 60vw; }
    .wrapper--single .slider .slider-single .swiper-slide {
      width: 100%; }
      .wrapper--single .slider .slider-single .swiper-slide img {
        width: 100%;
        object-fit: cover; }
  .wrapper--single .menu-single {
    margin-top: 0; }
    .wrapper--single .menu-single .nav-item {
      margin: 0 0.25rem 0.5rem; }
  .wrapper--catedra .opening {
    grid-column: 1 / span 17; }
    .wrapper--catedra .opening p {
      text-align: left; }
  .wrapper--catedra .title-cultura,
  .wrapper--catedra .half,
  .wrapper--catedra .full {
    grid-column: 1 / span 17 !important; }
    .wrapper--catedra .title-cultura p:last-child,
    .wrapper--catedra .half p:last-child,
    .wrapper--catedra .full p:last-child {
      margin-bottom: 0; }
  .wrapper--catedra .half--images img {
    margin-bottom: 2rem; }
    .wrapper--catedra .half--images img:last-child {
      margin-bottom: 0; }
  .wrapper--catedra .full img {
    display: block;
    grid-column: 1 / span 17 !important;
    margin-bottom: 0;
    padding-top: 0 !important; }
  .wrapper--llibres {
    grid-row-gap: 1.5rem; }
    .wrapper--llibres .opening {
      grid-column: 1 / span 17; }
      .wrapper--llibres .opening p {
        text-align: left; }
    .wrapper--llibres .intro {
      grid-column: 1 / span 17 !important;
      margin-bottom: 0; }
      .wrapper--llibres .intro p {
        margin-bottom: 0; }
    .wrapper--llibres .publications {
      grid-column: 1 / span 17; }
      .wrapper--llibres .publications th,
      .wrapper--llibres .publications td {
        width: auto !important; }
        .wrapper--llibres .publications th.author, .wrapper--llibres .publications th.editor,
        .wrapper--llibres .publications td.author,
        .wrapper--llibres .publications td.editor {
          display: none; }
      .wrapper--llibres .publications td.link {
        font-size: 1.4em; }
  .wrapper--agenda .opening,
  .wrapper--agenda .table-agenda,
  .wrapper--agenda .calendar {
    grid-column: 1 / span 17; }
  .wrapper--agenda .opening__buttons {
    display: none; }
  .wrapper--agenda .opening__title {
    margin-bottom: 0; }
  .wrapper--agenda .calendar {
    margin-top: 1rem; }
  .wrapper--agenda .table-agenda .agenda__el {
    grid-row-gap: 0.5rem; }
    .wrapper--agenda .table-agenda .agenda__el .date_cat,
    .wrapper--agenda .table-agenda .agenda__el .title {
      grid-column: 1 / span 15; }
    .wrapper--agenda .table-agenda .agenda__el .thumbnail {
      display: none;
      grid-column: 1 / span 9; }
      .wrapper--agenda .table-agenda .agenda__el .thumbnail img {
        height: 35vw;
        width: 100%; }
    .wrapper--agenda .table-agenda .agenda__el .more {
      grid-column: 1 / span 15;
      text-align: left; }
  .wrapper--marquee {
    padding-top: 4rem; }
  .wrapper--mon {
    grid-row-gap: 2rem; }
    .wrapper--mon .arrow-up {
      display: none; }
    .wrapper--mon .opening,
    .wrapper--mon .map {
      grid-column: 1 / span 17; }
      .wrapper--mon .opening p,
      .wrapper--mon .map p {
        text-align: left; }
    .wrapper--mon .intro {
      grid-column: 1 / span 17 !important;
      margin-bottom: 0; }
      .wrapper--mon .intro p {
        margin-bottom: 0; }
    .wrapper--mon .country {
      grid-column: 1 / span 17;
      grid-row-gap: 1rem;
      margin: 0; }
      .wrapper--mon .country .country__image,
      .wrapper--mon .country .country__text {
        grid-column: 1 / span 16; }
        .wrapper--mon .country .country__image img,
        .wrapper--mon .country .country__text img {
          display: block;
          height: auto; }
  .dirlinks--abc {
    grid-template-columns: repeat(2, 1fr); }
  .dirlinks--circles {
    justify-content: flex-start; }
    .dirlinks--circles .item {
      height: 10rem;
      width: 10rem; }
  .poll .basic-answers {
    gap: 0.25rem 0; }
    .poll .basic-answers .basic-answer {
      flex-basis: 100%; }
  .text-enquesta {
    column-count: 1; } }

@media all and (max-width: 580px) {
  .footer__logo,
  .footer__catedra {
    grid-column: span 17; }
  .footer__nav .nav-items .nav-item {
    grid-column: span 4; }
  .legal {
    display: block; }
  .legal__el {
    display: block;
    margin: 0; } }

@media all and (max-width: 450px) {
  .slider-home .swiper-slide h2 {
    font-size: 2rem; }
  .dirlinks--abc {
    grid-template-columns: repeat(1, 1fr); } }