body {
  color: #54657E;
  font: 16px "Roboto", arial, sans-serif;
}

.title__text--dash {
  display: inline-block;
  padding-left: 3rem;
  position: relative;
}
.title__text--dash::before {
  background: currentcolor;
  content: "";
  height: 0.0625rem;
  left: 0;
  margin-top: -0.0625rem;
  position: absolute;
  top: 50%;
  width: 2rem;
}

.text__link {
  color: #3db7e4;
  padding-left: 2rem;
  position: relative;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
}
.text__link::before {
  background: url("../img/layout/tm/ico-link.svg") left top no-repeat;
  content: "";
  height: 1.5rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}
.text__link:hover {
  text-decoration: underline;
}

.text__link--primary::before {
  background-position: 0 -48px;
}

.text__link--secondary {
  color: #54657E;
}
.text__link--secondary::before {
  background-position: 0 0;
}

.text__link--alt {
  color: #FFF;
}
.text__link--alt::before {
  background-position: 0 -24px;
}

.list {
  list-style: none;
  margin: 0;
  padding-left: 2.5rem;
}
.list__item {
  position: relative;
}
.list__item::before {
  background: linear-gradient(to right, #d71c1c, #ad1457);
  border-radius: 100%;
  content: "";
  height: 0.5rem;
  left: -1.5rem;
  position: absolute;
  top: 0.375rem;
  width: 0.5rem;
}
.list__item + .list__item {
  margin-top: 0.5rem;
}
.list--checks .list__item::before {
  background: transparent url("../img/layout/tm/ico-check-tm.svg");
  border-radius: 0;
  content: "";
  height: 1.5rem;
  left: -2.5rem;
  position: absolute;
  top: 0;
  width: 1.5rem;
}

.content__link {
  color: #3db7e4;
  font-weight: 500;
  text-decoration: none;
}
.content__link:hover {
  text-decoration: underline;
}
.content__link.ext::after {
  background: url("../img/layout/tm/ico-external-content-link.svg") left -2rem no-repeat;
  background-size: 1rem auto;
  content: "";
  display: inline-block;
  height: 1rem;
  margin: -0.25rem 0 0 0.15em;
  vertical-align: middle;
  width: 1rem;
}

.skin-tm .a01 {
  background-image: url("../img/layout/tm/tm-a01-bg.webp");
  background-position: 70% center;
}
.skin-tm .a01::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.skin-tm .a01__title--tm .a01__title-main {
  box-sizing: border-box;
  font-family: "Open Sans", arial, sans-serif;
  font-size: 1.6875rem;
  font-weight: 400;
  height: 6.25rem;
  line-height: 2rem;
  margin: 0 0 1.5rem;
  padding: 1.625rem 0 0.625rem 5.8125rem;
  position: relative;
  text-align: left;
}
.skin-tm .a01__title--tm .a01__title-main::before {
  background: url("../img/layout/tm/logo-teleferic-de-montjuic-new.svg") left top no-repeat;
  background-size: auto 100%;
  content: "";
  height: 6.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 4.3125rem;
}
.skin-tm .a01__title--tm .a01__title-main strong {
  display: block;
  font-size: 2.375rem;
  font-weight: 600;
  line-height: 2rem;
}
.skin-tm .a01__title--tm div {
  text-align: center;
  font-family: Montserrat, serif;
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  max-width: 220px;
  margin: 0 auto 1.1rem;
}
@media screen and (min-width: 576px) {
  .skin-tm .a01__title--tm div {
    max-width: unset;
  }
}
@media screen and (min-width: 768px) {
  .skin-tm .a01__title--tm div {
    text-align: center;
    font-family: Montserrat, serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 3.8rem;
    margin-bottom: 2rem;
  }
}
.skin-tm .a02__inner::after,
.skin-tm .a13__route-list .route-list__counter,
.skin-tm .a06-slider__cover::before,
.skin-tm .map__route-item-label::after,
.skin-tm .route-list__item::after,
.skin-tm .b3::before,
.skin-tm .block-stop-nav {
  background: linear-gradient(to right, #b6bf00, #78bb75);
}
.skin-tm .a08__tripadvisor,
.skin-tm .a15,
.skin-tm .a18,
.skin-tm .footer__social {
  background: linear-gradient(to right, #3db7e4, #78bb75);
}
.skin-tm .testimonial {
  background: url("../img/layout/tm/ico-quote.svg") center top no-repeat;
}
.skin-tm .b4__menu-link--current::before {
  background: #b6bf00;
}
.skin-tm .form__radio-replace.form__field--is-checked:not(.form__field--is-disabled)::before {
  border-color: #3db7e4;
}
.skin-tm .form__field--text:focus,
.skin-tm .form__field--textarea:focus,
.skin-tm .form__field--select:focus {
  border-color: #78bb75;
  box-shadow: 0 0 2px 0 rgba(120, 187, 117, 0.7);
}
.skin-tm .file-replace__select,
.skin-tm .content__link,
.skin-tm .text__link,
.skin-tm .tripadvisor:not(.tripadvisor--alt) .tripadvisor__link,
.skin-tm .share--content .share__label-text {
  color: #3db7e4;
}
.skin-tm .card__content-discount,
.skin-tm .card__content-category,
.skin-tm .price__text {
  background: #78bb75;
}
.skin-tm .page__header .menu__trigger:hover {
  background-color: #3db7e4;
}
.skin-tm .page__header .menu__block--primary .menu__link--active:not(:hover)::after {
  background: #b6bf00;
}
.skin-tm .button--primary:not([disabled]):not(.button--disabled) {
  background: linear-gradient(to right, #b6bf00, #78bb75);
}
.skin-tm .button--primary:not([disabled]):not(.button--disabled):hover {
  background: #78bb75;
}
.skin-tm .buy-tickets-mobile .container {
  background: linear-gradient(to right, #b6bf00, #78bb75);
}
.skin-tm .buy-tickets-mobile .container:hover {
  background: #78bb75;
}
.skin-tm .reviews-sticker {
  padding: unset;
}
.skin-tm .button--secondary {
  color: #3db7e4;
}
.skin-tm .plyr__progress--played,
.skin-tm .plyr__volume--display,
.skin-tm .plyr input[type=range]::-webkit-slider-thumb,
.skin-tm .plyr input[type=range]::-moz-range-thumb,
.skin-tm .plyr input[type=range]::-ms-thumb {
  background: #3db7e4;
}
.skin-tm .plyr input[type=range]:active::-webkit-slider-thumb,
.skin-tm .plyr input[type=range]:active::-moz-range-thumb,
.skin-tm .plyr input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 11px rgba(61, 183, 228, 0.2);
}
.skin-tm .nav-menu__item--submenu-visible .nav-menu__link::before {
  background: #b6bf00;
}
.skin-tm .perks__item::before {
  background-image: url("../img/layout/tm/ico-perks.svg");
}
.skin-tm .tripadvisor:not(.tripadvisor--alt) .tripadvisor__link.ext::after {
  background: url("../img/layout/tm/ico-external-link.svg") left bottom;
}
.skin-tm .footer__site::after {
  background: linear-gradient(to right, #b6bf00, #78bb75);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .skin-tm .footer__site:hover::after {
    opacity: 0.7;
  }
}
.skin-tm .footer__site-full-content {
  background: linear-gradient(to right, rgba(182, 191, 0, 0.7), rgba(120, 187, 117, 0.7));
}
@media screen and (min-width: 768px) {
  .skin-tm .footer__site-full-content {
    background: unset;
  }
}
.skin-tm .a11__grid-link:hover::after {
  opacity: 0.7;
}
.skin-tm .a11__grid-link::after {
  background: linear-gradient(to left, #b6bf00, #78bb75);
}
.skin-tm .block__pagination-page--current .block__pagination-link {
  background: #3db7e4;
}
.skin-tm .top-presentation-region-tm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 1.5rem 1rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .skin-tm .top-presentation-region-tm {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.8rem 2rem 0 2rem;
  }
}
.skin-tm .top-presentation-region-tm .a01__holabcn {
  width: 6rem;
  background-size: 6rem;
  transform: none;
  left: unset;
  top: unset;
  position: relative;
}
@media screen and (min-width: 768px) {
  .skin-tm .top-presentation-region-tm .a01__holabcn {
    order: 1;
    width: 8rem;
    background-size: 8rem;
  }
}
.skin-tm .top-presentation-region-tm .reviews-sticker.is-visible {
  order: 2;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .skin-tm .central-presentation-region {
    position: relative;
    top: -90px;
  }
}
.skin-tm .central-presentation-region .buy-tickets-desktop {
  margin-bottom: 1rem;
}
.skin-tm .mobile-app-block .background {
  background: linear-gradient(to right, #3db7e4, #78bb75);
}
.skin-tm .buy-tickets-container {
  margin: 0 !important;
}
.skin-tm .video-launcher {
  position: relative;
  width: 3.7rem;
  height: 3.7rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: linear-gradient(90deg, #B6BF00 0%, #78BB75 100%);
  box-shadow: inset 0 0 0 2px transparent;
  cursor: pointer;
  margin-bottom: 1rem;
}
.skin-tm .video-launcher .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  transform: translate(-50%, -50%);
  background: url("../img/play-video-white.svg") center center no-repeat;
  background-size: contain;
  pointer-events: none;
}

@media screen and (min-width: 48em) {
  .skin-tm .a01 {
    background-position: center center;
  }
  .skin-tm .a01__title {
    margin: 0 auto;
  }
  .skin-tm .a01__title--tm {
    max-width: 20rem;
  }
  .skin-tm .a01__title--tm .a01__title-main {
    font-size: 1.8125rem;
    height: 7.5rem;
    margin: 0 0 0.8125rem;
    padding: 2.75rem 0 0.75rem 6.6875rem;
  }
  .skin-tm .a01__title--tm .a01__title-main::before {
    height: 7.5rem;
    width: 5.1875rem;
  }
  .skin-tm .a01__title--tm .a01__title-main strong {
    font-size: 2.5625rem;
  }
}
@media all and (min-width: 48rem) and (max-width: 79.9375rem) {
  .skin-tm .a01__holabcn {
    background-size: auto 4.875rem;
    display: block;
    left: 50%;
    padding-top: 2.4375rem;
    top: 1.25rem;
    transform: translateX(-50%);
    width: 5.625rem;
  }
}
@media screen and (min-width: 80em) {
  .skin-tm .block-stop-nav {
    background: none;
  }
  .skin-tm .stop-nav__link::before {
    background: linear-gradient(to right, #b6bf00, #78bb75);
  }
  .skin-tm .stop-nav__link:hover::before {
    background: #78bb75;
  }
  .skin-tm .a01__title {
    margin: 0 auto;
  }
}
@media screen and (max-width: 79.9375em) {
  .skin-tm .a01__aside-menu .dropdown {
    display: none;
  }
}
@media screen and (max-width: 47.9375em) {
  .skin-tm .a01__holabcn {
    background-size: auto 4.875rem;
    display: block;
    left: 50%;
    padding-top: 2.4375rem;
    top: 1.25rem;
    transform: translateX(-100%);
    width: 5.625rem;
  }
}
.block.prices .block__warning {
  padding-top: 1rem;
  padding-bottom: 1.5rem;
}
.block.prices .block__warning:before {
  left: unset;
  top: unset;
}
.reviews-sticker .container .content .stars__rating {
  color: #b6bf00;
}

.block.practical-info .a10__content {
  grid-gap: unset;
}
@media (min-width: 768px) {
  .block.practical-info .a10__content {
    grid-gap: 2rem;
  }
}

/*# sourceMappingURL=skin-tm.css.map */