@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont_v-4.7.0.eot");
  src: url("../fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff2"), url("../fonts/fontawesome-webfont_v-4.7.0.woff") format("woff"), url("../fonts/fontawesome-webfont_v-4.7.0.ttf") format("truetype"), url("../fonts/fontawesome-webfont_v-4.7.0.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.2857142857em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.8571428571em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }
.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }
.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-facebook-square:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 700; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300; }
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 200; }
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400; }

.font-body {
  font-family: "Montserrat", sans-serif; }

.fw-exlight {
  font-weight: 200; }

.fw-light {
  font-weight: 300; }

.fw-normal {
  font-weight: 400; }

.fw-bold {
  font-weight: 700; }

.h2 {
  font-size: 36px;
  letter-spacing: 0.5em; }
  @media (min-width: 450px) {
    .h2 {
      font-size: 60px; } }
  @media (min-width: 768px) {
    .h2 {
      font-size: 80px; } }
  @media (min-width: 1200px) {
    .h2 {
      font-size: 160px; } }

.h3 {
  font-size: 32px;
  letter-spacing: 0.5em; }
  @media (min-width: 450px) {
    .h3 {
      font-size: 48px; } }
  @media (min-width: 768px) {
    .h3 {
      font-size: 74px; } }
  @media (min-width: 1200px) {
    .h3 {
      font-size: 120px; } }

.h4 {
  font-size: 20px;
  letter-spacing: 0.5em; }
  @media (min-width: 450px) {
    .h4 {
      font-size: 28px; } }
  @media (min-width: 768px) {
    .h4 {
      font-size: 36px; } }
  @media (min-width: 1200px) {
    .h4 {
      font-size: 72px; } }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-size-adjust: 100%; }

body {
  margin: 0;
  background-color: #ffffff; }

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

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

img {
  max-width: 100%;
  max-height: 100%; }

.container {
  max-width: 1440px;
  margin: 0 auto; }

.container_sm {
  max-width: 720px;
  margin: 0 auto; }

.container_medium {
  max-width: 1310px;
  margin: 0 auto; }

.d-none {
  display: none; }

.d-block {
  display: block; }

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

.d-flex {
  display: -ms-flexbox;
  display: flex; }

.flex-column {
  flex-direction: column; }

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.align-start {
  align-items: flex-start; }

.align-center {
  -ms-flex-align: center;
  align-items: center; }

.align-end {
  align-items: flex-end; }

.justify-center {
  -ms-flex-pack: center;
  justify-content: center; }

.justify-end {
  justify-content: flex-end; }

.space-between {
  justify-content: space-between; }

.space-around {
  justify-content: space-around; }

.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

.overflow-hidden {
  overflow: hidden; }

.text-uppercase {
  text-transform: uppercase; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.object-cover {
  object-fit: cover; }

@keyframes rotate {
  to {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg); } }
._mobile_hidden {
  display: none; }

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

.list-style-none {
  list-style: none; }

@media (min-width: 992px) {
  .d-lg-flex {
    display: -ms-flexbox;
    display: flex; }

  .text-lg-left {
    text-align: left; }

  .text-lg-right {
    text-align: right; }

  ._mobile_show {
    display: none; }

  ._mobile_hidden {
    display: block; }
    ._mobile_hidden.text-gray {
      display: inline; } }
@media (min-width: 1200px) {
  .d-xl-flex {
    display: -ms-flexbox;
    display: flex; }

  .text-xl-left {
    text-align: left; }

  .text-xl-right {
    text-align: right; } }
.d-flex._mobile_hidden {
  display: none; }
@media (min-width: 992px) {
  .d-flex._mobile_show {
    display: none; }
  .d-flex._mobile_hidden {
    display: flex; } }

.sticky-active {
  position: fixed;
  z-index: 9; }

.delay-1 {
  transition-delay: 0.3s !important; }

.delay-2 {
  transition-delay: 0.6s !important; }

.w-100 {
  width: 100%; }

.h-100 {
  height: 100%; }

.m-0 {
  margin: 0; }

.image-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.js-move {
  will-change: transform; }

.js-flow._transition {
  will-change: transform;
  z-index: 10; }

.js-scale-appear {
  opacity: 0;
  transform: scale(0.85);
  transition: all .63s ease-in-out; }
  .js-scale-appear.js-appeared {
    opacity: 1;
    transform: scale(1); }

.js-popup-appear {
  opacity: 0;
  transform: translateY(60px);
  transition: all .9s ease-in-out; }
  .js-popup-appear.js-appeared {
    opacity: 1;
    transform: translateY(0); }

.popup {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transition: all .25s;
  visibility: hidden;
  opacity: 0;
  z-index: 99; }
  .popup.popup_open {
    visibility: visible;
    opacity: 1; }

.backdrop {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.63);
  z-index: -1; }

.lyrics {
  height: 96vh;
  padding: 24px 15px;
  background-color: var(--green-white);
  font-size: 14px;
  overflow: auto; }
  .lyrics h3 {
    margin: 36px 0 10px; }
  .lyrics p {
    font-family: var(--font-family-arialnarrow); }
  @media (min-width: 992px) {
    .lyrics {
      padding: 36px 25px; } }

.btn {
  display: inline-block;
  padding: 8px 20px;
  border: 2px solid #a3b8b1;
  color: #1c0604;
  font-size: 12px;
  letter-spacing: 0.5em; }
  @media (min-width: 450px) {
    .btn {
      padding: 9px 24px;
      font-size: 14px; } }
  @media (min-width: 768px) {
    .btn {
      padding: 10px 30px;
      font-size: 16px; } }
  @media (min-width: 1200px) {
    .btn {
      padding: 12px 36px;
      font-size: 18px; } }

.btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 5px;
  border: 0;
  background: transparent;
  font-size: 16px;
  cursor: pointer; }

.dropdown {
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  min-width: 164px;
  max-height: 0;
  padding: 0;
  transition: all .25s;
  background-color: #ffffff;
  overflow: hidden;
  z-index: 99; }
  .dropdown .navigation-link {
    padding-top: 5px;
    padding-bottom: 5px; }

.dropdown-container {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23AC2020' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px; }
  .dropdown-container:hover .dropdown {
    max-height: 250px; }

.dropdown-item {
  border: 1px solid var(--mexican-red);
  border-bottom: 0; }
  .dropdown-item:last-child {
    border-bottom: 1px solid var(--mexican-red); }

.pswp img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  left: 50%;
  transform: translateX(-50%); }

.pswp__ui {
  display: none; }

.swiper-prev,
.swiper-next {
  top: 50%;
  margin-top: -14px;
  color: #d5d5d5;
  font-size: 28px;
  cursor: pointer;
  z-index: 1; }
  .swiper-prev:hover,
  .swiper-next:hover {
    color: #d0d0d0; }

.swiper-prev {
  left: 0; }

.swiper-next {
  right: 0; }

.header {
  max-width: 750px;
  margin: 0 auto;
  padding: 22px 15px 26px; }

@media (min-width: 768px) {
  .navigation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around; } }

.navigation__item {
  display: block;
  padding: 8px 0;
  font-size: 17px;
  letter-spacing: 0.4em;
  line-height: 17px; }

.hero {
  margin-bottom: 64px; }
  @media (min-width: 992px) {
    .hero {
      margin-bottom: 164px; } }

.hero-title-img {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media (min-width: 992px) {
    .hero-title-img {
      max-width: initial; } }

.hero-socials {
  top: 10%;
  right: 20px; }
  @media (min-width: 992px) {
    .hero-socials {
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 40px; } }

.social-link_colored {
  margin-bottom: 15px;
  color: #fff;
  font-size: 22px; }
  .social-link_colored:last-child {
    margin-bottom: 0; }
  @media (min-width: 790px) {
    .social-link_colored {
      color: #b59c93; } }

.music {
  display: block;
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    .music {
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 140px; } }

.music-hero {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  min-width: 41.666667%; }

.music-title {
  top: 0;
  right: 0;
  margin-top: -0.35em;
  margin-right: 68px;
  transform-origin: top right;
  transform: rotate(-90deg);
  color: #fff;
  font-size: 80px;
  letter-spacing: 0.5em;
  line-height: 1;
  z-index: 1; }
  @media (min-width: 370px) {
    .music-title {
      font-size: 90px;
      margin-right: 78px; } }
  @media (min-width: 600px) {
    .music-title {
      font-size: 160px;
      margin-right: 136px; } }
  @media (min-width: 768px) {
    .music-title {
      font-size: 80px;
      margin-right: 78px; } }
  @media (min-width: 992px) {
    .music-title {
      font-size: 108px;
      margin-right: 93px; } }
  @media (min-width: 1440px) {
    .music-title {
      font-size: 160px;
      margin-right: 136px; } }

.brands-carousel {
  padding: 30px 15px; }
  .brands-carousel .swiper-container {
    width: 75%;
    margin: 0 auto 64px; }
  .brands-carousel .btn {
    margin-top: 32px; }
  @media (min-width: 768px) {
    .brands-carousel {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
      padding: 130px 0 0; } }

.brands__img {
  margin: 0 auto; }

.bio {
  margin-bottom: 120px; }
  @media (min-width: 992px) {
    .bio {
      margin-bottom: 370px; } }

.bio-title {
  margin-bottom: -16px;
  padding: 0 16px;
  line-height: 1;
  z-index: 1; }
  @media (min-width: 450px) {
    .bio-title {
      margin-bottom: -30px;
      padding: 0 30px; } }
  @media (min-width: 768px) {
    .bio-title {
      margin-bottom: -36px;
      padding: 0 45px; } }
  @media (min-width: 1200px) {
    .bio-title {
      margin-bottom: -75px;
      padding: 0 60px; } }

.bio-title__about {
  color: #cba195; }

.bio-title__name {
  color: #000; }

.bio-details {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 830px;
  padding: 14px 27px 27px;
  background-color: rgba(248, 241, 232, 0.9); }
  @media (min-width: 992px) {
    .bio-details {
      position: absolute;
      top: 53.819444%;
      left: 50%;
      transform: translateX(-50%);
      padding: 28px 54px 54px; } }

.bio-details__text {
  margin-bottom: 26px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5625em; }
  @media (min-width: 768px) {
    .bio-details__text {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .bio-details__text {
      font-size: 16px; } }

.bio-btn {
  margin: 22px auto 0;
  border-color: #fff; }

.video {
  padding: 0 24px; }
  @media (min-width: 768px) {
    .video {
      padding: 0 32px; } }
  @media (min-width: 992px) {
    .video {
      padding: 0 64px; } }

.video-title {
  margin: 0 0 54px;
  color: #8bb3a3;
  line-height: 1; }

.video__desc {
  display: block;
  margin-top: 28px;
  font-size: 18px;
  letter-spacing: 0.5em; }

.press {
  margin-bottom: 60px; }
  @media (min-width: 992px) {
    .press {
      margin-bottom: 160px; } }

.press-title {
  padding-left: 20px; }
  @media (min-width: 992px) {
    .press-title {
      padding-left: 0;
      position: absolute;
      top: .5em;
      left: .8em;
      z-index: 1; } }

.articles-carousel {
  padding: 0 20px;
  z-index: 2; }
  .articles-carousel .swiper-container {
    padding: 7px 4px; }
    @media (min-width: 768px) {
      .articles-carousel .swiper-container {
        padding: 20px 10px; } }
    @media (min-width: 992px) {
      .articles-carousel .swiper-container {
        padding: 40px 20px; } }
  .articles-carousel .swiper-slide {
    padding: 6px 6px 20px;
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.13); }
    @media (min-width: 768px) {
      .articles-carousel .swiper-slide {
        padding: 9px 9px 36px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.13); } }
    @media (min-width: 992px) {
      .articles-carousel .swiper-slide {
        padding: 12px 12px 50px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13); } }
  .articles-carousel .swiper-next,
  .articles-carousel .swiper-prev {
    color: #585858; }
  @media (min-width: 992px) {
    .articles-carousel {
      margin-bottom: -25%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }

.article__title {
  margin-top: 16px;
  color: #000;
  font-size: 20px;
  line-height: 1.5em; }

.article-desc {
  padding: 0 12px; }

.btn-article {
  border-color: #aea8a5; }
  @media (min-width: 768px) {
    .btn-article {
      padding: 12px 20px;
      font-size: 14px; } }

.footer {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px 60px; }

.footer-link {
  font-size: 12px;
  letter-spacing: 0.3em;
  line-height: 1.833333em; }

.footer-link_separator::after {
  display: inline-block;
  vertical-align: middle;
  content: '|';
  line-height: 1;
  padding: 0 3px; }
.footer-link_separator:last-child::after {
  display: none; }

/*# sourceMappingURL=style.css.map */